mirror of
https://github.com/sysadminsmedia/homebox.git
synced 2025-12-21 21:33:02 +01:00
ec5b6bb8ff
* chore: get front end tests passing * chore: add @vue/runtime-core to fix types for $t * chore: sort lockfile * Discard changes to frontend/pnpm-lock.yaml * chore: sort lockfile * chore: fix some type errors * chore: switch from nuxi typecheck to vue-tsc to force a known good version * chore: linting * chore: update pnpm version in frontend test * feat: add proper pagination type (need to sort why it still doesn't work) * chore: format imports and initialize totalPrice in label page to null when no label is present * chore: update pnpm to v9.12.2, merge ItemSummaryPaginationResult with PaginationResult, and handle error in label generator more gracefully * chore: lint --------- Co-authored-by: Matt Kilgore <matthew@kilgore.dev>
36 lines
673 B
Vue
36 lines
673 B
Vue
<script setup lang="ts">
|
|
import MarkdownIt from "markdown-it";
|
|
import DOMPurify from "dompurify";
|
|
|
|
type Props = {
|
|
source: string | null | undefined;
|
|
};
|
|
|
|
const props = withDefaults(defineProps<Props>(), {
|
|
source: null,
|
|
});
|
|
|
|
const md = new MarkdownIt({
|
|
breaks: true,
|
|
html: true,
|
|
linkify: true,
|
|
typographer: true,
|
|
});
|
|
|
|
const raw = computed(() => {
|
|
const html = md.render(props.source || "");
|
|
return DOMPurify.sanitize(html);
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<!-- eslint-disable-next-line vue/no-v-html -->
|
|
<div class="markdown text-wrap" v-html="raw"></div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
* {
|
|
--y-gap: 0.65rem;
|
|
}
|
|
</style>
|