Nuxt 3 doesn't recognize formkit and doesn't style it

Question

I was trying to use formkit with nuxt3. I imported in the nuxt.config.ts like this:

import { defineNuxtConfig } from 'nuxt'

// https://v3.nuxtjs.org/api/configuration/nuxt.config
export default defineNuxtConfig({
   modules: ['@formkit/nuxt'],
})

But when i try to use it in my components it is not recognize and drops an error:

and is not styled in the broswer

Answer 1

Use this as your nuxt config.ts

export default defineNuxtConfig({
  modules: ['../src/module', '@formkit/nuxt'],
  formkit: {
    configFile: '../formkit.config.ts',
  },
  myModule: {},
});

and formkit.config.ts

import { DefaultConfigOptions } from '@formkit/vue';

const config: DefaultConfigOptions = {
  theme: 'genesis',
};

export default config;