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