useScriptGoogleAnalytics TS Type Not Working

[benfeather]

📚 What are you trying to do?

I'm trying to use the googleTagManager registry script and the useScriptGoogleAnalytics composable.

I have the registry script set up like so:

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

scripts: {
	registry: {
		googleTagManager: {
			id: process.env.GOOGLE_TAG_MANAGER_ID ?? '',
		},
	},
},

In my app.vue file, I'm using the composable like so:

const { proxy } = useScriptGoogleAnalytics()

proxy.gtag('consent', 'default', {
	ad_personalization: 'denied',
	ad_storage: 'denied',
	ad_user_data: 'denied',
	analytics_storage: 'denied',
})

But the gtag type shows an error in my IDE:
"Expected 2 arguments, but got 3."

However, the modules/composable works as expected (I have tested it with the tag assistant).

How can I get the types working?

🔍 What have you tried?

No response

ℹ️ Additional context

No response

[benfeather]

This is my current workaround, but ideally, it wouldn't be required:

npm i -D @types/gtag.js

export function useGtag() {
	const { proxy } = useScriptGoogleAnalytics()

	return {
		gtag: proxy.gtag as Gtag.Gtag,
	}
}

[huang-julien]

Hello 👋

This is unfortunately an issue with typescript. google chrome labs third party capital has moved to function overloading to define Gtag and typescript's infer works badly/doesn't work with it.

For now, I would suggest you to use onLoaded instead of the proxy