# Migration Migrate Component

> Use when a component needs migration to the target architecture or framework version.

- **Type:** Skill
- **Install:** `agentstack add skill-herbert-julio-azion-specialist-agent-migration-migrate-component`
- **Verified:** Yes — security-reviewed for prompt injection and unsafe behavior
- **Seller:** [herbert-julio-azion](https://agentstack.voostack.com/s/herbert-julio-azion)
- **Installs:** 0
- **Category:** [Developer Tools](https://agentstack.voostack.com/c/developer-tools)
- **Latest version:** 0.1.0
- **License:** MIT
- **Upstream author:** [herbert-julio-azion](https://github.com/herbert-julio-azion)
- **Source:** https://github.com/herbert-julio-azion/specialist-agent/tree/main/packs/nuxt/skills/migration-migrate-component
- **Website:** https://specialistagent.com.br

## Install

```sh
agentstack add skill-herbert-julio-azion-specialist-agent-migration-migrate-component
```

Requires the [AgentStack CLI](https://agentstack.voostack.com/docs/cli). Works with Claude Code, Cursor, and any MCP-compatible agent.

## About

Migrate a Nuxt component from Nuxt 2 / Options API to Nuxt 3 `` following `docs/ARCHITECTURE.md` section 5.

Component: $ARGUMENTS

## Steps

1. Read `docs/ARCHITECTURE.md` section 5.

2. Analyze the component:
   - Count lines (template, script, style)
   - List: props, emits, data, computed, watch, methods, mixins, asyncData, fetch
   - Map who imports this component

3. Convert to ``:
   - `props` -> `defineProps()`
   - `emits` -> `defineEmits()`
   - `data()` -> `ref()` / `reactive()`
   - `computed:` -> `computed()`
   - `watch:` -> `watch()`
   - `methods:` -> `function`
   - `mounted()` -> `onMounted()`
   - `mixins: []` -> extract to composable `useXxx()`
   - `asyncData()` -> `useAsyncData()`
   - `fetch()` -> `useFetch()`
   - `$axios` -> `$fetch`
   - `this.$route` -> `useRoute()`
   - `this.$router` -> `useRouter()`
   - `this.$store` -> `useState()` / Pinia
   - Remove explicit imports (use auto-imports)

4. Apply composition pattern if there is prop drilling.

5. Decompose if > 200 lines.

6. Validate:
```bash
nuxi typecheck
nuxi build
npx vitest run --passWithNoTests
```

## Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

- **Author:** [herbert-julio-azion](https://github.com/herbert-julio-azion)
- **Source:** [herbert-julio-azion/specialist-agent](https://github.com/herbert-julio-azion/specialist-agent)
- **License:** MIT
- **Homepage:** https://specialistagent.com.br

Install and usage instructions live in the source repository linked above.

## Pricing

- **Free** — Free

## Security capabilities

Automated source analysis of v0.1.0 — what this tool can access:

- **Network access:** yes
- **Filesystem access:** no
- **Shell / process execution:** no
- **Environment & secrets:** no
- **Dynamic code execution:** no

*"Yes" means the capability is present in the source — more access means more to trust, not that it is unsafe.*


## Versions

- **0.1.0** — security scan: passed — Imported from the upstream source.

## Links

- Listing page: https://agentstack.voostack.com/l/skill-herbert-julio-azion-specialist-agent-migration-migrate-component
- Seller: https://agentstack.voostack.com/s/herbert-julio-azion
- Browse the marketplace: https://agentstack.voostack.com/browse

---
Listed on AgentStack — the marketplace for AI agent skills and MCP servers. Every listing is security-reviewed. Creators keep 70%.