Home
Integrations
Vue and Nuxt

AI chatbot for Vue and Nuxt: how to install it

With Vue the entry HTML file is enough; with Nuxt you use the config.

You’ll find it ready in the panel, with your key, and copy it in one click. It looks like this:

<script src="https://app.interlyo.com/widget/chatbot.js" data-api-key="your-key" defer></script>

1Nuxt 3

Open nuxt.config.ts.
Add the script in the head section.

export default defineNuxtConfig({
  app: {
    head: {
      script: [
        {
          src: 'https://app.interlyo.com/widget/chatbot.js',
          'data-api-key': 'your-key',
          defer: true,
        },
      ],
    },
  },
});

It also works with useHead or useScript. Write the attribute as 'data-api-key', with hyphens.

2Vue 3 with Vite

Open index.html.
Paste the code after the app container.

<body>
  <div id="app"></div>
  <script src="https://app.interlyo.com/widget/chatbot.js" data-api-key="your-key" defer></script>
</body>

Load chatbot.js from our address, as in the code above. Don’t download it into your project, rename it or include it in your site’s bundle: the widget would no longer find the key and our server.

AI chatbot for Vue and Nuxt: how to install it

1Nuxt 3

2Vue 3 with Vite

Choose your platform

Content management

Online shops

Website builders

Custom sites and apps

Ready to install it?