Does this skill support Vue 3.5+ features?

Yes, it includes guidance on reactive props destructure, useTemplateRef, and onWatcherCleanup introduced in Vue 3.5.

Does it include support for TypeScript?

Yes, it provides TypeScript-first patterns, including type-safe props, emits, and Pinia stores.

Can I use this for Nuxt projects?

Absolutely. The skill contains specific patterns for Nuxt SSR, auto-imports, server routes, and runtime configuration.

Does it provide guidance on project structure?

Yes, it recommends a feature-first layout to ensure scalability and clear separation of concerns in large applications.

How does it handle state management?

It promotes the use of Pinia Setup Stores over Options Stores and provides guidance on when to use local state vs. global stores.

Vue Patterns Claude Code Skill | Vue 3 & Nuxt Best Practices

This skill provides comprehensive guidance for building modern Vue.js applications using the Composition API. It assists with architectural decisions like feature-first project layouts, container-presentational component patterns, and efficient reactivity management. Whether you're setting up Pinia stores, configuring Vue Router, optimizing performance with Vue 3.5+ APIs, or implementing Nuxt-specific SSR features, this skill ensures your code adheres to industry-standard best practices for scalability and maintainability.

Características Principales

01Comprehensive Pinia state management and Vue Router navigation strategies

02Integrated testing patterns using Vitest, Pinia Testing, and Vue Test Utils

03Standardized feature-first project structure and file naming conventions

04Nuxt-specific patterns for SSR, auto-imports, and server-side logic

05Advanced Vue 3 Composition API and reactivity optimization patterns

06243,137 GitHub stars

Casos de Uso

01Implementing high-performance reactivity and SSR-safe logic in Nuxt-based projects

02Refactoring legacy Vue 2 or Options API code to the modern Composition API

03Architecting scalable Vue 3 applications with industry-standard folder structures

Tieline — product intent grounded in code

Vue.js Patterns & Architecture

Características Principales

Casos de Uso

Healthcare CDSS Development Patterns

Pbt G Safe Operator

React Code Fix & Linter

Características Principales

Casos de Uso