shadcn-vue/apps/www/src/lib/registry/default/ui/alert/AlertDescription.vue
2023-08-29 22:35:58 +02:00

25 lines
465 B
Vue

<script setup lang="ts">
import { computed, useAttrs } from 'vue'
import { cn } from '@/utils'
defineOptions({
name: 'AlertDescription',
inheritAttrs: false,
})
const allAttrs = useAttrs()
const attrs = computed(() => {
const { class: className, ...rest } = allAttrs
return {
className,
rest,
}
})
</script>
<template>
<div v-bind="attrs" :class="cn('text-sm [&_p]:leading-relaxed', attrs.className ?? '')">
<slot />
</div>
</template>