frontend/components/typography/html.vue
Jesse Wierzbinski 53b71afdd5
Some checks failed
CodeQL / Analyze (javascript) (push) Failing after 1s
Deploy to GitHub Pages / build (push) Failing after 1s
Deploy to GitHub Pages / deploy (push) Has been skipped
Docker / build (push) Failing after 1s
Mirror to Codeberg / Mirror (push) Failing after 0s
refactor: ♻️ Refactor typography code in notes and profiles
2025-07-10 05:13:42 +02:00

28 lines
690 B
Vue

<script setup lang="ts">
import { Primitive, type PrimitiveProps } from "reka-ui";
import type { HTMLAttributes } from "vue";
import { cn } from "~/lib/utils";
interface Props extends PrimitiveProps {
class?: HTMLAttributes["class"];
}
const props = withDefaults(defineProps<Props>(), {
as: "div",
});
</script>
<template>
<Primitive
:as="as"
:as-child="asChild"
:class="cn('prose prose-sm block relative dark:prose-invert duration-200 !max-w-full break-words prose-a:no-underline prose-a:hover:underline', $style.content, props.class)"
>
<slot />
</Primitive>
</template>
<style module>
@import url("~/styles/content.css");
</style>