Merge branch 'feat/atproto-blog-fe' of github.com:npmx-dev/npmx.dev into feat/atproto-blog-fe

Author: whitep4nth3r

app/components/BlogPostWrapper.vue

@@ -13,7 +13,7 @@ useSeoMeta({
   ogType: 'article',
 })
 
-defineOgImageComponent('BlogPost', {
+defineOgImage('BlogPost.takumi', {
   title: props.frontmatter.title,
   authors: props.frontmatter.authors,
   date: props.frontmatter.date,

app/components/OgImage/BlogPost.vue …p/components/OgImage/BlogPost.takumi.vueapp/components/OgImage/BlogPost.vue renamed to app/components/OgImage/BlogPost.takumi.vue app/components/OgImage/BlogPost.vue renamed to app/components/OgImage/BlogPost.takumi.vue

@@ -70,7 +70,7 @@ const formattedAuthorNames = computed(() => {
     <!-- npmx logo - top right -->
     <div
       class="absolute top-12 z-10 flex items-center gap-1 text-5xl font-bold tracking-tight"
-      style="font-family: 'Geist Sans', sans-serif; right: 4rem"
+      style="font-family: 'Geist Sans', sans-serif; right: 6rem"
     >
       <span :style="{ color: primaryColor }" class="opacity-80">./</span>
       <span class="text-white">npmx</span>

server/middleware/canonical-redirects.global.ts

@@ -17,8 +17,8 @@ const pages = [
   '/200.html',
   '/opensearch.xml',
   '/about',
-  '/blog',
   '/accessibility',
+  '/blog',
   '/compare',
   '/org',
   '/package',