Utiliser FormKit avec Nuxt nécessite une configuration minimale. Commencez par inclure le module Nuxt en tant que dépendance dans votre projet :
npm install @formkit/nuxt
Ensuite, dans votre fichier nuxt.config, ajoutez le module à votre liste de modules :
// nuxt.config
export default defineNuxtConfig({
modules: ['@formkit/nuxt'],
formkit: {
// Support expérimental pour le chargement automatique (voir note) :
autoImport: true
}
})
C'est tout ! FormKit est maintenant enregistré dans votre projet en utilisant la configuration par défaut et vous pouvez commencer à utiliser le composant <FormKit>.
Dans le passé, FormKit utilisait un plugin global pour s'installer. Cela avait l'effet secondaire négatif de s'inclure dans le bundle d'entrée de Nuxt. Pour éviter cela, FormKit prend désormais en charge une option autoImport. Lorsqu'elle est activée, FormKit n'utilise plus un plugin global mais injecte automatiquement les options de configuration "globales" uniquement sur les pages ou les composants qui l'utilisent.
À l'avenir, cela deviendra le réglage par défaut. Pour l'activer dès aujourd'hui, définissez autoImport: true dans votre nuxt.config.ts