Files
mealie/frontend/components/Domain/Recipe/RecipeIngredientHtml.vue
2025-06-19 17:09:12 +00:00

24 lines
478 B
Vue

<template>
<!-- eslint-disable-next-line vue/no-v-html -->
<div v-html="safeMarkup" />
</template>
<script lang="ts">
import { sanitizeIngredientHTML } from "~/composables/recipes/use-recipe-ingredients";
export default defineNuxtComponent({
props: {
markup: {
type: String,
required: true,
},
},
setup(props) {
const safeMarkup = computed(() => sanitizeIngredientHTML(props.markup));
return {
safeMarkup,
};
},
});
</script>