Add a team of AI agents to your Vue.js app — a support agent grounded in your content that answers with cited sources and can reach your tools via MCP, asking before it changes anything. Vue's index template makes embedding a single tag.
What your visitors get
A visitor with a question gets an instant, cited answer pulled from your own pages rather than a generic guess. Behind the widget, AIML.chat runs a Support agent grounded in your content and tool-calling agents that act through the Model Context Protocol (MCP), with human write-confirm on anything that changes data. Every answer links to the exact source page, so trust stays high. It also captures a lead when it can't fully answer, so you never lose a visitor, and the analytics surface the questions your content doesn't yet cover.
Add it in three steps
- 1Create a website in AIML.chat and point the crawler at your app's URL (or connect its GitHub repo). It indexes and embeds your public pages automatically.
- 2Add the widget embed snippet to the
<head>ofindex.htmlin your Vite project root, so it loads with the app on every route. - 3Build and deploy. The widget appears site-wide, themed to match, and stays current as you re-crawl.
Because the widget is vanilla JS under 30KB gzipped and lives outside Vue's component tree, it loads cleanly without touching your components or reactivity. As your content changes, a re-crawl — manual, scheduled, or via the GitHub Action on every push — keeps answers accurate. If you use Nuxt, see the Nuxt guide.
How do I embed it in Vue?+
Add the widget embed snippet to the <head> of index.html in your Vite project root so it loads with the app.
Does it interfere with Vue?+
No. The widget lives outside the component tree, so it doesn't touch your components or reactivity.
Is there a free plan?+
Yes — 100 messages a month and one website on the free tier. See pricing for higher limits.