Achievements Round 3
Weight: 10%
Due:
Instructions
Pick 2 of the following achievements to complete. They are worth 5 points each. Submit a separate repo or add notes to the relevant files for each achievement in your submission.
Components and Class Bindings
- Create 3 components
- Use class bindings for colors and text
- bind data and set up default values
- Apply them to a page
Nuxt Modules
- Nuxt Modules
- Pick a nuxt module that is not (google-fonts, tailwindcss, strapi, or pinia) and add it to a project
- Set up the module and demonstrate what it does
- Discuss the benefits of this module briefly in your README
- Note relevant files and lines of code
Vue Directives Deep Dive
- Use some of the advanced features offered by vue directives in either a vue 3 or nuxt 3 project
- Vue Directive List
- 2 examples required
- Discuss what is useful about each example that you have created in your README
Nuxt 3 Server Side Routing
- Create a server route that passes data to a page
- Documentation
- Tutorial
- Discuss what you might use this for briefly in your README
Pinia Store
- Set up a pinia store in Vue 3 or Nuxt 3
- Use state management for a variable
- Tutorial
- Discuss what you might use this for briefly in your README