Introduce possibility to disable global scripts

[capraruioan]

🆒 Your use case

We have some routes that only renders the header or footer of the website.
For those routes we have the following config

routeRules: {
    '/partners/**': {
        noScripts: true,
    },
}

We only want static html on those routes and it seems that nuxt-scripts loads gtm on those pages

scripts: {
    registry: {
      googleTagManager: true,
    },
  },

🆕 The solution you'd like

a routeRules option to disable scripts loading on specific routes

🔍 Alternatives you've considered

load scripts with useScript inside the layout (because those /partners routes use a different layout)

ℹ️ Additional info

No response

[harlan-zw]

I think you'd be better off using the composables useScriptGoogleTagManager() you'll have full control over the load that way, see https://scripts.nuxt.com/docs/guides/script-triggers

[capraruioan]

@harlan-zw in that case I lose the ability to enable it only in production

[harlan-zw]

// track your app environment manually through runtime config
const env = useRuntimeConfig().public.myAppEnv
const route = useRoute()
const gtm =  useScriptGoogleTagManager({ id: '' }, {
  trigger: 'manual', // registers the script container but doesnt load the script
})
if (env === 'production' && !route.path.startsWith(`/partners/')) {
  gtm.load() // actually load the script
}
// only does something once the script loads
gtm.proxy.push('...')