Guide Vue 3 development with Composition API, Pinia, and Nuxt 3.
npx skills add https://github.com/Jeffallan/claude-skills --skill vue-expert-jeffallan
Please help me install this Agent Skill. Skill: vue-expert Source: https://github.com/Jeffallan/claude-skills/tree/main/skills/vue-expert Command: npx skills add https://github.com/Jeffallan/claude-skills --skill vue-expert-jeffallan
This Skill provides guidance for building Vue 3 apps with Composition API, TypeScript, and state management.
Create a small component with script setup and a Pinia store integration.
High-intent search queries and answers about installing and using this skill.
The Composition API is Vue 3's modern approach to organizing component logic using reusable functions called composables. Use script setup syntax, ref() for reactive primitives, reactive() for objects, and computed() for derived state. This replaces the Options API and scales better for complex components.
Pinia is Vue 3's official state management library. Define typed stores with actions, getters, and state, then inject them into components. Pinia replaces Vuex, offers better TypeScript support, and simplifies store patterns compared to previous solutions.
Yes. Nuxt 3 is built on Vue 3 and provides SSR and SSG out of the box with automatic routing and API routes. Combine it with TypeScript, Pinia for state, and Composition API composables to build full-stack applications with type safety across components and stores.
Composables are functions that encapsulate reactive state, computed properties, and lifecycle hooks. Extract component logic into composables, handle cleanup in onBeforeUnmount, and import them into multiple components. This pattern replaces mixins and improves code reuse.
TypeScript is optional but recommended for Vue 3 projects. Use it to type props with PropType, define emits signatures, and add type safety to stores and composables. Nuxt 3 and Pinia integrate seamlessly with TypeScript for end-to-end type checking.
ElderEvilCreate type-safe Vue 3 stores with Pinia's defineStore.
arbazkhan971Modernize Vue.js architecture, state, routing, rendering, and tests.
tridentsofWrite Vitest unit and component tests for Vue3 with Vue Test Utils.
benshapyroGenerate TypeScript React components and hooks with standardized patterns for state management and composition.
