mirror of
https://github.com/versia-pub/frontend.git
synced 2026-01-26 20:36:01 +01:00
20 lines
466 B
Vue
20 lines
466 B
Vue
<script lang="ts" setup>
|
|
import { useId } from "reka-ui";
|
|
import { type HTMLAttributes, provide } from "vue";
|
|
import { cn } from "@/lib/utils";
|
|
import { FORM_ITEM_INJECTION_KEY } from "./injectionKeys";
|
|
|
|
const props = defineProps<{
|
|
class?: HTMLAttributes["class"];
|
|
}>();
|
|
|
|
const id = useId();
|
|
provide(FORM_ITEM_INJECTION_KEY, id);
|
|
</script>
|
|
|
|
<template>
|
|
<div data-slot="form-item" :class="cn('grid gap-2', props.class)">
|
|
<slot/>
|
|
</div>
|
|
</template>
|