Dev branch

resources/js/Components/ui/form/FormItem.vue

@@ -0,0 +1,19 @@
+<script setup>
+import { useId } from "reka-ui";
+import { provide } from "vue";
+import { cn } from "@/lib/utils";
+import { FORM_ITEM_INJECTION_KEY } from "./injectionKeys";
+
+const props = defineProps({
+  class: { type: null, required: false },
+});
+
+const id = useId();
+provide(FORM_ITEM_INJECTION_KEY, id);
+</script>
+
+<template>
+  <div :class="cn('space-y-2', props.class)">
+    <slot />
+  </div>
+</template>