NuxtJS Vue TypeScript Development

Guidelines for building Nuxt 3 and Vue 3 applications with TypeScript, Shadcn Vue, Radix Vue, VueUse, and Tailwind.

Code Style and Structure

• Write concise, technical TypeScript with accurate examples
• Employ composition API with declarative patterns; avoid options API
• Favor iteration and modularity over code duplication
• Use descriptive variable names with auxiliary verbs (isLoading, hasError)
• Organize files: exported component, composables, helpers, static content, types
• Keep component boundaries clear — a component should own one piece of UI/behavior; extract composables when logic grows beyond simple template glue

Naming Conventions

• Directories: lowercase with dashes (components/auth-wizard)
• Components: PascalCase (AuthWizard.vue)
• Composables: camelCase (useAuthState.ts)