Add a team of AI agents to your Nuxt 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. Nuxt's head config makes embedding clean.
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 script via
app.head.scriptinnuxt.config.ts, or calluseHead({ script: [...] })in your default layout. Both support the widget'sdata-*attributes. - 3Deploy. The widget appears site-wide, themed to match, and stays current as you re-crawl.
Because the widget is vanilla JS under 30KB gzipped, it loads cleanly with Nuxt's SSR and hydration without hurting performance. As your content changes, a re-crawl — manual, scheduled, or via the GitHub Action on every push — keeps answers accurate. If you're on plain Vue, see the Vue.js guide.
How do I embed it in Nuxt?+
Add the script via app.head.script in nuxt.config.ts, or use useHead in your layout — both support the widget's data attributes.
Does it work with Nuxt SSR?+
Yes. The widget loads on the client and hydrates cleanly, so SSR is unaffected.
Is there a free plan?+
Yes — 100 messages a month and one website on the free tier. See pricing for higher limits.