Usar o FormKit com Nuxt requer uma configuração mínima. Primeiro inclua o módulo Nuxt como uma dependência no seu projeto:
npm install @formkit/nuxt
Depois, no seu arquivo nuxt.config, adicione o módulo à sua lista de módulos:
// nuxt.config
export default defineNuxtConfig({
modules: ['@formkit/nuxt'],
formkit: {
// Suporte experimental para carregamento automático (veja a nota):
autoImport: true
}
})
Pronto! O FormKit agora está registrado no seu projeto usando a configuração padrão e você pode começar a usar o componente <FormKit>.
No passado, o FormKit usava um plugin global para se instalar. Isso tinha o efeito colateral negativo de incluir-se no pacote de entrada do Nuxt. Para evitar isso, o FormKit agora suporta uma opção autoImport. Quando habilitada, o FormKit não usa mais um plugin global, mas injeta automaticamente as opções de configuração "globais" apenas nas páginas ou componentes que o utilizam.
No futuro, isso se tornará o padrão. Para habilitá-lo hoje, defina autoImport: true no seu nuxt.config.ts