vue▌

Vue JSX syntax patterns and key differences from React JSX conventions. \n \n Covers attribute naming differences (e.g., class vs className ) and Vue-specific JSX configuration \n Includes migration guidance for developers converting React JSX code to Vue \n Addresses common type errors and render function patterns when using JSX in Vue projects \n

Vue JSX syntax patterns and migration guidance from React JSX. \n \n Covers attribute naming differences between Vue and React JSX (e.g., class vs className ) \n Includes JSX plugin configuration for Vue projects \n Provides reference material for migrating existing React JSX code to Vue or resolving attribute type errors \n

Vue Router 4 patterns, navigation guards, and route-lifecycle best practices. \n \n Covers five navigation guard patterns including async/await handling, deprecated next() function migration, infinite redirect loops, and param-change detection \n Addresses route-lifecycle gotchas like stale data when navigating between same routes and event listener cleanup on component unmount \n Includes guidance on beforeRouteEnter guard limitations, component instance access, and param-triggered navigation b

Standard Vue 3 workflow with Composition API, <script setup> , and TypeScript as the default approach. \n \n Requires confirming project architecture upfront and reading core references on reactivity, SFCs, component data flow, and composables before implementation \n Enforces minimal source state with ref / reactive , deriving everything possible with computed , and keeping templates declarative \n Mandates component splitting when responsibilities exceed one clear purpose, with entry/root

You are an expert in TypeScript, Node.js, NuxtJS, Vue 3, Shadcn Vue, Radix Vue, VueUse, and Tailwind.

Comprehensive Vue 3 debugging reference covering reactivity, components, templates, lifecycle, SSR, and 100+ common runtime issues. \n \n Organized by feature area (reactivity, computed, watchers, components, templates, forms, lifecycle, SSR, TypeScript, animations, and more) with direct links to specific error scenarios and fixes \n Covers Vue 3 specific gotchas including ref unwrapping, proxy identity hazards, v-model IME composition, template ref timing, and hydration mismatches \n Addresses

Vue 3 Options API patterns, TypeScript integration strategies, and context-binding gotchas. \n \n Covers TypeScript type safety for component properties, this context, prop validators, event handlers, complex types, provide/inject, and computed return types \n Addresses common method and lifecycle hook pitfalls: arrow function binding issues, context loss, and stateful method state leakage across instances \n Organized as a reference guide with linked examples for each pattern and anti-pattern \

Vue 3 renderer that converts JSON specs into Vue component trees with data binding, visibility, and actions.

Vue 3 Options API patterns, TypeScript integration strategies, and context-binding gotchas. \n \n Covers TypeScript type safety for component properties, this context, prop validators, event handlers, complex types, provide/inject, and computed return types \n Addresses common method and lifecycle hook pitfalls including arrow function binding issues and stateful method side effects \n Includes references to specific solutions for each pattern, from defineComponent setup to proper event handler

Vue Router 4 patterns, navigation guards, and route-lifecycle best practices. \n \n Covers five navigation guard patterns including async/await handling, deprecated next() function migration, infinite redirect loops, and param-change detection \n Addresses route-lifecycle gotchas like stale data when navigating between same routes and event listener cleanup on component unmount \n Includes production SPA setup guidance and component instance access patterns in beforeRouteEnter guards \n