Provide Vue 3 and Nuxt 3 patterns for Composition API, Options API, and Pinia.
npx skills add https://github.com/enact-on/super-ai-github --skill vue-enact-on
Please help me install this Agent Skill. Skill: vue Source: https://github.com/enact-on/super-ai-github/tree/main/.opencode/skill/vue Command: npx skills add https://github.com/enact-on/super-ai-github --skill vue-enact-on
This Skill provides a structured collection of Vue.js 3 and Nuxt best practices, patterns, and example code to accelerate frontend development and ensure consistency across projects.
Install or view patterns and copy the code examples included in this Skill to bootstrap Vue/Nuxt components in your project.
High-intent search queries and answers about installing and using this skill.
The best way to structure Vue 3 components is using the Composition API with script setup for maintainable state, reactivity, and lifecycle management. This pattern provides typed props, emits, and reusable composables for a scalable architecture.
To manage state in a Nuxt 3 application, use Pinia stores with TypeScript for typed state management. This combination handles scalable component architecture, routing, and server/client separation effectively across your frontend project.
Yes, this Vue.js guidance supports the Options API for legacy codebases, enabling gradual migration to the Composition API. It provides ready-to-use patterns and code samples for both approaches to ensure project consistency.
Handling server versus client component usage in Nuxt 3 involves applying specific patterns for server and client separation, file routing, and API routes. These Nuxt specifics ensure proper rendering and data fetching across your application.
Yes, you can use Pinia with Vue 3 for scalable frontend architecture. It provides typed stores and composables that integrate with TypeScript to manage state, routing, and component patterns efficiently across large projects.
gfcampos1Implement frontend features using detected framework conventions and TypeScript preferences.
spideynoloveBuild universal Vue apps with Nuxt 3 SSR, routing, and auto-imports.
mtsatryanGuide Vue 3 Composition API practices with TypeScript, Pinia, and Vitest.
KeyValueSoftwareSystemsStandardize Vue.js 3 development with Composition API patterns and Pinia state management.
