Can't configure custom registry script in nuxt.config.ts (myCustomScript is not defined)

[bernhardberger]

🐛 The bug

myCustomScript is not defined

at eval (./virtual:nuxt:/home/projects/nuxt-starter-pkwfkx/.nuxt/plugins/server.mjs#cjs:40:89)
at Module.executeAsync (./node_modules/.pnpm/[email protected]/node_modules/unctx/dist/index.mjs:130:19)
at setup (./virtual:nuxt:/home/projects/nuxt-starter-pkwfkx/.nuxt/plugins/server.mjs#cjs:40:65)
at eval (./node_modules/.pnpm/[email protected][email protected]/node_modules/nuxt/dist/app/nuxt.js#cjs:141:60)
at fn (./node_modules/.pnpm/[email protected][email protected]/node_modules/nuxt/dist/app/nuxt.js#cjs:223:44)
at Object.callAsync (./node_modules/.pnpm/[email protected]/node_modules/unctx/dist/index.mjs:87:55)
at eval (./node_modules/.pnpm/[email protected][email protected]/node_modules/nuxt/dist/app/nuxt.js#cjs:226:56)
at Object.runWithContext (./node_modules/.pnpm/@[email protected]/node_modules/@vue/runtime-core/dist/runtime-core.cjs.js#cjs:3903:18)
at callWithNuxt (./node_modules/.pnpm/[email protected][email protected]/node_modules/nuxt/dist/app/nuxt.js#cjs:226:24)

// https://v3.nuxtjs.org/api/configuration/nuxt.config
export default defineNuxtConfig({
  modules: [
    '@nuxt/scripts',
    './modules/my-custom-registry-script-module/src/module.ts',
  ],

  scripts: {
    registry: {
      myCustomScript: {
        src: 'https://example.com/some-bogus-source.js',
      },
    },
  },

  compatibilityDate: '2024-08-21',
});

🛠️ To reproduce

https://stackblitz.com/edit/nuxt-starter-yxpzcr?file=nuxt.config.ts

🌈 Expected behavior

I have extended the Script Registry through the scripts:registry hook in a custom module. I expect it to be configurable in nuxt.config.ts via scripts.registry.myCustomModule key (see linked reproduction).

ℹ️ Additional context

No response

[bernhardberger]

I was led to believe that the scripts:registry was an object by the docs: https://scripts.nuxt.com/docs/api/nuxt-hooks

However, in reality, it's just an array and my custom entry was never added...

this works:

nuxt.hooks.hook('scripts:registry', async (registry) => {
      registry.push({
        // used in DevTools
        label: 'OneTrust SDK',
        logo: ``,
        src: false,
        category: 'consent-management',
        import: onetrustRegistry.import,
      })
    })

A lot of confusion created by: #267