skills.rest
Axel-DaMage
Axel-DaMageCOMMUNITY
Explore all skills by this author →
GitHub

vue-expert-js

Construct Vue 3 components with JavaScript and JSDoc type annotations.

2|Updated Jun 29, 2026
Search Tags:#javascript#vue#jsdoc#vue 3#type annotations
One-click install
npx skills add https://github.com/Axel-DaMage/opencode-config --skill vue-expert-js-axel-damage
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: vue-expert-js
Source: https://github.com/Axel-DaMage/opencode-config/tree/main/skills/vue-expert-js
Command: npx skills add https://github.com/Axel-DaMage/opencode-config --skill vue-expert-js-axel-damage

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill enables developers to build Vue 3 applications using JavaScript and JSDoc for type annotations, without TypeScript, making it easier to create applications with JavaScript and leverage JSDoc for type hints.

Core Features & Use Cases

  • Vue 3 Component Creation: Generate Vue 3 components with JSDoc annotations for type coverage.
  • State Management: Set up and manage state in Vue 3 applications using JavaScript.
  • Use Case: When you want to create a Vue 3 application with JavaScript and JSDoc for type annotations, or when you need to migrate from Vue 2 Options API to Composition API in JavaScript.

Quick Start

Generate a Vue 3 component with JSDoc annotations for type coverage by using the 'vue-expert-js' skill.

Frequently Asked Questions about vue-expert-js

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

FAQPage Schema
How do I add type annotations to Vue 3 components using vanilla JavaScript?▼

You can add type annotations to Vue 3 components by using JSDoc comments in your vanilla JavaScript code. This approach provides full type coverage and editor hints without needing TypeScript.

Can I migrate a Vue 2 Options API project to Vue 3 Composition API without TypeScript?▼

Yes, you can migrate from Vue 2 Options API to Vue 3 Composition API using vanilla JavaScript. The process involves restructuring your components while utilizing JSDoc annotations to maintain type hints.

What is the best way to manage state in Vue 3 when restricted to a JavaScript environment?▼

The best way to manage state in a JavaScript-only Vue 3 environment is using the Composition API with JSDoc type annotations. This setup provides robust state management and type safety without TypeScript.

Does Vue 3 work well with JSDoc for type hints instead of TypeScript?▼

Vue 3 works seamlessly with JSDoc for type hints, enabling developers to build applications with full type coverage. This approach allows you to leverage type checking using only JavaScript.

Why use JSDoc for Vue 3 component creation instead of migrating to TypeScript?▼

Using JSDoc for Vue 3 components allows you to maintain a pure JavaScript environment while still getting type hints and full type coverage. It is ideal for projects migrating from Vue 2 that want to avoid TypeScript.

Related Skills

Explore More Software Engineering Skills→
AratKruglikAratKruglik
150

vue-expert-js

Develop Vue 3 applications with JavaScript and JSDoc type safety.

Community
Intermediate
lamb92009lamb92009

vue-expert-js

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

Community
Advanced
truongnattruongnat

vue-pro

Orchestrate Vue 3 development workflows with Pinia, Vue Router, and TypeScript.

Community
Advanced
UmmItKinUmmItKin

vue-best-practices

Enforce Vue 3 TypeScript prop, emit, and slot typing with Volar settings.

Community
Basic