Vue 3.5 + Nuxt 4 + Nitro AI Config Bundle
A drop-in rules file that makes Claude Code, Cursor, Windsurf, and Copilot write Vue 3.5 and Nuxt 4 (Nitro) correctly instead of legacy Nuxt 3 structure and Vue 2 Options API.
Description
Nuxt 4 moved all app code into an app/ directory and reworked the data layer after most models' training cutoffs, so assistants default to root-level pages/components/layouts, Options API, module-level refs that leak across requests, deep-mutating shallowRef data, bare $fetch in setup, router.push, Pinia stores destructured without storeToRefs (hydration mismatch), and Tailwind v3 config. This bundle is a 565-line CLAUDE.md that encodes the correct patterns and the exact anti-patterns to avoid — the Nuxt 4 app/-dir map, Vue 3.5 reactivity (reactive props destructure, useTemplateRef, useId, onWatcherCleanup, lazy hydration), props/emits/defineModel, the Nuxt 4 data layer (useFetch/useAsyncData/$fetch with shared keys, shallowRef data, getCachedData), useState, SSR-safe Pinia, routing and navigateTo, Nitro server routes (h3), runtime config, auto-imports, Nuxt UI + Tailwind v4, SEO, a 14-mistake blocklist, and a pre-commit checklist. Ships with a README covering install for Claude Code, Cursor, Windsurf, and GitHub Copilot, plus a CUSTOMIZATION.md for adapting it to your data layer, auth, and UI library.
What's included
- CLAUDE.md — 565-line Vue 3.5 + Nuxt 4 + Nitro rules file (10 golden rules, the app/-dir structure map, Vue 3.5 reactivity, props/emits/defineModel, the Nuxt 4 data layer, useState, SSR-safe Pinia, routing/navigateTo, Nitro server routes, runtime config, auto-imports, Nuxt UI + Tailwind v4, SEO, a 14-mistake blocklist, and a pre-commit checklist)
- README.md — installation for Claude Code, Cursor, Windsurf, and GitHub Copilot (107 lines)
- CUSTOMIZATION.md — adapt it to your data layer/ORM, validation, auth, UI library, rendering strategy, and house style (93 lines)
Delivery
Instant download after Stripe checkout. File: nightforge-vue-nuxt-config-bundle.zip