fix(plugin): WARN: Plugin has already been applied to target app. #1

Author: sfxcode

package.json

@@ -34,7 +34,6 @@
     "test:types": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit"
   },
   "dependencies": {
-    "@formkit/nuxt": "^1.6.7",
     "@nuxt/kit": "^3.14.0",
     "@nuxtjs/i18n": "^8.5.6",
     "@primevue/nuxt-module": "^4.2.1",

pnpm-lock.yaml

@@ -47,7 +47,6 @@ export default defineNuxtModule<ModuleOptions>({
     const resolver = createResolver(import.meta.url)
     await installModule('@primevue/nuxt-module')
     await installModule('@nuxtjs/i18n')
-    await installModule('@formkit/nuxt')
 
     const css: string[] = _nuxt.options.css ?? []
     if (_options.includePrimeIcons) {

src/module.ts

@@ -2,7 +2,7 @@ import { primeInputs, primeOutputs, usePrimeInputs } from '@sfxcode/formkit-prim
 import { addPrimeAsteriskPlugin } from '@sfxcode/formkit-primevue/plugins'
 import { createAutoAnimatePlugin } from '@formkit/addons'
 import { de, en, es, fr } from '@formkit/i18n'
-import { defaultConfig, plugin } from '@formkit/vue'
+import { defaultConfig, plugin, ssrComplete, resetCount } from '@formkit/vue'
 import type { FormKitPlugin } from '@formkit/core'
 import { useRuntimeConfig } from '#app/nuxt'
 import { defineNuxtPlugin } from '#app'
@@ -45,4 +45,9 @@ export default defineNuxtPlugin((_nuxtApp) => {
       plugins: formkitPlugins,
     }))
   }
+
+  _nuxtApp.hook('app:rendered', () => {
+    resetCount()
+    ssrComplete(_nuxtApp.vueApp)
+  })
 })