Nuxt Layers and FormKit theme about formkit HOT 6 CLOSED

The way the nuxt module works is by looking into resolved path of the nuxt.options.rootDir + options.configFile || 'formkit.config' I would guess using nuxt layers this would make nuxt.options.rootDir as the extension path, not the layer path, by adding a configFile with currentDir it probably resolves correctly.

from formkit.

Part of the issue is that dependencies of the layers are not automatically installed in the extended nuxt installation.

nuxt/nuxt#13367 (comment)
unjs/c12#51

Another part of the issue is that content files in tailwind.config.js are relative to the root directory of the extended nuxt installation not the layer. Hence the join in layer nuxt.config.js for CSS file.

https://codesandbox.io/p/devbox/bold-cdn-ddcyqc

from formkit.

Thanks for the info about the issues. I'm not getting your proposed solution, did you just duplicate your code from the base layer?

from formkit.

Also this could be linked to our issue: nuxt-modules/tailwindcss#826

from formkit.

• Duplicated formkit.config.ts formkit.theme.ts
• Installed and registered @formkit/nuxt module in playground.

from formkit.

I guess I found that a good solution is just putting configFile: join(currentDir, './formkit.config.ts'), in the nuxt.config under FormKit settings.
I don't know why but it's working. I updated the reproduction code so you can check it.
I will leave this issue open for now, I anyone from the FormKit team wants to check what's going on.

from formkit.