Move component imports to async for code splitting

Author: spearcat

Diff for: src/components/custom-elements/BlueskyPost.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import 'bluesky-post-embed';
+await import('bluesky-post-embed');
 </script>
 
 <template>

Diff for: src/components/custom-elements/BlueskyProfileCard.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import 'bluesky-profile-card-embed';
+await import('bluesky-profile-card-embed');
 </script>
 
 <template>

Diff for: src/components/custom-elements/BlueskyProfileFeed.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import 'bluesky-profile-feed-embed';
+await import('bluesky-profile-feed-embed');
 </script>
 
 <template>

Diff for: src/lib/markdown/components.tsx

@@ -1,6 +1,3 @@
-import 'bluesky-profile-card-embed';
-import 'bluesky-profile-feed-embed';
-
 import type { MDXComponents } from './mdx-types';
 
 import type { Slot } from 'vue';