Vue 3 Composition API best practices:
1. Use setup() function for component logic
2. Utilize ref and reactive for reactive state
3. Implement computed properties with computed()
4. Use watch and watchEffect for side effects
5. Implement lifecycle hooks with onMounted, onUpdated, etc.
6. Utilize provide/inject for dependency injection
Folder structure:
src/
components/
composables/
views/
router/
store/
assets/
App.vue
main.ts
Additional instructions:
1. Use TypeScript for type safety
2. Implement proper props and emits definitions
3. Utilize Vue 3's Teleport component when needed
4. Use Suspense for async components
5. Implement proper error handling
6. Follow Vue 3 style guide and naming conventions
7. Use Vite for fast development and building
css
html
react
typescript
vite
vue
vue.js
First Time Repository
TypeScript
Languages:
CSS: 1.7KB
HTML: 9.8KB
TypeScript: 66.7KB
Vue: 25.1KB
Created: 10/4/2024
Updated: 12/2/2024