feat: finalize actual atproto blog uploads

app/components/EmbeddableBlueskyPost.vue → app/components/global/BlueskyPostEmbed.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/pages/blog/alpha-release.md

@@ -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/atproto.md

@@ -0,0 +1,28 @@
+---
+authors:
+  - name: Daniel Roe
+    blueskyHandle: danielroe.dev
+  - name: Salma Alam-Naylor
+    blueskyHandle: whitep4nth3r.com
+  - name: Matias Capeletto
+    blueskyHandle: patak.dev
+title: 'ATProto'
+tags: ['OpenSource', 'Nuxt']
+excerpt: 'ATProto is very cool'
+date: '2026-01-28T14:30:00Z'
+slug: 'atproto'
+description: 'ATProto Adjacency Agenda'
+draft: false
+---
+
+# Atmosphere Apps
+
+All the cool kids are doing Software Decentralization.
+
+This post is all about atmosphere. How it's something that we need to live. Without atmosphere we may end up like Arnie in Total Recall. We don't want that.
+But thankfully, we have atmosphere. This beautiful concept is used for other things as well. Atmos is a Fellow product that is a vacuum canister used to store coffee.
+This keeps your coffee fresh. But arguably, if you drink a lot of coffee you don't need to store it in a vacuum canister. But if you like to be super fancy. There is an
+automated vacuum canister that sucks out the air for you. You don't need to twist and turn like a human machine. You press a button and it sucks the air out. Automation.
+It's a wonderful thing. We use automation on this blog post. One automation is getting the Bluesky comments. These are fetched during build time and also run time. This means
+posts will always have bluesky comments. Whether you like it or not. Under the hood we do fancy ATProto stuff. And that brings us back to Atmosphere. Because it's something
+we need to live.

app/pages/blog/first-post.md

@@ -7,7 +7,7 @@ authors:
 title: 'Hello World'
 tags: ['OpenSource', 'Nuxt']
 excerpt: 'My first post'
-date: '2026-01-28'
+date: '2026-01-28T15:30:00Z'
 slug: 'first-post'
 description: 'My first post on the blog'
 draft: true

app/pages/blog/nuxt.md

@@ -0,0 +1,18 @@
+---
+authors:
+  - name: Daniel Roe
+    blueskyHandle: danielroe.dev
+title: 'Nuxted'
+tags: ['OpenSource', 'Nuxt']
+excerpt: 'Nuxting'
+date: '2026-01-28T13:30:00Z'
+slug: 'nuxt'
+description: 'Nuxter'
+draft: false
+---
+
+# Nuxt
+
+What a great meta-framework!!
+
+<BlueskyPostEmbed url="https://bsky.app/profile/danielroe.dev/post/3md3cmrg56k2r" />

app/pages/blog/open-source.md

@@ -0,0 +1,16 @@
+---
+authors:
+  - name: Daniel Roe
+    blueskyHandle: danielroe.dev
+title: 'OSS'
+tags: ['OpenSource', 'Nuxt']
+excerpt: 'OSS Things'
+date: '2026-01-28T16:30:00Z'
+slug: 'open-source'
+description: 'Talking about Open Source Software'
+draft: false
+---
+
+# OSS
+
+This is about Open Source Software.

app/pages/blog/package-registries.md

@@ -0,0 +1,16 @@
+---
+authors:
+  - name: Daniel Roe
+    blueskyHandle: danielroe.dev
+title: 'Package Registries'
+tags: ['OpenSource', 'Nuxt']
+excerpt: 'Package Registries need fixing'
+date: '2026-01-28T12:30:00Z'
+slug: 'package-registries'
+description: 'Package Registries Reimagined'
+draft: false
+---
+
+# Package Registries
+
+Shortest explanation: Production grade JavaScript is weird.

app/pages/blog/server-components.md

@@ -0,0 +1,15 @@
+---
+authors:
+  - name: Daniel Roe
+    blueskyHandle: danielroe.dev
+title: 'Server Components'
+date: '2026-01-28T11:30:00Z'
+slug: 'server-components'
+description: 'My first post on the blog'
+excerpt: 'Zero JS'
+draft: false
+---
+
+# Server components
+
+Here is some server component razzle dazzle. Hello there!

app/pages/blog/test-fail.md

@@ -0,0 +1,14 @@
+---
+authors:
+  - name: Daniel Roe
+    blueskyHandle: danielroe.dev
+title: 'TEST FAIL'
+tags: ['OpenSource', 'Nuxt']
+excerpt: 'My first post'
+date: '2026-01-28T10:30:00Z'
+slug: 'first-post'
+description: 'I was made to test this nuxt module'
+draft: false
+---
+
+# TEST FAIL

lunaria/files/en-US.json

@@ -80,6 +80,10 @@
     "title": "Blog",
     "heading": "blog",
     "meta_description": "Insights and updates from the npmx community",
+    "atproto": {
+      "loading_bluesky_post": "Loading Bluesky post...",
+      "view_on_bluesky": "View this post on Bluesky"
+    },
     "author": {
       "view_profile": "View {name}'s profile on Bluesky"
     },