Pythoughts-labs/vue3-best-practices

vue-ai-apps

Building AI/LLM and agent apps with Vue 3 and Nuxt: streaming chat UIs, the Vercel AI SDK (`ai` + `@ai-sdk/vue`), `useChat`, tool calling, structured output, and abort/error handling. Load for AI chatbots, assistant UIs, LLM streaming, or agent frontends in…

لغة النص الأصلي: الإنجليزية

vue-best-practices

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…

لغة النص الأصلي: الإنجليزية

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.

لغة النص الأصلي: الإنجليزية