Auto-import common types in Nuxt (like `FormKitNode`) about formkit HOT 6 OPEN

I am pretty sure that I tried that, but will sure try again. I made sure that all packages were the same version.

Also I can't guarantee that this is a FormKit-bug. It could also be something wrong with VS Code, with the Vue Language Tools, or another TypeScript-related tool. But I just found it weird that it happened only when I imported stuff from @formkit/addons or @formkit/pro into my formkit.config.ts.

from formkit.

Right you are 😂 Ok, then even more confusing I suppose.

from formkit.

@OlaAlsaker Hey there! Firstly, I just want to say thank you for the quality of the issue you filed.

I began working through your reproduction and am stuck on line 3: "Go to app.vue and see that the @submit has a red line under it". That isn't the case for me.

Usually this error occurs when more than one version of FormKit is installed. I'd suggest deleting your existing node_modules and reinstalling to see if that resolves the issue. Mainly, you want to ensure that @formkit/addons and @formkit/core have the same package.json version after installation.

from formkit.

@OlaAlsaker Gotcha. Perhaps @justin-schroeder might have some thoughts to get this sorted for you.

from formkit.

Thanks for the minimal reproduction. I was able to immediately duplicate this...I don’t precisely understand what is going on but the globalThis is a giveaway that the type FormKitNode is does not actually exist. You can quickly get rid of the error by adding import type { FormKitNode } from '@formkit/core' to your setup block.

Interesting, we aren’t currently auto-importing any FormKit types in nuxt, only functions themeselves, so I am actually more curious as to why it does work when addons is not included.

I’ll leave this open so we make sure to autoImport various FormKit types 🙏

from formkit.

@justin-schroeder you are actually auto-importing the type FormKitNode already. That is the reason why this is so weird 😅

from formkit.