agentation-vue

library0.2.14jsnpmunverified

A community-maintained Vue adaptation of Agentation (v0.2.14), providing visual feedback and annotation capabilities for AI coding agents. Compatible with Vue 2.7 and Vue 3.3+. Released frequently with active development. Key differentiators: detects Vue component hierarchies, supports Chrome extension injection, session-persistent annotations, and forensic mode for AI debugging. Not affiliated with the original Agentation project.

llm-agents ai-ml web-framework

npm install agentation-vue

github ↗package ↗

INSTALL

IMPORT

SIG · AGENTATION-VUE

agentation-vue

llm-agentsjavascriptv0.2.14

harness data pending

Install & Compatibility

Where this runs

No compatibility data collected yet for this library.

Code

Verified usage

Verified import paths — ran on the pinned version, not inferred.

AgentationVuePlugin

✓ import { AgentationVuePlugin } from 'agentation-vue'

✗ const AgentationVuePlugin = require('agentation-vue')

ESM-only package; CommonJS require() not supported.

AgentationVue (component)

✓ import 'agentation-vue/style.css'

✗ import 'agentation-vue/dist/style.css'

The component is globally registered by the plugin; no separate import needed. CSS import is required.

Vue 2.7 usage

✓ import { AgentationVuePlugin } from 'agentation-vue' Vue.use(AgentationVuePlugin)

✗ import AgentationVuePlugin from 'agentation-vue'

Plugin is a named export, not a default export.

Import and register the plugin in your main entry file for Vue 3.

import { createApp } from 'vue' import App from './App.vue' import { AgentationVuePlugin } from 'agentation-vue' import 'agentation-vue/style.css' const app = createApp(App) app.use(AgentationVuePlugin) app.mount('#app')

Debug

Known issues

gotchaVue 2 templates require a single root element when using the <agentation-vue> component.

fix

Wrap your template content in a <div>.

affects: >=0.1.0

deprecatedPackage version 0.1.0 had limited Chrome extension support and lacked Vue component hierarchy detection.

fix

Upgrade to >=0.2.0 for full features.

affects: 0.1.0

gotchaThe plugin must be registered before mounting the app; otherwise annotations may not work.

fix

Call app.use(AgentationVuePlugin) before .mount().

affects: >=0.1.0

Errors

Common errors & fixes

Component is missing template or render function

Vue 2.7 compatibility issue: the <agentation-vue> component may not be properly registered in Vue 2 if the plugin is not used correctly.

fix

Use Vue.use(AgentationVuePlugin) and ensure a single root element in template.

Cannot find module 'agentation-vue/style.css'

CSS import path is incorrect or missing; style file not resolved.

fix

Use import 'agentation-vue/style.css' (no dist prefix).

TypeError: Cannot read properties of undefined (reading 'use')

Using CommonJS require() with module's default export; exports are named.

fix

Use import { AgentationVuePlugin } from 'agentation-vue'.

AgentationVuePlugin is not a function

The plugin is imported as default export instead of named export.

fix

Use import { AgentationVuePlugin } from 'agentation-vue'.

Upgrade

Version history

0.2.14latest on npm

Audit

Dependencies

vuerequiredPeer dependency required for Vue 2.7 or 3.3+

vue-demioptionalUsed internally for Vue 2/3 compatibility

Agent activity

67 hits · last 30 days

node

Perplexity

OpenAI (training)

Resources

githubhttps://github.com/Blaked84/agentation-vue ↗

packagehttps://www.npmjs.com/package/agentation-vue ↗