# Install the "Vue 3 Composition API & Pinia" skill

You are installing an AgenticMarket skill into this workspace. Follow these steps exactly.

## 1. Detect your environment and choose the destination file
- Andromity: `.andromity/skills/vue-3-composition/SKILL.md` (or user scope `~/.andromity/skills/vue-3-composition/SKILL.md`)
- Antigravity / Gemini CLI: `.agent/skills/vue-3-composition/SKILL.md`
- Cursor: `.cursor/rules/vue-3-composition.mdc`
- Claude Code: append to `CLAUDE.md` (or `.claude/skills/vue-3-composition.md`)
- Windsurf: append to `.windsurfrules`
- Cline / Roo Code: `.clinerules/vue-3-composition.md`
- GitHub Copilot: append to `.github/copilot-instructions.md`
- ChatGPT / web only: paste the content into Custom Instructions
- Any other agent: save to `.agent/skills/vue-3-composition/SKILL.md`

## 2. Create the destination file
- Preserve every existing file and configuration entry.
- Create parent folders as needed.
- Never overwrite unrelated content.

## 3. Write exactly this content

```markdown
---
name: vue-3-composition
description: "Write idiomatic Vue 3 using <script setup>, composables, TypeScript, and Pinia centralized store management."
author: community
license: mit
version: 1.0.0
---
# Vue 3 Composition API Guide

Clean architecture for Vue 3:
- Encapsulate reusable stateful logic into composable functions (`use...`).
- Use `defineProps<Props>()` and `defineEmits<Emits>()` with strict TypeScript interfaces.
```

## 4. Verify
- Confirm the file exists and is readable.
- Report the destination path and confirm the "Vue 3 Composition API & Pinia" skill is installed and active.

Skill metadata:
- Slug: vue-3-composition
- Category: development
- License: mit
- Source: AgenticMarket