skills.rest
Estom
EstomCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

vue-expert-js

Build Vue 3 applications with JavaScript and JSDoc type annotations.

Updated Mar 17, 2026
Search Tags:#vitest#javascript#vue#jsdoc#composables#pinia#composition-api
One-click install
npx skills add https://github.com/Estom/aiflex --skill vue-expert-js-estom
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: vue-expert-js
Source: https://github.com/Estom/aiflex/tree/main/skills-repo/Jeffallan-skills/vue-expert-js
Command: npx skills add https://github.com/Estom/aiflex --skill vue-expert-js-estom

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Provide guidance and concrete patterns to build Vue 3 applications using plain JavaScript and JSDoc so teams can avoid TypeScript while retaining clear type documentation, maintainable composables, and modern Composition API patterns.

Core Features & Use Cases

  • Composition API best practices using script setup without TypeScript and support for ESM .mjs modules.
  • JSDoc-based typing patterns including @typedef, @param, @returns, and @type for refs, computed values, composables, and public APIs.
  • Component architecture guidance (props, emits, slots), Pinia state management patterns, composable design, and Vitest testing strategies for JavaScript projects.
  • Use case: migrate a Vue 2 Options API codebase to Vue 3 Composition API in JavaScript with consistent JSDoc types and unit tests.

Quick Start

Create a Vue 3 component using script setup in JavaScript with JSDoc-typed props, a composable for shared state, and a short Vitest unit test.

Frequently Asked Questions about vue-expert-js

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

FAQPage Schema
How do I use Vue 3 Composition API with JavaScript instead of TypeScript?▼

You can build Vue 3 applications using plain JavaScript with JSDoc by utilizing script setup without the lang attribute and defining types via @typedef, @param, and @returns annotations for your composables and components.

What is the best way to add type checking to Vue 3 JavaScript projects?▼

The best way to add type checking to Vue 3 JavaScript projects is using JSDoc type annotations alongside ESM .mjs modules. This approach provides clear type documentation for refs, computed values, and public APIs without needing TypeScript.

Can I use Pinia and Vitest in a Vue 3 JavaScript project without TypeScript?▼

Yes, you can use Pinia for state management and Vitest for unit testing in a Vue 3 JavaScript project. This setup provides specific testing patterns using Vue Test Utils while maintaining your JavaScript-only codebase architecture.

How do I migrate Vue 2 Options API to Vue 3 Composition API in JavaScript?▼

Migrate Vue 2 to Vue 3 by refactoring Options API code into Composition API patterns using JavaScript and script setup. You can establish consistent JSDoc types for props, emits, and shared composables while adding Vitest unit tests.

Does Vue 3 script setup work without the lang attribute for JavaScript?▼

Yes, Vue 3 script setup works without the lang attribute for pure JavaScript development. It fully supports ESM .mjs modules and allows you to define component architecture including props, emits, and slots using standard JSDoc typing patterns.

Related Skills

Explore More Software Engineering Skills→
ElderEvilElderEvil

vueuse-best-practices

Enforce SSR-safe VueUse composable patterns in Vue 3 projects.

Community
Intermediate
Eva813Eva813
2

vue-vite-testing

Guide unit testing Vue 3 apps with Vite, Vitest, and Vue Test Utils.

Community
Advanced
Serg28Serg28

vue-expert-js

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

Community
Intermediate
IsKenKenYaIsKenKenYa

vue-best-practices

Fix Vue 3 and TypeScript typing, template-checking, and tooling misconfigurations.

Community
Advanced