vue3

Enforce Vue 3 Composition API and script setup guidelines with TypeScript.

Updated Mar 1, 2026
One-click install
npx skills add https://github.com/CloudyWing/ai-dotfiles --skill vue3-cloudywing
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: vue3
Source: https://github.com/CloudyWing/ai-dotfiles/tree/main/skills/vue3
Command: npx skills add https://github.com/CloudyWing/ai-dotfiles --skill vue3-cloudywing

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Vue 3 development standard helps teams maintain consistent usage of Composition API, <script setup>, and project structure, reducing integration issues and onboarding time.

Core Features & Use Cases

  • Enforces Composition API with <script setup> in new and existing Vue SFCs.
  • Provides naming, architecture, and build guidelines for Vue 3 apps.
  • Use Case: When starting a Vue 3 project, automatically apply the coding standards to ensure consistency across components and tooling.

Quick Start

Apply Vue 3 development standards to the current project by converting the first SFC to script setup with TypeScript.

Frequently Asked Questions about vue3

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

FAQPage Schema
How do I enforce Vue 3 Composition API and script setup standards across my project?

To enforce Vue 3 Composition API standards, apply automated coding guidelines that require script setup usage with TypeScript typings for props and emits across all SFCs. This ensures consistent architecture and reduces team integration issues.

What is the best way to structure a Vue 3 Single File Component using TypeScript?

The best way to structure a Vue 3 SFC is using script setup syntax with strict TypeScript typings for all props and emits. Proper component naming and SFC structure guidelines maintain consistent project architecture.

Can I use this Vue 3 coding standard for scaffolding new components and code reviews?

Yes, you can use these Vue 3 coding standards for scaffolding new components and conducting code reviews. It automatically applies strict requirements for Composition API usage, TypeScript typings, and Vite configuration.

Does this Vue 3 standard require manually configuring Vite build settings?

This Vue 3 standard specifies strict requirements for Vite build configuration rather than requiring manual setup. It provides architectural guidelines to ensure consistent tooling and build behavior across the Vue project.

When do I need to convert existing Vue components to script setup with TypeScript?

You need to convert existing Vue components to script setup with TypeScript when enforcing Vue 3 development guidelines in existing projects. This standard automatically applies to SFCs when Vue dependencies are detected or during code reviews.