Install on a Vue app

For a single-page Vue app, load the widget once at startup. It then stays present for the whole app, including after in-app navigation.

Verify your domain first: Verify your domain.

Option A — script tag in index.html (simplest)

Add your install snippet before </body> in index.html:

<script src="https://plugin.inclusifyx.com/v1/embed.js" data-site="YOUR-SITE-TOKEN" async defer></script>

The shell HTML serves your entire app, so the widget is present everywhere.

Option B — load it from main.js

This is the pattern the dashboard's Vue install tab gives you:

// Add to your main.js
const loadInclusifyX = () => {
  if (document.querySelector('script[data-site="YOUR-SITE-TOKEN"]')) return;

  const script = document.createElement('script');
  script.src = 'https://plugin.inclusifyx.com/v1/embed.js';
  script.setAttribute('data-site', 'YOUR-SITE-TOKEN');
  script.async = true;
  document.head.appendChild(script);
};

app.mount('#app');
loadInclusifyX();

Copy the exact code (with your real token) from the Vue tab in your dashboard's install panel.

You don't re-inject on navigation

Load the widget once, as above. The widget detects Vue Router route changes and re-applies itself — you don't need to add it per route. If it loads on first paint but seems to drop after navigating, see The widget disappears when I navigate my app.

Confirm

Run your app, navigate between a few routes, and confirm the accessibility button stays present. The domain switches to Active in your dashboard after the first real page load.