Results for “vue-test-utils”

Provides best practices, patterns, and solutions for testing Vue.js applications, covering Vitest, Vue Test Utils, component testing, mocking, and Playwright for E2E testing.

Write and review unit tests for Vue 3 + TypeScript + Vitest + Pinia codebases, covering components, composables, and stores with behavior-first assertions.

Diagnose and fix Vue 3 runtime errors, warnings, async failures, and SSR/hydration issues with targeted debugging guides.

Use when implementing vue functionality with production-grade patterns and safeguards.

Batch-convert UI design screenshots into Vue 3 Composition API components using Vant, Element Plus, or Ant Design Vue.

Builds Vue 3 components with Composition API patterns, configures Nuxt 3 SSR/SSG projects, sets up Pinia stores, scaffolds Quasar/Capacitor mobile apps, implements PWA features, and optimises Vite builds.

Scaffold, install, and compose shadcn-vue components built on Reka UI v2, including Vue variants, form patterns with vee-validate/Zod, and adaptation of existing components.

Batch-converts UI design screenshots into Vue 3 Composition API components using Vant, Element Plus, or Ant Design Vue, with router wiring and shared component extraction.

Map requirements to the most suitable VueUse composable and apply correct usage patterns for concise, maintainable Vue.js/Nuxt features.

Use when the user has UI screenshots or design exports that need batch conversion into Vue 3 components, especially with Vant, Element Plus, or Ant Design Vue.

Builds Vue 3 components, composables, and Vite projects using JavaScript with JSDoc type annotations instead of TypeScript.

Audits Vue 3 + Reka UI components against WCAG 2.1 AA, covering ARIA, keyboard navigation, forms, images, dialogs, contrast, motion, and focus, with severity-based remediation guidance.

Vue.js is a progressive JavaScript framework for building user interfaces. It features the Composition API with reactive refs and computed values, single-file components, and an approachable learning curve with powerful scaling capabilities.

当用户有 UI 截图或设计导出文件需批量转换为 Vue 3 组件（Composition API、TypeScript）时使用

Use when the user has UI screenshots or design exports that need batch conversion into Vue 3 components, especially with Vant, Element Plus, or Ant Design Vue.

Analyzes an existing Vue project's UI to map components, extract design tokens, and identify code patterns, then generates a project-specific contextual skill file for consistent future development.

Provides Vue 3 Options API best practices, TypeScript integration tips, and solutions to common gotchas.

Provides Vue.js best practices and workflow guidance, including architecture planning, component design, reactivity patterns, and performance optimization for Vue 3 projects.

Write Vue 3 Single-File Components using Composition API with TypeScript, covering script setup macros, reactivity system, built-in components, and lifecycle hooks.

Provides Vue.js 3 Composition API patterns, component architecture, reactivity best practices, Pinia state management, Vue Router navigation, and Nuxt SSR patterns for Vue, Nuxt, Vite, or Pinia projects.

Vue.js 3 Composition API patterns, component architecture, reactivity best practices, Pinia state management, Vue Router navigation, and Nuxt SSR patterns. Activates for Vue, Nuxt, Vite, or Pinia projects.

Batch-converts UI design screenshots into Vue 3 Composition API components, with support for Vant, Element Plus, and Ant Design Vue.

Provides Vue.js best practices and workflow guidance, including architecture planning, component design, reactivity patterns, and performance optimization for Vue 3 projects.

Build full-stack Vue applications with Nuxt 4, covering SSR, file-based routing, auto-imports, server routes, and deployment.

Refactor Vue 3 giant files (>500 lines) using Blueprint-First Mode. Extract composables and UI sub-components while preserving 100% business logic.

Build documentation sites, configure themes, and write Markdown with Vue components using the VitePress static site generator.

Write Vue 3 single-file components using the Composition API with script setup, covering reactivity, lifecycle, and built-in components.

Manage Vue application state with Pinia's type-safe store patterns, including state, getters, actions, plugins, and SSR support.

Use when building Vue 3 applications with Composition API, Nuxt 3, or Quasar. Invoke for Pinia, TypeScript, PWA, Capacitor mobile apps, Vite configuration.

Create and present web-based slidedecks for developers using Slidev with Markdown, Vue components, code highlighting, animations, and interactive features.

Build documentation sites with VitePress, covering configuration, Markdown, Vue components, themes, and deployment.

Guides Vue.js 3 development with Composition API, covering component architecture, reactivity, state management with Pinia, routing, testing, and SSR patterns.

Get started with Naive UI - a Vue 3 component library with comprehensive installation and setup guide

Vue 3 Composition API, script setup macros, reactivity system, and built-in components. Use when writing Vue SFCs, defineProps/defineEmits/defineModel, watchers, or using Transition/Teleport/Suspense/KeepAlive.

Manage Vue application state with Pinia, covering store definition, state, getters, actions, plugins, testing, SSR, and Nuxt integration.