vue3-best-practices
Installation
Add the marketplace
/plugin marketplace add Pythoughts-labs/vue3-best-practicesInstall plugins
/pluginRun these commands in Claude Code to add this plugin to your environment. The marketplace must be added before you can install its plugins.
Plugins
vue-skills-bundle
Install all Vue.js skills at once, including best practices, testing, router, Pinia, JSX, Options API, debug guides, and AI apps.
vue-best-practices
A collection of best practices and tips for developing applications using Vue.js. MUST be used when developing, refactoring, or reviewing Vue.js and Nuxt tasks.
vue-debug-guides
Vue 3 debugging and error handling for runtime errors, warnings, async failures, and SSR/hydration issues. Use when diagnosing or fixing Vue issues.
vue-jsx-best-practices
JSX syntax in Vue (e.g., class vs className, JSX plugin config).
vue-options-api-best-practices
Vue 3 Options API style (data(), methods, this context). Each reference shows Options API solution only.
vue-pinia-best-practices
Pinia stores, state management patterns, store setup, and reactivity with stores.
vue-router-best-practices
Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.
vue-testing-best-practices
Use for Vue.js testing. Covers Vitest, Vue Test Utils, component testing, mocking, testing patterns, and Playwright for E2E testing.
vue-ai-apps
Building AI/LLM and agent apps with Vue 3 and Nuxt: streaming chat UIs, the Vercel AI SDK, useChat, tool calling, structured output, and abort/error handling.