Type definition for defineComponent in capi.legacy.ts is any

[konkarin]

Environment

• Operating System: Linux
• Node Version: v18.18.0
• Nuxt Version: 2.17.2
• CLI Version: 3.10.0
• Nitro Version: 2.7.2
• Package Manager: [email protected]
• Builder: webpack
• User Config: bridge, typescript, nitro
• Runtime Modules: -
• Build Modules: @nuxt/[email protected]

Reproduction

https://stackblitz.com/edit/github-heoruj?file=defineComponent.ts

Describe the bug

Even with bridge.capi: true, the aliases for the legacy @nuxtjs/composition-api are still defined in .nuxt/tsconfig.json.

The return value of defineComponent in there is any, so the types for Vue components are not inferred correctly.

Additional context

bridge/packages/bridge/src/runtime/capi.legacy.ts

Lines 220 to 227 in 3c40b3f

	export const defineComponent = (options) => {
	if (!('head' in options)) { return options }
	return {
	...options,
	...getHeadOptions(options)
	}
	}

It looks like this could fix the issue. What do you think?

import {defineComponent as defineComponentVue } from "vue"

export const defineComponent: typeof defineComponentVue = (options) => {
  if (!('head' in options)) { return options }

  return {
    ...options,
    ...getHeadOptions(options)
  }
}

Logs

No response

[wattanx]

I think the solution described in the description is a good one!

[wattanx]

Fixed at #994