Vue — 111 Operations for AI Agents

This page is the canonical reference an AI coding agent uses to refactor, query, and analyze Vue code through the act MCP server. 111 operations available: 37 refactor, 18 query, 42 analysis, 14 verification. Each operation is callable from Claude Code, Cursor, Codex, OpenCode, or any MCP-compatible agent host. Click any operation for a stable anchor link suitable for citation.

Worked Vue examples

act101 parses Vue single-file components with a dedicated grammar and edits template attributes and script declarations as syntax nodes. It can add a :key binding to a v-for loop that lacks one. It can consolidate an explicit :modelValue/@update:modelValue pair on a child component into a single v-model binding. And it can generate or extend a component's emits: array with a given event name, creating the option if the component does not already have one. Each example below is the verbatim output of the command shown, run against the file shown.

Add a key binding to a v-for loop

list.vue renders a list of items with v-for="item in items" but no :key, so Vue cannot track list items across re-renders.

$ act refactor-lang add_key_to_v_for --file list.vue --params '{"line":3,"column":1}'

Before

<template>
  <ul>
    <li v-for="item in items">{{ item.name }}</li>
  </ul>
</template>

<script>
export default {
  data() { return { items: [] } }
}
</script>

After

<template>
  <ul>
    <li v-for="item in items" :key="item.id">{{ item.name }}</li>
  </ul>
</template>

<script>
export default {
  data() { return { items: [] } }
}
</script>

The <li> element gains :key="item.id", giving Vue a stable identity for each rendered item.

Consolidate a modelValue pair into v-model

form-input.vue binds a child FormInput with the explicit :modelValue prop and a matching @update:modelValue listener that writes back to formData.email.

$ act refactor-lang convert_two_way_binding_to_v_model --file form-input.vue --params '{"prop_name":"modelValue","line":1,"column":1}'

Before

<template>
  <FormInput :modelValue="formData.email" @update:modelValue="formData.email = $event" />
</template>

<script>
export default {
  data() {
    return { formData: { email: '' } }
  }
}
</script>

After

<template>
  <FormInput v-model="formData.email" />
</template>

<script>
export default {
  data() {
    return { formData: { email: '' } }
  }
}
</script>

The two attributes collapse into a single v-model="formData.email" binding on FormInput.

Add an event to the emits declaration

form.vue's component calls this.$emit('submit') from handleSubmit, but its emits option is still an empty array.

$ act refactor-lang generate_emits_definition --file form.vue --params '{"event_name":"submit"}'

Before

<template>
  <form @submit.prevent="handleSubmit">
    <button type="submit">Submit</button>
  </form>
</template>

<script>
export default {
  emits: [],
  methods: {
    handleSubmit() {
      this.$emit('submit')
    }
  }
}
</script>

After

<template>
  <form @submit.prevent="handleSubmit">
    <button type="submit">Submit</button>
  </form>
</template>

<script>
export default {
  emits: ['submit'],
  methods: {
    handleSubmit() {
      this.$emit('submit')
    }
  }
}
</script>

emits: [] becomes emits: ['submit'], declaring the event the component already fires.

Query

18 query tools, the same on every supported language. Descriptions live in the shared reference: /docs/query-tools.

callers control_flow data_flow definition diagnostics effect_closure effect_summary fix_auto get_type graph import_organize interface mutations references repo_outline skeleton symbols symbols_batch

Refactor

Analysis

42 analysis tools, the same on every supported language. Descriptions live in the shared reference: /docs/analysis-tools.

analyze_api_diff analyze_chokepoints analyze_clones analyze_clusters analyze_cohesion analyze_conformance analyze_coupling analyze_cycle_risk analyze_cycles analyze_dead_code analyze_depth analyze_entry_points analyze_export analyze_extraction analyze_fan_balance analyze_features analyze_hotspots analyze_impact analyze_inconsistencies analyze_inheritance analyze_interface_bloat analyze_interfaces analyze_layers analyze_orphan_types analyze_patterns analyze_platform_deps analyze_readiness analyze_roles analyze_seams analyze_stability analyze_surface analyze_test_gaps analyze_thickness analyze_type_completeness churn_hotspots co_change_clusters coverage_overlay ownership_map profile_overlay simulate split_module trace_overlay

Verify

14 verify tools, the same on every supported language. Descriptions live in the shared reference: /docs/verification.

bisect_regression gate generate_test_harness scan secret_surface summarize_pr taint_flow unsafe_surface verify_behavioral_equivalence verify_contract_preserved verify_diff_semantics verify_port_parity verify_side_effects verify_test_impact