skills.rest
lamb92009
lamb92009COMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/lamb92009/claude-skills --skill vue-expert-js-lamb92009
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
camelranchentertainmentcamelranchentertainment
1

vue-expert-js

Establish a JavaScript-only Vue 3 workflow with JSDoc typed APIs.

Community
Advanced
Serg28Serg28

vue-expert-js

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

Community
Intermediate
EstomEstom

vue-expert-js

Build Vue 3 applications with JavaScript and JSDoc type annotations.

Community
Intermediate
Marwan78888Marwan78888
16

vue-expert-js

Build Vue 3 apps with JavaScript and JSDoc typing instead of TypeScript.

Community
Advanced