vue-expert-js

Develop Vue 3 components with JavaScript and JSDoc type annotations.

10|3|Updated Mar 14, 2025
One-click install
npx skills add https://github.com/Mentor-Wizard/mentor-wizard-webapp --skill vue-expert-js-mentor-wizard
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: vue-expert-js
Source: https://github.com/Mentor-Wizard/mentor-wizard-webapp/tree/main/.claude/skills/vue-expert-js
Command: npx skills add https://github.com/Mentor-Wizard/mentor-wizard-webapp --skill vue-expert-js-mentor-wizard

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill assists in building Vue 3 applications using only JavaScript and JSDoc for type safety, avoiding TypeScript.

Core Features & Use Cases

  • JavaScript-centric Vue 3: Develop components and composables without TypeScript.
  • JSDoc Typing: Leverage JSDoc comments for robust type hints and autocompletion.
  • ESM Modules: Utilize modern JavaScript module patterns.
  • Use Case: Quickly scaffold a new Vue 3 feature using Composition API and JSDoc, ensuring type safety without a TypeScript build setup.

Quick Start

Create a new Vue 3 component using the vue-expert-js skill, ensuring it uses JavaScript and JSDoc for typing.

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?

You can achieve type safety in Vue 3 without TypeScript by using JSDoc annotations for type hints and autocompletion, leveraging the Composition API and vanilla JS composables for robust development.

Can I use JSDoc to define props and emits in a Vue 3 script setup component?

Yes, you can use JSDoc annotations to define props, emits, and complex types via @typedef within a Vue 3 script setup component, ensuring strict typing without TypeScript syntax or file extensions.

What is the best way to scaffold Vue 3 composables using vanilla JavaScript?

The best way to scaffold Vue 3 composables with vanilla JavaScript is utilizing ESM modules and JSDoc typing, avoiding TypeScript build setups while maintaining modern JavaScript module patterns.

Does Vue 3 Composition API work well with JSDoc and ESM modules?

The Vue 3 Composition API works seamlessly with JSDoc and ESM modules, allowing developers to build components exclusively in JavaScript while receiving robust type hints and autocompletion.

Why should I use JSDoc instead of TypeScript for Vue 3 application development?

You should use JSDoc instead of TypeScript for Vue 3 application development to bypass TypeScript build setups and syntax, achieving type safety directly in vanilla JavaScript ESM modules.

Are there limitations to using JSDoc for complex types in Vue 3 JavaScript applications?

While JSDoc supports complex types via @typedef in Vue 3 JavaScript applications, developers must avoid TypeScript syntax and file extensions entirely, relying strictly on vanilla JS and ESM modules.