fix tailwind

src/components/ui/dialog/DialogTitle.vue

@@ -1,15 +1,29 @@
 <script setup lang="ts">
-import { DialogTitle as DialogTitlePrimitive } from 'radix-vue'
 import { cn } from '@/lib/utils'
-import type { HTMLAttributes } from 'vue'
+import { DialogTitle, type DialogTitleProps, useForwardProps } from 'reka-ui'
+import { computed, type HTMLAttributes } from 'vue'
 
-const props = defineProps<{
-  class?: HTMLAttributes['class']
-}>()
+const props = defineProps<DialogTitleProps & { class?: HTMLAttributes['class'] }>()
+
+const delegatedProps = computed(() => {
+  const { class: _, ...delegated } = props
+
+  return delegated
+})
+
+const forwardedProps = useForwardProps(delegatedProps)
 </script>
 
 <template>
-  <DialogTitlePrimitive :class="cn('text-lg font-semibold leading-none tracking-tight', props.class)">
+  <DialogTitle
+    v-bind="forwardedProps"
+    :class="
+      cn(
+        'text-lg font-semibold leading-none tracking-tight',
+        props.class,
+      )
+    "
+  >
     <slot />
-  </DialogTitlePrimitive>
-</template> 
+  </DialogTitle>
+</template>