typescript-patterns

Resolve TypeScript type errors in Vue 3 Composition API projects.

Updated Mar 10, 2026
One-click install
npx skills add https://github.com/verivend/verivend-vue3-template --skill typescript-patterns-verivend
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: typescript-patterns
Source: https://github.com/verivend/verivend-vue3-template/tree/main/.claude/skills/typescript-patterns
Command: npx skills add https://github.com/verivend/verivend-vue3-template --skill typescript-patterns-verivend

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses common type-related errors and improves the overall type safety and maintainability of Vue 3 projects using TypeScript.

Core Features & Use Cases

  • Type Error Resolution: Provides a structured workflow and common solutions for resolving TypeScript errors.
  • Vue 3 Best Practices: Demonstrates correct typing for props, emits, composables, and defineModel.
  • API & Store Typing: Offers patterns for type-safe API composables and Pinia stores.
  • Use Case: When encountering Type Error: Property 'x' does not exist on type 'Y', use this Skill to understand the root cause and apply the correct type annotation or fix.

Quick Start

Follow the Type Error Resolution Workflow to fix type errors in your Vue 3 TypeScript codebase.

Frequently Asked Questions about typescript-patterns

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I fix TypeScript errors in Vue 3 Composition API components?

Fix TypeScript errors in Vue 3 Composition API components by following a structured workflow to identify root causes and apply correct type annotations for props, emits, and composables.

Why does my Vue 3 project throw "Property 'x' does not exist on type 'Y'"?

This TypeScript error occurs when types are mismatched or missing in Vue 3 components. Resolve it by applying correct type annotations to props, emits, composables, or API responses.

What is the best way to type Pinia stores in Vue 3?

The best way to type Pinia stores in Vue 3 is using explicit TypeScript patterns that enforce strict mode and avoid the `any` type, ensuring state and actions are fully type-safe.

Can I use TypeScript strict mode with Vue 3 and path aliases?

Yes, TypeScript strict mode works with Vue 3 and path aliases. Enforce strict typing across your project by configuring path aliases and never using `any` for safer component and composable types.

How do I type Vue 3 API composables and AG Grid components?

Type Vue 3 API composables and AG Grid components by applying comprehensive TypeScript patterns that cover explicit type definitions, ensuring strict type safety across your data fetching and grid logic.

When do I need explicit type annotations for Vue 3 defineModel?

You need explicit type annotations for Vue 3 `defineModel` when default type inference fails or strict type safety is required, ensuring parent-child component data binding remains fully type-checked.