vue 3 nuxt 3 typescript
via PatrickJS/awesome-cursorrules
Vue 3 Composition API with TypeScript, Nuxt 3 conventions, and build optimization.
What is vue 3 nuxt 3 typescript?
Guidelines for Vue 3 development using the Composition API with TypeScript in a Nuxt 3 project. Covers component patterns, type safety, routing, styling, and build optimization to maintain consistency and performance across the application.
- Use Vue 3 Composition API with `<script setup>` syntax for cleaner component definitions
- Apply TypeScript interfaces for type-safe object shapes and shared types
- Follow Nuxt 3 conventions for routing, layouts, composables, plugins, and server routes
- Implement responsive and accessible Tailwind CSS styling aligned with design systems
- Leverage VueUse utilities for simplified reactivity management
- Optimize builds with lazy loading, dynamic imports, and bundle analysis
Applies to
File patterns this rule matches.
Rule definition (reference)
Source of truth, from the repository.
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.
Related rules
Complete Vue 3 & Nuxt 3 setup with TypeScript, Pinia, and modern best practices.
Vue 3 + TypeScript state management with Pinia: stores, Composition API, SSR, persistence, and testing.
Vue 3 Composition API best practices and project structure guidance.
Expert guidance for Svelte 5 and SvelteKit development with performance optimization focus.
WebAssembly Z80 cellular automata with environmental region grid control system.
Complete WordPress development setup with PHP, Gutenberg, WooCommerce, ACF, and security best practices.