Vue to Next.js

Convert Vue/Nuxt applications and components to idiomatic Next.js App Router code. Treat the Vue source as the contract: match its public API exactly, then rebuild internals with React patterns.

Use this skill when

• Converting Vue SFC (.vue) files to React/Next.js components
• Migrating Nuxt pages or layouts to Next.js App Router
• Converting Vue state management (Pinia/Vuex) to React equivalents
• Mapping Vue Router config to Next.js file-system routing
• Replacing Vue ecosystem packages with React equivalents
• Planning or executing a full Vue-to-Next.js migration

Do not use this skill when

• Building a new React/Next.js app from scratch (no Vue source)
• Converting between React frameworks (CRA → Next.js, Remix → Next.js)
• Converting React to Vue (reverse direction)
• General React or Next.js questions unrelated to migration