fix(markdown): images src with baseURL

nuxt · Jan 24, 2023 · 3c683ce · 3c683ce
1 parent 383f707
commit 3c683ce
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/src/runtime/components/Prose/ProseImg.vue b/src/runtime/components/Prose/ProseImg.vue
@@ -1,9 +1,12 @@
 <template>
-  <img :src="src" :alt="alt" :width="width" :height="height">
+  <img :src="refinedSrc" :alt="alt" :width="width" :height="height">
 </template>
 
 <script setup lang="ts">
-defineProps({
+import { withBase } from 'ufo'
+import { useRuntimeConfig, computed } from '#imports'
+
+const props = defineProps({
   src: {
     type: String,
     default: ''
@@ -21,4 +24,11 @@ defineProps({
     default: undefined
   }
 })
+
+const refinedSrc = computed(() => {
+  if (props.src?.startsWith('/') && !props.src.startsWith('//')) {
+    return withBase(props.src, useRuntimeConfig().app.baseURL)
+  }
+  return props.src
+})
 </script>