From da379a71ebd7fda68220326386121c3128013b0f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=A5=E6=B5=A9?= <me@yanhao.ren>
Date: Thu, 21 Nov 2024 14:35:44 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9B=B4=E6=96=B0=E8=87=AA=E5=AE=9A?=
 =?UTF-8?q?=E4=B9=89=E5=88=87=E6=8D=A2=E7=BB=84=E4=BB=B6=EF=BC=8C=E9=87=8D?=
 =?UTF-8?q?=E5=91=BD=E5=90=8D=E4=B8=BA=20headlessui-switch=20=E5=B9=B6?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4=E7=B1=BB=E5=9E=8B=E5=AE=9A=E4=B9=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 formkit.config.ts           | 6 +++---
 src/headlessui-switch.vue   | 8 +++-----
 src/tutorial-form/index.vue | 2 +-
 3 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/formkit.config.ts b/formkit.config.ts
index a4cd4a1..ae0b898 100644
--- a/formkit.config.ts
+++ b/formkit.config.ts
@@ -2,7 +2,7 @@ import { createAutoAnimatePlugin, createAutoHeightTextareaPlugin } from '@formki
 import type { FormKitOptions } from '@formkit/core'
 import { createI18nPlugin, zh } from '@formkit/i18n'
 import { genesisIcons } from '@formkit/icons'
-import { checkbox, createLibraryPlugin, form, group, list, number, range, submit, text, textarea } from '@formkit/inputs'
+import { checkbox, createLibraryPlugin, form, group, list, number, range, submit, text, textarea, } from '@formkit/inputs'
 import { createProPlugin, toggle } from '@formkit/pro'
 import * as defaultRules from '@formkit/rules'
 import { createThemePlugin } from '@formkit/themes'
@@ -10,12 +10,12 @@ import { createValidationPlugin } from '@formkit/validation'
 import { /* defaultConfig, */ bindings, createInput } from '@formkit/vue'
 import { addAsteriskPlugin } from './formkit.addAsteriskPlugin'
 import { rootClasses } from "./formkit.config.theme"
-import FormKitToggle from "./src/headlessui-switch.vue";
+import HeadlessuiToggle from "./src/headlessui-switch.vue";
 
 
 const library = createLibraryPlugin({
   text, form, submit, group, checkbox, range, list, number, textarea,
-  mytoggle: createInput(FormKitToggle)
+  'headlessuiSwitch': createInput(HeadlessuiToggle)
 })
 const validation = createValidationPlugin(defaultRules)
 const i18n = createI18nPlugin({ zh })
diff --git a/src/headlessui-switch.vue b/src/headlessui-switch.vue
index 5424162..b1d23c8 100644
--- a/src/headlessui-switch.vue
+++ b/src/headlessui-switch.vue
@@ -6,9 +6,9 @@ declare module '@formkit/inputs' {
   // https://formkit.com/essentials/custom-inputs#typescript-support
   interface FormKitInputProps<Props extends FormKitInputs<Props>> {
     // This key and the `type` should match:
-    'mytoggle': {
+    'headlessui-switch': {
       // Define your input `type`:
-      type: 'mytoggle',
+      type: 'headlessui-switch',
       someProp: string,
     }
   }
@@ -21,9 +21,7 @@ declare module '@formkit/inputs' {
 import { Switch, SwitchGroup, SwitchLabel } from '@headlessui/vue';
 import { computed } from 'vue';
 
-const props = defineProps<{
-  context: FormKitFrameworkContext;
-}>();
+const props = defineProps<{ context: FormKitFrameworkContext; }>();
 
 
 const value = computed({
diff --git a/src/tutorial-form/index.vue b/src/tutorial-form/index.vue
index b37032c..8ce532e 100644
--- a/src/tutorial-form/index.vue
+++ b/src/tutorial-form/index.vue
@@ -148,7 +148,7 @@ onMounted(() => {
 
           <FormKit
             label="headlessui"
-            type="mytoggle"
+            type="headlessui-switch"
           />
 
           <FormKit