How to install the NeuronChat widget on React / Next.js / Vue

Load the script in the root layout. Take data-client and data-variant from Copy the widget code from the dashboard → Widget.

import Script from "next/script"

export default function RootLayout({ children }) {
  return (
    <html>
      <body>
        {children}
        <Script
          src="https://your-domain/widget.js"
          data-client="YOUR_CLIENT_ID"
          data-variant="bubble"
          strategy="lazyOnload"
        />
      </body>
    </html>
  )
}

Add the script in app.head.script in nuxt.config.ts.

export default defineNuxtConfig({
  app: {
    head: {
      script: [
        {
          src: "https://your-domain/widget.js",
          "data-client": "YOUR_CLIENT_ID",
          "data-variant": "bubble",
          defer: true,
        },
      ],
    },
  },
})