Is is possible to add a 3rd-party script in nuxt.config and load it via trigger?

[Farmatique]

Hi all!

The title pretty much describes it all.

I'm loading external script via nuxt.config, like this:

scripts: {
    globals: {
      swiftype: [
        { src: '/assets/scripts/swiftype.js' },
      ],
    }
}

I need to load this script only when a certain button is being clicked. Not sure how to do that. I saw there's an option trigger: 'manual' available for the nuxt/script, but Iit's not clear how to use it and if it can be used when adding script via nuxt.config at all.

[harlan-zw]

Hey, you should just use the useScript() composable within your app.vue

const { load } = useScript('/assets/scripts/swiftype.js', {
  triger: 'manual'
})

// ...

load()

[Farmatique]

Thank you, will try that. I was stuck thinking how to implement this via nuxt.config, but useScript() in app.vue should work too!

[harlan-zw]

Closing as answered — useScript('/assets/scripts/swiftype.js', { trigger: 'manual' }) then load() from a click handler is the right pattern. The scripts.globals config is for scripts that should always load.