shadcn-vue

During initialization : Templates ( templates/ ): References ( references/ ): Component Documentation ( components/ ): Official Documentation : Load these references based on the task: Load references/error-catalog.md when: Load references/components.md when: Load references/component-examples.md when: Load references/cli.md when: Load references/dark-mode-setup.md when: Load references/theming.md when: Load references/mcp.md when: Load references/data-tables.md when: ✅ Run init before adding components ✅ Use CSS variables for theming ( cssVariables: true ) ✅ Configure TypeScript path aliases ✅ Keep components.json in version control ❌ Don't change style after initialization ❌ Don't mix Radix Vue and Reka UI v2 ❌ Don't skip TypeScript configuration ❌ Don't use without Tailwind CSS shadcn-vue uses components.json to configure: Full example: See templates/components.json or generate via npx shadcn-vue@latest init The @/lib/utils.ts file provides the cn() helper for merging Tailwind classes: Auto-generated by shadcn-vue init - no manual setup needed. - Style: New York or Default (cannot change later!) - Base color: Slate (recommended) - CSS variables: Yes (required for dark mode) - quick-setup.ts - Complete setup guide for Vue/Nuxt with examples (190 lines) - cli.md - CLI commands and options - mcp.md - MCP setup, client configs, prompts - theming.md - Theming and cssVariables -...