What problem does it solve?
It solves the challenge of building and maintaining Vue 3 codebases without TypeScript by providing reliable, consistent patterns for type-safety and structure using JSDoc.
Core Features & Use Cases
- Vue 3 JavaScript-Only Guidance: Configure components using
<script setup> with JavaScript (no TypeScript) while keeping a clean Composition API structure.
- JSDoc-Based Type Safety: Add
@typedef, @type, @param, and @returns so IDEs and reviewers get strong type hints and clearer contracts.
- ESM and Modern Patterns: Use ESM modules and
.mjs when needed, following contemporary Vue/Vitest/Vue Router-friendly conventions.
- Use Case: Migrate a Vue 2 Options API app to Vue 3 Composition API using JavaScript-only files, while keeping maintainability through JSDoc typings.
Quick Start
Use this skill to design a Vue 3 component and its composable in JavaScript-only with JSDoc typing, and explain how to validate props, define emits, and structure tests with Vitest.