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

user_15506766 0
Viewed 157

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: enter image description here

and is not styled in the broswer

enter image description here

nuxt.js vue.js
1 Answers

using a vue plugin worked for me

// file: plugins/formkit.ts
import { defaultConfig, plugin } from '@formkit/vue'
import config from '~~/formkit.config'

export default defineNuxtPlugin((nuxtApp) => {
    nuxtApp.vueApp.use(plugin, defaultConfig(config))
})
user_14305220
Related