fix: migrated to a new BlueskyPostEmbed file in global folder and

removed legacy approaches

Author: Kai-ros

app/components/EmbeddableBlueskyPost.client.vue

@@ -87,8 +87,11 @@ function onPostMessage(event: MessageEvent) {
   max-width: 37.5rem;
   width: 100%;
   margin: 1.5rem auto;
+  /* ARC: Necessary to remove the thin white line at the bottom of the embed. Also sets border-radius  */
   border-radius: 0.75rem;
   overflow: hidden;
+  /* CHROME: Necessary to remove the thin white line at the bottom of the embed. Also sets border-radius  */
+  clip-path: inset(0 0 1px 0 round 0.75rem);
 }
 
 .bluesky-embed-container > .loading-spinner {

app/components/EmbeddableBlueskyPost.vue …p/components/global/BlueskyPostEmbed.vueapp/components/EmbeddableBlueskyPost.vue renamed to app/components/global/BlueskyPostEmbed.vue app/components/EmbeddableBlueskyPost.vue renamed to app/components/global/BlueskyPostEmbed.vue

@@ -43,7 +43,7 @@ people's frustrations with the npm experience on the web and the CLI. The questi
 as they voiced frustrations with the user experience including code browsing, missing data, trust signals, surfacing
 dependencies, and the friction surrounding the publishing experience.
 
-<EmbeddableBlueskyPost url="https://bsky.app/profile/danielroe.dev/post/3md3cmrg56k2r" />
+<BlueskyPostEmbed url="https://bsky.app/profile/danielroe.dev/post/3md3cmrg56k2r" />
 
 It was clear there was a huge opportunity to build a fast, modern browser for the npm registry with an improved
 developer experience, and that there were people willing to work with Daniel to build it.

app/pages/blog/alpha-release.md

@@ -15,4 +15,4 @@ draft: false
 
 What a great meta-framework!!
 
-<EmbeddableBlueskyPost url="https://bsky.app/profile/danielroe.dev/post/3md3cmrg56k2r" />
+<BlueskyPostEmbed url="https://bsky.app/profile/danielroe.dev/post/3md3cmrg56k2r" />