refactor: ♻️ Use "header" HTML tag for note headers

This commit is contained in:
Jesse Wierzbinski 2024-11-30 17:17:16 +01:00
parent 33cf7f5806
commit 97566289cd
No known key found for this signature in database
2 changed files with 11 additions and 7 deletions

View file

@ -1,14 +1,18 @@
<script setup lang="ts">
import { cn } from "@/lib/utils";
import { Primitive, type PrimitiveProps } from "radix-vue";
import type { HTMLAttributes } from "vue";
const props = defineProps<{
class?: HTMLAttributes["class"];
}>();
const props = withDefaults(
defineProps<PrimitiveProps & { class?: HTMLAttributes["class"] }>(),
{
as: "div",
},
);
</script>
<template>
<div :class="cn('flex flex-col gap-y-1.5 p-6', props.class)">
<slot />
</div>
<Primitive :as="props.as" :as-child="props.asChild" :class="cn('flex flex-col gap-y-1.5 p-6', props.class)">
<slot />
</Primitive>
</template>