Examples for Vue3 + Pinia + TypeScript

Demonstrate new features for Vue 3 and how to use them

Examples

• Todo (CRUD)
• Dynamic layout(component)
• Counter
• Counter mixins
• Form input bindings
• Lifecycle hooks
• Axios
• Teleport
• Suspense
• Provide and inject
• Multiple v-models
• Vee validate form
• Filters
• Key code
• Emit
• Emit computed
• Emit v-models
• Directives
• Custom directives
• Ref attribute
• Slot

Project setup

npm install

Compiles and hot-reloads for development

npm run dev

Compiles and minifies for production

npm run build

Run your unit tests

npm run test:unit

Lints and fixes files

npm run lint