fix: 重构 FormKit 配置

formkit.config.ts

@@ -1,13 +1,21 @@
-import { zh } from '@formkit/i18n'
+import type { FormKitOptions } from '@formkit/core'
-import { genesisIcons } from "@formkit/icons"
+import { createI18nPlugin, zh } from '@formkit/i18n'
-import { DefaultConfigOptions } from '@formkit/vue'
+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 = {
+const library = createLibraryPlugin({ text, form, submit, group, checkbox, range })
-  locales: { zh },
+const validation = createValidationPlugin(defaultRules)
-  locale: 'zh',
+const i18n = createI18nPlugin({ zh })
-  icons: { ...genesisIcons },
+const theme = undefined;
-  config: { rootClasses }
+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

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')