Nuxt Auto Imports are messed up in <template>

[lupus78]

When I enabled this module, TS will highligh all by uilts/* function calls and $config $router globals.

Property '******' does not exist on type 'CreateComponentPublicInstanceWithMixins<Readonly....

After some digging, I found this comment, what might help: nuxt/nuxt#28707 (comment)

What is causeing this issue?
BTW, the app works is both dev and build, it's just a warning, but nonetheless I'd like to get rid of all red hightlights :)

[TimGuendel]

Related nuxt/nuxt#28869

[ayalon]

Maybe also related to this: #41

[iBobik]

Just moved because of this to the https://scripts.nuxt.com, works well:

  modules: [
    ... 
    '@nuxt/scripts',
  ],

  scripts: {
    registry: {
      googleTagManager: {
        id: 'GTM-NTLNMP5',
      },
    },
  },

[Kapcash]

This is due to the underlying dependency @gtm-support/vue-gtm, which is using ^2.0.0 instead of the latest version (3.1.0 as of today).
In this older version, the types augment the module @vue/runtime-core, but it should augment the module 'vue' instead. This is what causes the TS issues in the component templates (source)

A workaround is to force the package resolution to the latest version, in package.json:

"resolutions": {
  "@gtm-support/vue-gtm": "3.1.0"
},