fix: register EmbeddableBlueskyPost during SSR to resolve anonymous component warning

The EmbeddableBlueskyPost plugin was client-only (.client.ts), meaning the component was
unregistered during SSR when unplugin-vue-markdown compiles the blog.md files.
This produces the "missing template or render function" warning.
Convert the component and plugin to be included during SSR but use <ClientOnly> for browser-only rendering.

Author: jonathanyeong

…ponents/EmbeddableBlueskyPost.client.vue app/components/EmbeddableBlueskyPost.vueapp/components/EmbeddableBlueskyPost.client.vue renamed to app/components/EmbeddableBlueskyPost.vue app/components/EmbeddableBlueskyPost.client.vue renamed to app/components/EmbeddableBlueskyPost.vue

@@ -50,33 +50,35 @@ function onPostMessage(event: MessageEvent) {
 </script>
 
 <template>
-  <article class="bluesky-embed-container">
-    <!-- Loading state -->
-    <LoadingSpinner
-      v-if="isLoading"
-      :text="$t('blog.atproto.loading_bluesky_post')"
-      aria-label="Loading Bluesky post..."
-      class="loading-spinner"
-    />
-
-    <!-- Success state -->
-    <div v-else-if="embedUrl" class="bluesky-embed-container">
-      <iframe
-        title="Bluesky Post"
-        :data-bluesky-id="embeddedId"
-        :src="embedUrl"
-        width="100%"
-        :height="iframeHeight"
-        frameborder="0"
-        scrolling="no"
+  <ClientOnly>
+    <article class="bluesky-embed-container">
+      <!-- Loading state -->
+      <LoadingSpinner
+        v-if="isLoading"
+        :text="$t('blog.atproto.loading_bluesky_post')"
+        aria-label="Loading Bluesky post..."
+        class="loading-spinner"
       />
-    </div>
 
-    <!-- Fallback state -->
-    <a v-else :href="url" target="_blank" rel="noopener noreferrer">
-      {{ $t('blog.atproto.view_on_bluesky') }}
-    </a>
-  </article>
+      <!-- Success state -->
+      <div v-else-if="embedUrl" class="bluesky-embed-container">
+        <iframe
+          title="Bluesky Post"
+          :data-bluesky-id="embeddedId"
+          :src="embedUrl"
+          width="100%"
+          :height="iframeHeight"
+          frameborder="0"
+          scrolling="no"
+        />
+      </div>
+
+      <!-- Fallback state -->
+      <a v-else :href="url" target="_blank" rel="noopener noreferrer">
+        {{ $t('blog.atproto.view_on_bluesky') }}
+      </a>
+    </article>
+  </ClientOnly>
 </template>
 
 <style scoped>

app/plugins/bluesky-embed.client.ts app/plugins/bluesky-embed.tsapp/plugins/bluesky-embed.client.ts renamed to app/plugins/bluesky-embed.ts

@@ -1,4 +1,4 @@
-import EmbeddableBlueskyPost from '~/components/EmbeddableBlueskyPost.client.vue'
+import EmbeddableBlueskyPost from '~/components/EmbeddableBlueskyPost.vue'
 
 /**
  * INFO: .md files are transformed into Vue SFCs by unplugin-vue-markdown during the Vite transform pipeline