chore: ⬆️ Upgrade to the latest Shadcn-Vue version

components/ui/form/FormControl.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { Slot } from "radix-vue";
+import { Slot } from "reka-ui";
 import { useFormField } from "./useFormField";
 
 const { error, formItemId, formDescriptionId, formMessageId } = useFormField();

components/ui/form/FormItem.vue

@@ -1,26 +1,19 @@
 <script lang="ts" setup>
 import { cn } from "@/lib/utils";
-import { Primitive, type PrimitiveProps, useId } from "radix-vue";
+import { useId } from "reka-ui";
 import { type HTMLAttributes, provide } from "vue";
 import { FORM_ITEM_INJECTION_KEY } from "./injectionKeys";
 
-const props = withDefaults(
-    defineProps<
-        PrimitiveProps & {
-            class?: HTMLAttributes["class"];
-        }
-    >(),
-    {
-        as: "div",
-    },
-);
+const props = defineProps<{
+    class?: HTMLAttributes["class"];
+}>();
 
 const id = useId();
 provide(FORM_ITEM_INJECTION_KEY, id);
 </script>
 
 <template>
-    <Primitive :as="props.as" :as-child="props.asChild" :class="cn('space-y-2', props.class)">
-        <slot />
-    </Primitive>
+  <div :class="cn('space-y-2', props.class)">
+    <slot />
+  </div>
 </template>

components/ui/form/FormLabel.vue

@@ -1,8 +1,8 @@
 <script lang="ts" setup>
+import { Label } from "@/components/ui/label";
 import { cn } from "@/lib/utils";
-import type { LabelProps } from "radix-vue";
+import type { LabelProps } from "reka-ui";
 import type { HTMLAttributes } from "vue";
-import { Label } from "~/components/ui/label";
 import { useFormField } from "./useFormField";
 
 const props = defineProps<LabelProps & { class?: HTMLAttributes["class"] }>();

components/ui/form/index.ts

@@ -4,4 +4,4 @@ export { default as FormItem } from "./FormItem.vue";
 export { default as FormLabel } from "./FormLabel.vue";
 export { default as FormMessage } from "./FormMessage.vue";
 export { FORM_ITEM_INJECTION_KEY } from "./injectionKeys";
-export { Field as FormField, Form } from "vee-validate";
+export { Form, Field as FormField } from "vee-validate";