Functional Component has type 'any'

[f3oall]

Environment

nuxi info

• Operating System: Linux
• Node Version: v18.8.0
• Nuxt Version: 3.0.0-rc.9
• Nitro Version: 0.5.1
• Package Manager: npm@8.18.0
• Builder: vite
• User Config: -
• Runtime Modules: -
• Build Modules: -

---

VSCode + Volar + TakeOver mode 4.8.2

Reproduction

https://github.com/f3oall/nuxt3-functional-component

Describe the bug

Autoimported Functional Components have type 'any'.

You can see that I explicitly typed component in reproduction. If it's not a bug and I'm doing something wrong, explanation is welcome.

Screenshot:

Additional context

No response

Logs

No response

[danielroe]

Have you tried without Nuxt, or via an explicit import, to see whether this is an issue with Volar?

[f3oall]

I tried explicit import and it works as expected.

[danielroe]

It does not seem to work (in template) with explicit import, meaning this is a Volar issue rather than a Nuxt one:

Would you raise an issue there?

[f3oall]

Sure, will do that. Thanks!

[xiaoxiangmoe]

@danielroe See

If we change
'Functional': typeof import("../components/Functional.ts")['default']
to
'Functional': typeof import("../components/Functional")['default']

This will works well.

---

So this is also a bug in nuxt. This will only work if TypeScript support import with .ts file extension name in the future.