vue-development-guides

Standardize Vue 3 and Nuxt 3 project development practices and conventions.

Updated Oct 19, 2020
One-click install
npx skills add https://github.com/friends-of-ute-valley-park/friends-of-ute-valley --skill vue-development-guides-friends-of-ute-valley-park
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: vue-development-guides
Source: https://github.com/friends-of-ute-valley-park/friends-of-ute-valley/tree/main/.gemini/skills/vue-development-guides
Command: npx skills add https://github.com/friends-of-ute-valley-park/friends-of-ute-valley --skill vue-development-guides-friends-of-ute-valley-park

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill standardizes Vue.js development practices to improve code quality and consistency.

Core Features & Use Cases

  • Comprehensive guidance for Vue 3 and Nuxt 3 projects, including SFC structure, reactivity patterns, data flow, and component composition.
  • Practical recommendations for naming, defaults, and performance optimizations in real projects.
  • Use Case: When starting a new Vue/Nuxt project, use this guide to set up conventions and evaluate refactors against the guidelines.

Quick Start

Follow the Vue Development Guides to audit an existing Vue 3 or Nuxt 3 project and align it with the core principles and recommended patterns.

Frequently Asked Questions about vue-development-guides

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What are the best practices for structuring Vue 3 SFC components and managing reactivity?

Vue 3 best practices standardize SFC structure, reactivity patterns, and component composition to ensure predictable state management. Following these guidelines improves code quality and consistency during development, refactoring, and code reviews.

How do I standardize data flow and naming conventions in a Nuxt 3 project?

To standardize data flow and naming conventions in Nuxt 3, apply core principles and actionable guidelines that enforce predictable state management. This provides clear defaults for component composition and project-level consistency.

Does this Vue development guide apply to legacy Vue 2 projects or only Vue 3?

This Vue development guide applies specifically to Vue 3 and Nuxt 3 projects. It provides targeted recommendations for SFC structure, reactivity patterns, and data flow that suit the modern Vue 3 ecosystem.

What is the best way to audit an existing Vue 3 or Nuxt 3 codebase for consistency?

The best way to audit an existing Vue 3 or Nuxt 3 codebase is to evaluate refactors against standardized development guidelines. This aligns your project with core principles, recommended patterns, and naming conventions.

When should I use these Vue 3 reactivity patterns and recommended tooling?

You should use these Vue 3 reactivity patterns and recommended tooling when starting new projects, evaluating refactors, or conducting code reviews. They ensure predictable state management and performance optimizations across your application.