From c07c6160c05503ced2f2a3c95c4277026524f33b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=A5=E6=B5=A9?= <me@yanhao.ren>
Date: Fri, 15 Nov 2024 19:08:32 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E9=87=8D=E6=9E=84=20FormKit=20=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 formkit.config.ts | 28 ++++++++++++++++++----------
 src/main.ts       |  4 ++--
 2 files changed, 20 insertions(+), 12 deletions(-)

diff --git a/formkit.config.ts b/formkit.config.ts
index bcaa05d..713de50 100644
--- a/formkit.config.ts
+++ b/formkit.config.ts
@@ -1,13 +1,21 @@
-import { zh } from '@formkit/i18n'
-import { genesisIcons } from "@formkit/icons"
-import { DefaultConfigOptions } from '@formkit/vue'
+import type { FormKitOptions } from '@formkit/core'
+import { createI18nPlugin, zh } from '@formkit/i18n'
+import { genesisIcons } from '@formkit/icons'
+import { checkbox, createLibraryPlugin, form, group, range, submit, text } from '@formkit/inputs'
+import * as defaultRules from '@formkit/rules'
+import { createThemePlugin } from '@formkit/themes'
+import { createValidationPlugin } from '@formkit/validation'
+import { /* defaultConfig, */ bindings } from '@formkit/vue'
 import { rootClasses } from "./formkit.theme"
 
-const config: DefaultConfigOptions = {
-  locales: { zh },
-  locale: 'zh',
-  icons: { ...genesisIcons },
-  config: { rootClasses }
-}
+const library = createLibraryPlugin({ text, form, submit, group, checkbox, range })
+const validation = createValidationPlugin(defaultRules)
+const i18n = createI18nPlugin({ zh })
+const theme = undefined;
+const icons = genesisIcons;
+const themePlugin = createThemePlugin(theme, icons/* , iconLoaderUrl, iconLoader */)
 
-export default config
+export default {
+  plugins: [library, themePlugin, bindings, i18n, validation,],
+  config: { rootClasses },
+} satisfies FormKitOptions
\ No newline at end of file
diff --git a/src/main.ts b/src/main.ts
index d32f298..0035317 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,8 +1,8 @@
 import { createApp } from 'vue'
-import { plugin, defaultConfig } from '@formkit/vue'
+import { plugin, /* defaultConfig */ } from '@formkit/vue'
 import App from './App.vue'
 import formKitConfig from '../formkit.config'
 
 const app = createApp(App)
-app.use(plugin, defaultConfig(formKitConfig))
+app.use(plugin, formKitConfig)
 app.mount('#app')