根据 reka-ui 调整用法

Author: hooray

src/ui/components/FaCheckbox/index.vue

@@ -16,7 +16,7 @@ const id = useId()
 
 <template>
   <div class="flex-center-start gap-2">
-    <Checkbox :id v-model:checked="value" :disabled />
+    <Checkbox :id v-model="value" :disabled />
     <label :for="id" class="cursor-pointer text-sm">
       <slot />
     </label>

src/ui/components/FaSelect/index.vue

@@ -37,7 +37,7 @@ const selectedOption = computed({
 </script>
 
 <template>
-  <Select v-model:model-value="value" :disabled>
+  <Select v-model="value" :disabled>
     <SelectTrigger :class="cn('w-[200px]', props.class)">
       <SelectValue :placeholder="selectedOption.label" />
     </SelectTrigger>

src/ui/components/FaSwitch/index.vue

@@ -15,7 +15,7 @@ const enabled = defineModel<boolean>()
 </script>
 
 <template>
-  <Switch v-model:checked="enabled" :disabled>
+  <Switch v-model="enabled" :disabled>
     <template #thumb>
       <FaIcon v-if="(enabled && onIcon) || (!enabled && offIcon)" :name="(enabled ? onIcon : offIcon) as string" class="h-3 w-3 text-foreground" />
     </template>