How to exclude script on certain routes in Nuxt?

user_8944100 0
Viewed 226

I have a nuxt2-webapp with a lot of routes and for all routes except 2, I need a script to be injected. Is there a way to disable the injecting?

Nuxt config:

meta: [
  script: [
    {
      id: 'Cookiebot',
      src: 'https://consent.cookiebot.com/uc.js',
      'data-cbid': 'xxxxx',
      type: 'text/javascript',
      async: true,
    },
  ],
]
vuejs2 nuxt.js vue.js
2 Answers

No, there is no way to do so.
If you inject a script, it will be on the window object. Hence available everywhere in your DOM.

What's the issue with that? You could hide your thing with some CSS if it's annoying visually.

user_88165850

The best way to achieve this behaviour is via a plugin:

export default (context: Context) => {
  if (!context.route.name?.includes('embed')) {
    const scriptTag = document.createElement('script');
    scriptTag.id = 'Cookiebot';
    scriptTag.src = 'https://consent.cookiebot.com/uc.js';
    scriptTag.setAttribute('data-cbid', 'xxxx');
    scriptTag.type = 'text/javascript';
    scriptTag.async = true;
    document.head.appendChild(scriptTag);
  }
};
user_89441000
Related