Перейти к основному содержимому

Lang Vue

Navigate, test, and build Vue or Nuxt apps.

Skill metadata​

SourceBundled (installed by default)
Pathskills/software-development/lang-vue
Version1.1.0
AuthorVibeOS
LicenseMIT
Platformslinux, macos, windows

Reference: full SKILL.md​

к сведению

The following is the complete skill definition that VibeOS loads when this skill is triggered. This is what the agent sees as instructions when the skill is active.

Vue / Nuxt Language Pack Skill

Drive Vue / Nuxt work with the project index and standard CLI recipes. LSP hint: vue-language-server (editor-side when applicable). Zero new core tools.

What this language is (beginner)​

Популярный фреймворк UI для сайтов и SPA. Nuxt — полноценный фреймворк для SSR/сайтов на Vue.

Лучше всего для:

  • интерактивные сайты и SPA
  • SSR/SEO сайты на Nuxt
  • админки и кабинеты
  • интернет-проекты, где важен понятный фронтенд

When to Use​

Выбирай этот pack, если:

  • нужен современный фронтенд с компонентами
  • есть nuxt.config.* / vue.config.*
  • команда предпочитает Vue вместо React

Manifests (автодетект репозитория): nuxt.config., vue.config.

Обычно рядом: TypeScript; Prisma/API на Node/Python/Go.

См. также skill choose-language-pack, если цель ещё не ясна.

When NOT to use​

  • контентный маркетинговый сайт с минимумом JS → Astro
  • максимально простой реактивный UI → Svelte
  • экосистема React/Next уже выбрана → TypeScript + React (lang-typescript)

Prerequisites​

vibeos pack apply lang-vue --apply
vibeos pack apply project-intelligence --apply

How to Run​

vibeos project index build
npm test # or pnpm test / npx vitest run
npx vue-tsc --noEmit # or nuxi typecheck
npm run build

Quick Reference​

GoalCommand
Apply packvibeos pack apply lang-vue --apply
Doctorvibeos language doctor vue
Primary testnpm test
Choose guideskill choose-language-pack

Procedure​

  1. Если язык ещё не выбран для нового проекта — сначала choose-language-pack.
  2. Work from the project root that matches pack manifests.
  3. Index query → read_file → edit → path-scoped tests when iterating.
  4. Prefer the package manager / toolchain already locked in the repo.
  5. Explain non-obvious toolchain choices in plain language for the user.

Pitfalls​

  • Prefer lockfile package manager.
  • Vue LSP is editor-side; pack apply does not install Node.
  • Do not invent core tools; stay on terminal + read_file + index CLI.

Verification​

vibeos language doctor vue
npm run build