feat: ✨ add toot component

Author: spences10

src/lib/components/toot.svelte

@@ -0,0 +1,26 @@
+<script lang="ts">
+  export let instance: string = ''
+  export let username: string = ''
+  export let tootId: string = ''
+</script>
+
+<svelte:head>
+  <script
+    async
+    src="https://mas.to/embed.js"
+    charset="utf-8"
+  ></script>
+</svelte:head>
+
+<div class="flex justify-center mb-12">
+  <iframe
+    title=""
+    src={`https://${instance}/${
+      username.slice(0, 1) === `@` ? username : `@` + username
+    }/${tootId}/embed`}
+    class="mastodon-embed"
+    style="max-width: 100%; border: 0"
+    width="400"
+    allowfullscreen
+  />
+</div>

src/lib/index.ts

@@ -8,6 +8,7 @@ export { default as SimpleCast } from './components/simple-cast.svelte'
 export { default as SoundCloud } from './components/sound-cloud.svelte'
 export { default as Spotify } from './components/spotify.svelte'
 export { default as StackBlitz } from './components/stackblitz.svelte'
+export { default as Toot } from './components/toot.svelte'
 export { default as Tweet } from './components/tweet.svelte'
 export { default as Vimeo } from './components/vimeo.svelte'
 export { default as YouTube } from './components/you-tube.svelte'