Vue Best Practices
by vuejs-aic9d355ff23f6MITListed Oct 8, 2026Updated Oct 8, 2026
MUST be used for Vue.js tasks. Strongly recommends Composition API with `<script setup>` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar, vue-tsc. Load for any Vue, .vue files, Vue Router, Pinia, or Vite with Vue work. ALWAYS use Composition API unless the project explicitly requires Options API.
- c9d355ff23f6Currentcommit c9d355fPublished Oct 8, 2026
Source and attribution
Source:vuejs-ai/skillsinskills/vue-best-practicesat commitc9d355f
License: MIT
Content belongs to its original authors. SourceWeft indexes it from a public repository.
More from vuejs-ai/skills
Vue Router Best Practices
vuejs-ai
Reference guidance on Vue Router 4 navigation guards, route params, and route-component lifecycle pitfalls.
Vue Pinia Best Practices
vuejs-ai
Reference guidance on Vue Pinia store setup, reactivity gotchas, and state management patterns.
Vue Options Api Best Practices
vuejs-ai
Reference guidance on Vue 3 Options API style, TypeScript typing, and common pitfalls.
Vue Jsx Best Practices
vuejs-ai
Guidance on Vue JSX syntax and how it differs from React JSX.
Create Adaptable Composable
vuejs-ai
Guides creation of reusable Vue composables that accept plain values, refs, or getters as inputs.
More in Software Development
Playground
anthropics
Builds self-contained interactive HTML playgrounds with controls, live preview, and copyable prompt output.
M5 Onboard
anthropics
Provisions M5Stack ESP32 boards by detecting them on USB, flashing UIFlow 2.0 firmware, and installing a MicroPython app bundle.
Cardputer Buddy
anthropics
Guides iterating on a Cardputer-Adv MicroPython app bundle: adding apps, pushing files over USB-serial, tailing logs, and running REPL commands.
Dpop Adoption
Guides implementation of OAuth 2.0 DPoP (RFC 9449) sender-constrained refresh tokens for Google's OAuth platform.
Gemini Live Api
Generates a Gemini Live API WebSocket client class, tests, docs, and a demo UI for bidirectional streaming.
Gemini Api
Guides use of the Gemini API on Google's Agent Platform with the Gen AI SDK across languages and capabilities.