feat: integrate new Markdoc tags - Youtube, Tabs

Author: one-aalam

src/content/blog/markdoc-integration.mdoc

@@ -72,8 +72,18 @@ Astro Ink ships with the following tags with more coming soon...
 {% /link %}
 
 ### Tweet Embed
-
 {% tweet url="https://twitter.com/aftabbuddy/status/1630403326406959105" %}
+{% /tweet %}
+
+
+
+{% yt url="https://www.youtube.com/embed/ADnaRwQZfqw" title="SvelteKit + GraphQL with Houdini | Intro, Setup and Project Overview" %}
+{% /yt %}
+
+### Tabs
+
+{% tabs heading="some" tabs=[{title: "tab1", body: "tab1"}, {title: "tab2", body: "tab2"}] %}
+{% /tabs %}
 
 ...more tags coming soon!
 

src/pages/blog/[slug].astro

@@ -4,7 +4,9 @@ import PostLayout from '$/layouts/post.astro';
 
 import Callout from "../../components/mdoc/Callout.astro";
 import Link from "../../components/mdoc/Link.astro";
-import TweetEmbed from "src/components/mdoc/TweetEmbed.astro";
+import TweetEmbed from "../../components/mdoc/TweetEmbed.astro";
+import YTVideoEmbed from "../../components/mdoc/YTVideoEmbed.astro";
+import Tabs from "../../components/mdoc/Tabs/Tabs.astro";
 
 // get the views count
 // get the likes count
@@ -21,6 +23,8 @@ const { Content } = await entry.render()
     <Content components={{
         Callout,
         Link,
-        TweetEmbed
+        TweetEmbed,
+        YTVideoEmbed,
+        Tabs
     }}/>
 </PostLayout>