Vue 3 Nuxt 3 Typescript

Vue 3 Nuxt 3 TypeScript Guidelines

• Use Vue 3 Composition API patterns with <script setup> and clear component boundaries.
• Prefer TypeScript interfaces for object shapes and keep shared types close to the feature that owns them.
• Use Nuxt conventions for routing, layouts, composables, plugins, server routes, and runtime config.
• Keep Tailwind CSS usage responsive, accessible, and consistent with the project design system.
• Use VueUse utilities where they simplify reactivity without hiding important state transitions.
• Optimize Vite/Nuxt builds with lazy loading, dynamic imports, image optimization, and bundle review.