AgenticMarketVue 3 Composition API Guide
Clean architecture for Vue 3:
- Encapsulate reusable stateful logic into composable functions (
use...). - Use
defineProps<Props>()anddefineEmits<Emits>()with strict TypeScript interfaces.
Loading
Write idiomatic Vue 3 using <script setup>, composables, TypeScript, and Pinia centralized store management.
Andromity loads skills from folders you trust. Install with andromity skill install vue-3-composition — autonomy and approval limits stay configurable per session.
# 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
Clean architecture for Vue 3:
use...).defineProps<Props>() and defineEmits<Emits>() with strict TypeScript interfaces.Write idiomatic Vue 3 using <script setup>, composables, TypeScript, and Pinia centralized store management.
Vue 3 Composition API & Pinia works seamlessly with Cursor (.cursor/rules), Claude Code (CLAUDE.md & .claude/skills), Windsurf (.windsurfrules), Google Antigravity (.agent/skills), Andromity (.andromity/skills), and Cline.
Click '1-Click Prompt Install' in the right sidebar or copy the prompt into your agent chat (Cursor Composer, Claude Code, or Andromity). The agent automatically configures the skill instruction file into your workspace.
Yes, Vue 3 Composition API & Pinia is 100% free and open-source under the mit license on AgenticMarket with no per-call fees or paywalls.
Use when running an annual SaaS audit, doing category-level spend review, or rationalizing the supplier base — when the user needs a spend audit, spend categorization (UNSPSC-aligned with Pareto breakdown and industry profiles), purchasing-cycle analysis (bottleneck categories per Goldratt's Theory of Constraints), or risk-balanced supplier consolidation that refuses single-source recommendations for tier-1 categories without a documented break-glass plan. Triggers on "spend audit", "SaaS audit", "spend categorization", "supplier rationalization", "supplier consolidation", "category strategy", "duplicate SaaS", "renewal cluster".
Implement Stripe Checkout sessions, webhook verification, customer portals, idempotency keys, and subscription billing.
Architect blazingly fast, memory-safe web services using Rust, Axum, Tokio async runtime, and Tower middleware.