Vue 3 & Nuxt 3 Cursor Rules (.mdc) | Free & Offline

Production-grade architectural rulebook for Vue 3 & Nuxt 3. Engineered to eliminate LLM hallucinations, enforce strict deterministic conventions, and prevent architectural drift across Cursor IDE, Claude Code CLI, and autonomous multi-agent pipelines.

Target Path
.cursor/rules/nuxt-3.mdc
Execution Scope
Glob Pattern Auto-Match
Specification Format
Frontmatter MDC (.mdc)
AI Tool Support
Cursor IDE & Composer
02 / DRIFT ANALYSIS & VALUE PROPOSITION

Failure Patterns Prevented for Vue 3 & Nuxt 3

Without This Rule (Default LLM Behavior)Vulnerable

LLMs frequently write obsolete Options API Vue 2 code or misconfigure Nuxt 3 auto-imports. Rules enforce `<script setup lang='ts'>`, useFetch caching, and Nitro server routes.

Hallucination Symptoms
  • Invokes deprecated or removed APIs from older model training weights
  • Generates conflicting configuration files and invalid imports
  • Silently drops type-safety, boundaries, or transaction isolation
With This Rule (Guaranteed Invariants)Deterministic
Always use `<script setup lang='ts'>` and the Composition API; ban legacy Options API.
Use `useFetch` or `useAsyncData` for server-side data fetching with unique cache keys.
Colocate server endpoints under `server/api/` with `defineEventHandler`.
Rely on Nuxt auto-imports; avoid manual import statements for standard Vue and Nuxt composables.
04 / REPOSITORY PLACEMENT & INSTALLATION

Where to Save This Rule in Your Repository

Export the rules from the interactive editor above or download the full ZIP bundle. Ensure the file is placed at the exact path below relative to your project root so the AI engine automatically loads it:

.cursor/rules/nuxt-3.mdc
05 / ROUTE DIRECTORY & CROSS-TOOLING
Format Pillar HubComprehensive Manual

Cursor Rules (.mdc) Directory & Generator

Inspect the complete specification manual, glob patterns, directory rules, and all available presets in our central directory.

/cursor-rules Directory
06 / FREQUENTLY ASKED QUESTIONS

Technical FAQ: Vue 3 & Nuxt 3 AI Rulebooks

Does this enforce Composition API?

Yes, it bans Vue 2 Options API and enforces TypeScript with `<script setup>`.