1
0
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2025-07-20 13:49:37 +02:00
it-tools/packages/app/src/modules/ui/components/dialog/DialogTitle.vue

30 lines
686 B
Vue
Raw Normal View History

<script setup lang="ts">
import { cn } from '@/src/modules/shared/style/cn'
import { DialogTitle, type DialogTitleProps, useForwardProps } from 'radix-vue'
import { computed, type HTMLAttributes } from 'vue'
const props = defineProps<DialogTitleProps & { class?: HTMLAttributes['class'] }>()
const delegatedProps = computed(() => {
const { class: _, ...delegated } = props
return delegated
})
const forwardedProps = useForwardProps(delegatedProps)
</script>
<template>
<DialogTitle
v-bind="forwardedProps"
:class="
cn(
'text-lg font-semibold leading-none tracking-tight',
props.class,
)
"
>
<slot />
</DialogTitle>
</template>