vue-expert-js

Develop Vue 3 components and composables with JavaScript and JSDoc annotations.

Updated Feb 11, 2026

Search Tags:#vitest #javascript #vue #jsdoc #pinia #composition-api #esm

Ready to run

npx skills add https://github.com/lamb92009/claude-skills --skill vue-expert-js-lamb92009

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: vue-expert-js
Source: https://github.com/lamb92009/claude-skills/tree/main/vue-expert-js
Command: npx skills add https://github.com/lamb92009/claude-skills --skill vue-expert-js-lamb92009

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

The Vue 3 JS-only expert skill helps teams build modern Vue applications without TypeScript, while preserving type safety through JSDoc annotations, enabling clearer contracts and tooling support.

Core Features & Use Cases

Use Vue 3 Composition API with JavaScript and JSDoc for type safety.
Write components with <script setup> and .mjs ES modules.
Create reusable composables with @typedef, @param, and @returns to document APIs.
Integrate Vitest for testing and Pinia for state management when needed.
Quick prototypes and teams migrating from Vue 2 Options API to Vue 3 with JS-only codebases.

Quick Start

Create a new Vue 3 component using <script setup> with plain JavaScript and JSDoc typings, then run Vitest to verify type hints and tests.

Frequently Asked Questions about vue-expert-js

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

FAQPage Schema

How do I get type safety in Vue 3 without using TypeScript?▼

To achieve type safety in Vue 3 without TypeScript, use JSDoc annotations within your JavaScript components. This approach provides solid type hints and tooling support while strictly disallowing TypeScript syntax in your codebase.

Can I use Vue 3 Composition API with plain JavaScript and JSDoc?▼

Yes, you can use the Vue 3 Composition API with plain JavaScript by writing components utilizing the script setup block. JSDoc annotations like @typedef, @param, and @returns document your composables and provide necessary type contracts.

What is the best way to write ES modules for Vue 3 components?▼

The best way to write ES modules for Vue 3 is using .mjs files for your JavaScript code. This ensures native ES module usage alongside Vue 3 script setup components, maintaining a TypeScript-free environment with JSDoc type hints.

Does Vitest work with Vue 3 JS-only components and composables?▼

Yes, Vitest works seamlessly with Vue 3 JS-only components and composables. You can run Vitest to verify type hints and execute tests across your JavaScript components and composables without needing TypeScript.

How do I manage state in a Vue 3 JavaScript project using Pinia?▼

You can manage state in a Vue 3 JavaScript project by integrating Pinia. This skill supports Pinia integration within a JS-only environment, allowing you to leverage JSDoc for store typing while avoiding TypeScript syntax entirely.