detail page port

components/prismic/RichText.vue

@@ -0,0 +1,17 @@
+<template>
+    <div class="prismic-rich-text" v-html="html" />
+</template>
+
+<script setup>
+import { computed } from 'vue'
+import * as prismicH from '@prismicio/helpers'
+
+const props = defineProps({
+    field: {
+        type: Object,
+        required: true,
+    },
+})
+
+const html = computed(() => prismicH.asHTML(props.field))
+</script>