feat(blog): implement shorthand for yt embeds

Co-Authored-By: mrjvs <mistrjvs@gmail.com>

src/components/MdIframe/MdIframe.vue

@@ -0,0 +1,17 @@
+<script lang="ts" setup>
+// eslint-disable-next-line vue/prop-name-casing -- this is gonna be used in markdown
+const { videoId } = defineProps({ 'video-id': { type: String, required: true } });
+</script>
+
+<template>
+  <iframe
+    width="560"
+    height="315"
+    :src="`https://www.youtube-nocookie.com/embed/${videoId}`"
+    title="YouTube video player"
+    frameborder="0"
+    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+    referrerpolicy="strict-origin-when-cross-origin"
+    allowfullscreen
+  />
+</template>

src/server/routes/blog/feed.xml.ts

@@ -24,7 +24,7 @@ export default defineEventHandler(async (event) => {
 	posts.forEach((post) => {
 		feed.addItem({
 			title: post.title,
-			id: post.path, 
+			id: post.path,
 			link: `https://pretendo.network${post.path}`,
 			description: post.caption,
 			author: [