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.

Audits Vue 3 components for design-system consistency, legacy patterns, and missing states, producing a component log.

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.

Runs fast unit and integration tests with Vitest, featuring Vite-native speed and Jest-compatible API. Use for modern Vite projects.

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）时使用

Defines and applies design tokens for Vue 3 + shadcn-vue projects, including CSS variables, Tailwind configuration, and usage patterns.

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.

Build .NET MVVM ViewModels with CommunityToolkit.Mvvm source generators, base classes, and commands for WPF, WinUI, MAUI, Uno, and Avalonia.

Wire CommunityToolkit.Mvvm ViewModels into Microsoft.Extensions.DependencyInjection with constructor injection, service lifetimes, IMessenger registration, and testing seams for WPF, WinUI 3, MAUI, Uno, and Avalonia apps.

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.

Documents, standardizes, and governs a Vue 3 + shadcn-vue design system, including component documentation templates, patterns for forms, empty states, loading states, and feedback, plus a consistency checklist and conventional commit conventions.

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.

Live developer experience audit. Uses the browse tool to actually TEST the developer experience: navigates docs, tries the getting started flow, times TTHW, screenshots error messages, evaluates CLI help text. Produces a DX scorecard with evidence. Compares against /plan-devex-review scores if they exist (the boomerang: plan said 3 minutes, reality says 8). Use when asked to "test the DX", "DX audit", "developer experience test", or "try the onboarding". Proactively suggest after shipping a developer-facing feature. (gstack) Voice triggers (speech-to-text aliases): "dx audit", "test the developer experience", "try the onboarding", "developer experience test".