docs: use formkit nuxt

Author: sfxcode

package.json

@@ -37,6 +37,7 @@
     "@nuxt/kit": "^3.14.159",
     "@nuxtjs/i18n": "^8.5.6",
     "@primevue/nuxt-module": "^4.2.2",
+    "@formkit/nuxt": "^1.6.9",
     "@sfxcode/formkit-primevue": "^2.6.6"
   },
   "devDependencies": {
@@ -53,5 +54,6 @@
     "typescript": "latest",
     "vitest": "^2.1.5",
     "vue-tsc": "^2.1.10"
-  }
+  },
+  "packageManager": "[email protected]+sha256.ccce81bf7498c5f0f80e31749c1f8f03baba99d168f64590fc7e13fad3ea1938"
 }

playground/formkit.config.ts

@@ -0,0 +1,32 @@
+import { defineFormKitConfig } from '@formkit/vue'
+import { createAutoAnimatePlugin } from '@formkit/addons'
+import '@formkit/addons/css/multistep.css'
+import { primeInputs, primeOutputs } from '@sfxcode/formkit-primevue'
+import { addPrimeAsteriskPlugin } from '@sfxcode/formkit-primevue/plugins'
+import { de, en, es, fr, tr } from '@formkit/i18n'
+
+export default defineFormKitConfig(() => {
+  return {
+    locales: { de, en, es, fr, tr },
+    // Define the active locale
+    locale: en,
+    inputs: { ...primeInputs, ...primeOutputs },
+    plugins: [addPrimeAsteriskPlugin,
+      createAutoAnimatePlugin(
+        {
+        /* optional AutoAnimate config */
+        // default:
+          duration: 250,
+          easing: 'ease-in-out',
+        },
+        {
+        /* optional animation targets object */
+        // default:
+          global: ['outer', 'inner'],
+          form: ['form'],
+          repeater: ['items'],
+        },
+      ),
+    ],
+  }
+})

pnpm-lock.yaml

@@ -48,6 +48,10 @@ export default defineNuxtModule<ModuleOptions>({
 
     const resolver = createResolver(import.meta.url)
     await installModule('@primevue/nuxt-module')
+    // Do not add the extension since the `.ts` will be transpiled to `.mjs` after `npm run prepack`
+    addPlugin(resolver.resolve('./runtime/plugin'))
+
+    await installModule('@formkit/nuxt', { defaultConfig: true, configFile: 'formkit.config.ts', autoImport: true })
 
     if (_options.installI18N)
       await installModule('@nuxtjs/i18n')
@@ -87,8 +91,5 @@ export default defineNuxtModule<ModuleOptions>({
         filePath: NPM_PCK_FORMKIT_PRIMEVUE,
       }),
     )
-
-    // Do not add the extension since the `.ts` will be transpiled to `.mjs` after `npm run prepack`
-    addPlugin(resolver.resolve('./runtime/plugin'))
   },
 })