chore: use builtin proseimg over custom element

components/content/ProseImg.vue

@@ -0,0 +1,18 @@
+<script setup lang="ts">
+const props = withDefaults(defineProps<{ src: string; alt?: string }>(), {
+  alt: "",
+});
+
+const src = props.src;
+const imgSrc =
+  src.startsWith("http://") || src.startsWith("https://")
+    ? src
+    : `/images/posts/${src}`;
+</script>
+
+<template>
+  <figure class="flex flex-col items-center">
+    <img :src="imgSrc" class="drop-shadow-lg" :alt="alt" />
+    <figcaption class="text-center" v-if="alt">{{ alt }}</figcaption>
+  </figure>
+</template>