From d05288ae686d44c4cf706f76a160ee6d767ff76e Mon Sep 17 00:00:00 2001
From: Jesse Wierzbinski <contact@cpluspatch.com>
Date: Sat, 19 Oct 2024 23:33:46 +0200
Subject: [PATCH] feat: :sparkles: Improve image rendering, add more branding
 and SEO

---
 app.vue                        |  13 +++++++++++++
 bun.lockb                      | Bin 419032 -> 419032 bytes
 components/article/content.vue |   2 --
 components/article/image.vue   |   6 +++---
 components/article/title.vue   |   2 --
 composables/server/Post.ts     |   8 +++++++-
 content/test/test-file.md      |   2 ++
 nuxt.config.ts                 |  23 +++++++++++++++++++++++
 pages/articles/[...path].vue   |  20 +++++++++++++++-----
 public/favicon.ico             | Bin 4286 -> 0 bytes
 public/favicon.png             | Bin 0 -> 4959 bytes
 server/api/article.get.ts      |   1 -
 tsconfig.json                  |   5 ++++-
 types/posts.ts                 |   8 +++++++-
 types/schemas.ts               |  16 ++++++++++++++++
 15 files changed, 90 insertions(+), 16 deletions(-)
 delete mode 100644 public/favicon.ico
 create mode 100644 public/favicon.png
 create mode 100644 types/schemas.ts

diff --git a/app.vue b/app.vue
index a6d24fb..8d392c1 100644
--- a/app.vue
+++ b/app.vue
@@ -3,3 +3,16 @@
         <NuxtPage />
     </NuxtLayout>
 </template>
+
+<script lang="ts" setup>
+import { useSchemaOrg, useServerSeoMeta } from "#imports";
+import { logo, org } from "./types/schemas.ts";
+
+useServerSeoMeta({
+    titleTemplate: (titleChunk) => {
+        return titleChunk ? `${titleChunk} · Versia Blog` : "Versia Blog";
+    },
+});
+
+useSchemaOrg([org, logo]);
+</script>
\ No newline at end of file
diff --git a/bun.lockb b/bun.lockb
index 04e7a67632bd15832573f214902bc937fa25546e..89764ed51e88833b498c51fa2318073290181b5d 100755
GIT binary patch
delta 39
tcmca{Qu4-0$%Yoj7N!>FEi8$i?2K_ndWL!??HQgdK+L*5!;`H*8UP*V4730M

delta 39
pcmca{Qu4-0$%Yoj7N!>FEi8$i>`V+`(4OJR0>rG_Gd$S}qyYwn3uFKQ

diff --git a/components/article/content.vue b/components/article/content.vue
index 911c7c6..70c145e 100644
--- a/components/article/content.vue
+++ b/components/article/content.vue
@@ -6,8 +6,6 @@
 </template>
 
 <script lang="ts" setup>
-import { defineProps } from "vue";
-
 defineProps<{
     body: string;
 }>();
diff --git a/components/article/image.vue b/components/article/image.vue
index f5f9edc..c749946 100644
--- a/components/article/image.vue
+++ b/components/article/image.vue
@@ -1,12 +1,12 @@
 <template>
-    <nuxt-img :src="image" width="800" format="webp" alt=""
+    <nuxt-img :src="image" :width="width" :height="height" format="webp" alt="" :preload="true"
         class="drop-shadow-2xl w-full rounded bg-zinc-900 ring-1 ring-white/10" />
 </template>
 
 <script lang="ts" setup>
-import { defineProps } from "vue";
-
 defineProps<{
     image: string;
+    width?: number;
+    height?: number;
 }>();
 </script>
\ No newline at end of file
diff --git a/components/article/title.vue b/components/article/title.vue
index 7d40edb..58e3584 100644
--- a/components/article/title.vue
+++ b/components/article/title.vue
@@ -12,8 +12,6 @@
 </template>
 
 <script lang="ts" setup>
-import { defineProps } from "vue";
-
 defineProps<{
     title: string;
     created_at: string;
diff --git a/composables/server/Post.ts b/composables/server/Post.ts
index f9b3dba..c4548ec 100644
--- a/composables/server/Post.ts
+++ b/composables/server/Post.ts
@@ -40,7 +40,13 @@ export const getPost = async (path: string): Promise<Post | null> => {
         content: renderedBody,
         created_at: new Date(Number(header.created_at || 0)).toISOString(),
         description: header.description,
-        image: header.image,
+        image: {
+            url: header.image,
+            width: header.image_width ? Number(header.image_width) : undefined,
+            height: header.image_height
+                ? Number(header.image_height)
+                : undefined,
+        },
         title: header.title,
         path,
     };
diff --git a/content/test/test-file.md b/content/test/test-file.md
index 7feea7b..f1cca8c 100644
--- a/content/test/test-file.md
+++ b/content/test/test-file.md
@@ -3,6 +3,8 @@ title: A test post for the Versia Blog
 created_at: 1700020246000
 description: This is a test post for the Versia Blog. I write this post to test the blog system.
 image: https://images.pexels.com/photos/2646237/pexels-photo-2646237.jpeg
+image_width: 6000
+image_height: 4000
 author: CPlusPatch
 author_image: https://mk-cdn.cpluspatch.com/uploads/5cd850d3-6b6b-4543-97ca-9854b9dbf9f3.webp
 author_handle: @jessewh
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 30908d7..8702379 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -1,6 +1,7 @@
 import { readdirSync } from "node:fs";
 import { join } from "node:path";
 import { defineNuxtConfig } from "nuxt/config";
+import { org } from "./types/schemas.ts";
 
 /*
  * Reads the content directory and returns an array of all the files in the directory and subdirectories.
@@ -110,4 +111,26 @@ export default defineNuxtConfig({
             failOnError: true,
         },
     },
+    app: {
+        head: {
+            link: [
+                {
+                    rel: "icon",
+                    href: "/favicon.png",
+                    type: "image/png",
+                },
+            ],
+            htmlAttrs: {
+                lang: "en-us",
+            },
+        },
+    },
+    schemaOrg: {
+        identity: {
+            name: "Versia",
+            logo: "https://versia.pub/#logo",
+            url: "https://versia.pub",
+            sameAs: [],
+        },
+    },
 });
diff --git a/pages/articles/[...path].vue b/pages/articles/[...path].vue
index 0a75704..ccfbe03 100644
--- a/pages/articles/[...path].vue
+++ b/pages/articles/[...path].vue
@@ -1,7 +1,7 @@
 <template>
     <div v-if="post" class="mx-auto max-w-3xl py-24 sm:py-32 px-6 lg:px-8 flex flex-col items-center gap-10">
         <Title v-if="post.title" :created_at="post.created_at" :title="post.title" />
-        <Image v-if="post.image" :image="post.image" />
+        <Image v-if="post.image" :image="post.image.url" :width="post.image.width" :height="post.image.height" />
         <Content :body="body" />
     </div>
 </template>
@@ -36,12 +36,19 @@ if (!post.value) {
 
 useSchemaOrg([
     defineArticle({
-        // author: post.value.author.name,
+        author: {
+            name: post.value.author.name,
+            image: post.value.author.image,
+        },
         datePublished: post.value.created_at,
-        image: post.value.image,
+        image: {
+            url: post.value.image.url,
+            width: post.value.image.width,
+            height: post.value.image.height,
+        },
         description: post.value.description,
         inLanguage: "en-US",
-        thumbnailUrl: post.value.image,
+        thumbnailUrl: post.value.image.url,
     }),
 ]);
 
@@ -51,8 +58,11 @@ useServerSeoMeta({
     author: post.value.author.name,
     description: post.value.description,
     ogDescription: post.value.description,
-    ogImage: post.value.image,
+    ogImage: post.value.image.url,
+    ogImageHeight: post.value.image.height,
+    ogImageWidth: post.value.image.width,
     twitterCard: "summary_large_image",
+    twitterImage: post.value.image.url,
 });
 
 let body = post.value.content;
diff --git a/public/favicon.ico b/public/favicon.ico
deleted file mode 100644
index 18993ad91cfd43e03b074dd0b5cc3f37ab38e49c..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4286
zcmeHLOKuuL5PjK%MHWVi6lD<!mRb4$mdFuu1m7S&L72}0%nh7nb{xS*IY7K-1~WG>
zOGiR<sv2rs-P1h`ut*jRDypfj@9U}_3E&NVhC}c-e)fS606r6u2w#X;ZXeov|87fL
z!TI})z`sQxSz?%$m}Cpw?WF=YNnu;Mk#t%h*=w(2a7>EbCw`xmFozJ^aNatJY>w+g
ze6a2@u~m#^BZm@8wco9#Crlli0uLb^3E$t2-WIc^#(?t)*@`UpuofJ(Uyh@F>b3Ph
z$D^m8Xq~pTkGJ4Q`Q2)te3mgkWYZ^Ijq|hkiP^9`De={bQQ%heZC$QU2UpP(-tbl8
zPWD2abEew;oat@w`uP3J^YpsgT%~jT(Dk%oU}sa$7|n6hBjDj`+I;RX(>)%<Y^V1u
zxpEJLVzZ2NFGX+1TXChn89VxczG?Ja<o=SJ8n{y5$ezyw`8sz3-<3{&C8oX)|94kh
z+0M_EV^O^m@tH21JEPN_ux%Gy1GUw?U~8Zr)3xvGXUSPO+3I<5aAh6uT<iYgm~_ug
ziEA0#JM$)SV%(oc@>lm_7N{+B7Mu%H?422lE%MBJH!!YTN2oT7xr>>N-8OF$C&qU^
z>vLsa{$0X%q1fjOe3P1mCv#lN{xQ4_*HCSAZjTb1`}mlc+9rl8$B3OP%VT@mch_~G
z7Y+4b{r>9e=M+7vSI;BgB?ryZDY4m>&w<W+!o=%S{hjU42>cHSn81VH1N~`0gvwH{
z8dv#hG|OK`>1;j7tM#B)Z7zDN?{6=dUal}$e<J#b(FPcAa6L9y8G}E@q!eIA^eYgE
GM1KL3x?{8e

diff --git a/public/favicon.png b/public/favicon.png
new file mode 100644
index 0000000000000000000000000000000000000000..3051f38cdd9d58f2c534d7369bd6e74e13be1f8c
GIT binary patch
literal 4959
zcmY*d2T)U66OJ?kh%~7xkbsCHy-B1chAyCh^p1%1lF+Nv0Md&{N7RTk=@KA-5PB6M
zbP&+cd#`_dZ|0wQcjh~LXLrBdJ3D*M?72}-HI-?o*r@;j0F9~&T$?Bp|ALN!xF)Ma
zSP%u5wTiX|0N~3D00f5t04GFM@Dc#vAq)Vl5bcn30D#3c3-e5dXrQoCSB4WM@i~56
zA4C+Ct}2EIqLlpyTF$<g#Fwi`RSm_fOTe4VR|Ifv?0*0NhWn~;sIK?KdbXdgF21ot
z3*YF}@M&Z;wW?Y|PA_?KglEEFa;A#rkX-`A6N^`}8~!l#q38~8-3!H%LP-l9T#Td~
zC95j@sZVd-FA$20H3i+U-Et}|+?(aI8+c8u^0WgxSr;BI+}fKZhQRI)*w(#Qx^5eE
zv_5-r9+<fRKQOF1Z)yHGg%}{eS|T*FpPBtAUZ!q8TxYUBNA`KW^)&hOz(A`(bG;WI
zt82OoU_tLDU4%`>FobC#j+^Xis>fTc4tU@d=)LXTV%j=?t8x?I%&^yf>P6tVl-$FV
z;X-ZP`QhpA525G!x!#WqSjtqiW;1tB2I8@PM_ao>=N%1i!RCIkt%S?4;cs(T#n_7r
zkh<CV;nu39rR|K*<>s;k6VvjYQ>@WhFfJ*Po>@;D1_XwbE@A_4xG<i(ktY3qPl{yq
zwmjV*Bz8%r=lX7q%*|fT5O9_A1vZz}6$>~PTAHT)qI6}gT+QUofX`gmCV4T$<;4$e
zSVd)PEB}4qy$3SBRr#+Il9EuUG-jBZIyczJ7)qB#Gwy4(8dD-wbCI4m&+Yl~B^I$d
zTK_4wNUn3b+TprXWM->?=}PtdJ5EpYmb0%C4%au17XE1IDJg!WT{G5B5tZ>jcK7!7
zkp?L$cEm|YPH^fzABkc#H4PJ&z~S}}7=Da;9<0rAf!5av{WLVMxgOrE*l!zUF?Ml0
zFW>JZ!+}2^(RyAkX)9{<MMT_{_Zk0c6N3l7T7b&$7L^;<WCghlOf*c?NFIcj3sqI@
zv{8mzRk%VR^9zxYl*=2MYV4eM;e{z(518r5OjT>JW4@Vud^K|FYH^${&b*5&Bk^(=
zpX7u$P2t&m%j}%;Ss01sp9|&X;@U=yMo5yAOsn1bf?e8MotV8Q{+=Ap+u3R|y@RHv
zQBf~<7q5;Cb0-^?gnia^uj``-$>Z-D#Un%P?W7T(nsO72Yvs;U2<yg=m<@QC0$k1e
z3r0rdX-=SfI?r!P0(m)Vykr;@5ps?_I9OwQ`<Ov;mtam*;`K1nka?yX#${BBu<uJt
zi>N4acDAB}bIgl!wf&wick4+>&3$kP5+gC&zAOp#G`Mn;mu5~{M)x(Jh4v24+UoJk
z7Ai%n`7zcu(vX=4yh^;h%m!Z-LdiMay|WZbGl*@Ey?Wl8Ddo-ecCV{puDGp5%yw+1
zyg^2^q98Qk&!2DKuyUtq)bm%Mv$5$0c`YQg%%~R|)P9Y~M7`5qu_C?3Eto}K5BUwx
z{rzH85GC!vfV}_FffLN$p`hUTeVCE)K+bK};9!NP(N<Qgf$tN36daTaWem?;Jnfdk
z3!b)$4fGl*WQGLgpHFx7Wg-qDS@Z=t*$NA#eY6X!Y$pvnDXzTc3KM^(5_Q!}2zyq|
zub;&{h_92L!q<%y4MPr`A6#>CvI!FD`Se(U3#fUQC++b`!fEzNXIuhZq~eWZtF6;*
z{&>#Z^ssj3Yh*3UVQuaz`}-myzOo=`ty|v3724=itpBqG>(#S!G}B=G#m-hk?#JWP
zw_(a;Rb;d@P-0YwTH4Q-_p&M~Iy(<MVVbhofYxwZYil&qv#EHmQjMOAHL;hXFC~FM
zGN>{)ciMN$D;izY9jit;w{MwX{SEPq0jr}L41?MmS2ir2_g8+rK`{zMW99yGWGsk{
zSp7W42N5ZHhg;M=2^F{Iy?Q*%4Fau6S@9FQsJ_NNoF)Fe+Ab6(f_EvMHE9Z`-i+qU
zy_FMmn*1INhj9Thr@FD^GLtaLb33i>n=Y>LH-t>KL+Rz49*w5QV1z5#q(O9K)3@2m
zMe`OH2M4F*m6Q>unvPu$XAb)xJ$Toar0(rXjKVLvvi2sPlMVD?O`p@N+NG%Uk7&xN
zC$l^~TUW;T*E^)pK^^0&2)yQ|<O{<GCaGtO2ODTXGq^iD8B{BAy}_VTM&I_$c&X5r
zqSmx)L>(b|O!JMy3Ezf*PP!5){cA41pUkliCmxP|o9+1^6tP_SHLpx`l%`h9!uu%x
z+Otruj<g|MaI(K3DuDk03g-gC{sA35FyvqS>+*j$)l4HNo8Mc)Ac{~WYtiu_fz&ed
z60G--6$p;5N7%Y1(1k)vHrDU7Sq$21@WS>^Mn_*?fqBbG;T_vgN$6iY8wM*Cv{;BU
zSc$X8rtIO@noc+Hx$mUqG*K<hyS&4fmnUd&fFQeu<*y~a8BP=sN$G)^nE3UpkR?aY
z*!Yq7V!e4&%iz$^tUTitjSrf(qV(_e&>t;7h``Apebg+)dayT2nEiC;mO|a!pbhl`
zKOecf9gdz#3XF;ZB?1rNWSA6o4ZGz=aDLQ_rdcm=OGHFV%XkdRX<7HnE<wclHkib=
zcku=0&hql|y2lG*n8wBf`OQZ2Ap84$QOo<4^n)*+vE1OYC6-NWCTWon9|vig8_PYM
z8E%P=&IjQsI|c1C9KQPz>ns)>26>dN-mkr~pPd~LFvG%DI6@ehbPQvSmDyC`S^D<5
zvU2+Z2A{h@lCgp8-R5!fkmzIciA)gBSjF2iQue15U#Hx>4JX?k1O7TL((h;o4y|U(
z=H%Fg!7l@IF6U#)MYf|=%UoQ%2#BvbW$2ER!a^0Z$MB>_5qNubb!8=@f2x|7v+O4p
z#`DX{p!mU#3z?wfouhAr+)zDZvpDMjlnM#ckT}6o7|5TqocwJMsrh-qDSM;;wigfj
zBcdBf|Le-M4!r8UelbagN;O1wI+>}{-b0N_VC;kOoqViwEU$d7v*Gp(3@&GyuHu(7
zre(1WhwaT4j4(4%x=odhq@~u0N^hR&RaY~0oX{mMCjDfm(O|E1b{i0Q=v(aKLcwIO
zK5x?U>6H7s`r9qy$1@08G`Qm&Jp&jr1(4;jI14cI<ftyX-lOMjW+Vta*y6@n73Fcz
zG0ethbtdNnVL(<H&*C%wn!2V`pN}}Y-#vgSl}DvTKU-7v^D`u!QAPpLPHh&hRm;gV
zYP)O8_}=(smzf*$=`-UH{#&b$;d!xi*`?T-L=o1tL%&UvJ8p@D-5u9rT6$2_x&^M>
zC_7uA-LTKGXhDFaBBrs>&H}Irf|K=sz8bTi6y^1^NP8Sl2mmK_KXD~CY?nVcr^!>}
z&2A*I?e*Vu?8PZ7Nk}ZIhN7D5$%8L%8KPth@6TBKDzBEma*nC~Fc%Pp;t9-9(rOjY
zn4eFi-_D6UR^wR|u%V};=b$^%djBCj7#1(>c6qCy=dIgoZa7(V9C9kkZ1%@IwQ>1!
zt^Hnvq2waxY!C`~L!9KjG~;OF#wtmMno4mm$tF3R%(u!ewSSY|_^@G6)}FmD_GWAA
z!E0}Cb1v}U$1Yn*<N6Yf=*0L+9on&c5<$-}l)_!5$%(6V9v(inp!Z`c@t4&T6BGF$
zKOxY}BNVV|yu<V>^R=|y;D=MUMTTC!%q}f;CT{y`h#2E4B{*rSfm@Gu!AavYR#Okq
zP0{hIF&yRp#V+l9(WX(y;AjTSTmI%CoR|d6VQyCfKy#e)<4}~~oeYPVDL-2ozS2U#
znm8jk1PB*Zh`k=rL6T||##5r2M3>kZ^&MuXQ~Z`k0iMK|s1!OZbT3AQUE>>FVy3P1
zq+e<lb@{XH2kX8(g(g8{^mTTngKdkVjL`*+YQ=}t)Vf9~6X6MTi9L~B!`hdHX2P+5
zPCRUtn(V8Yn5v%A@58XB=J1XZm6Avr@Xl5>#L)n|OV85BwuFq0t;zvf?ZkdpA_OWx
z;d5aEy3Z21@he;YdTIPQm5tS*idM)UT+A2)+~Xj+{1H;H`>?RjNwUV$tze_<47E(t
zp6-aqp|$%tfAH#Wzm{@=r4IauVra8(fBU_mli0N&kEs{AAYD-40_PU_ztlkYH#Q$!
zG5$W)o{t~CsRd#n__i7>-b=OiM5!P<_K?)#lUdhpKIKj8bjD=be&pxC;1p|R;5-$J
z;@OsKUs$pU2=_K!XwlFO<{z)^#qpqN-<-)>JHhyz==t+V6x>U!h(Ea*Vj6Hhm&b~*
z&`nrV(k%pbVt;@4qot1$Ww_7x4R5;NpRB|olbZ<YziGB?KxJNLY}NI$VUsRV1p(VT
z8kyGkTzpNT*sFX}dFaF_Kuh^*-w5cCls;-LLdPf`u|Of9ySFyl7U)E?F2OiJl8=5&
zK{{~yLob$qK)8*F!+A0?HL53e+>L;IrQz)>L1TrngDmIex1tY~VO4BwuwWD!xN*`1
zT~wG)9nH+@JK$EKrpW#2hjxbUzGE^EV{L71%9ej1HpQ=j3;dd!vnC;+%wcjkacF(A
z^4`)7j37`Ngi^^H=A3X`s%JcZmH!c4Cb5GZ7Qv850*MS4+*WBx`WSyz<415N(<@)2
zF)p|`PRkt<@wm*z`Jmm5-_PqX`%%?K_@9QbqO$k9$TstP8h)f807~Vj2W-AkI#tPa
zetqK;+S`ir5jfRyk1jEOy13gnRz`@ImjeRUD<+RiPR6IETFHz`u|giXJ)xyPZq^eN
za&hcE*T{SDerxo!cuo4Dn?%n<{hw{Q$M7Z0Ax6-jKoFM@NBuI$W%@*A3ZR0)o!@yc
zt#mu&uLMuAK+Wprrxw-pIfwP1|4Qco@BDHIU83H=l!Urm*YQH8)vl@_d|Ah-=v5cN
zxbZvXhT*kkdPfl7`lwZKZ@bd1VdCM6X|(nf%MEDy{`R1`&d<Ml(d6bd`@C#8ipM>p
zogzY7KY<SkdQV8g7uSu|^7lefDsw~S$iRf!_z0#`J-y=E_rb&_NW#bU5fWEMp=iXw
zzM|tN$%v`P@NZ_XD0Y3ug2f71A~4v<;u_|TJv#b_t<)?M8A%L|x0eL?N@Ye5N7ayY
zV0VYzwKfrM$6uDK%{3JtKbAfmwH;>Mx*+Z^*^HOteA+H{M*Dko7vufmR_HYE9O5wI
z>kn))o1KVu_9ad<rbZVQF7N6Nx8+v59*0rVzs{RnjU5}iuE)~0J3j6$1On5MLH|xZ
ze?bQ(`4_~)jV>h^mBE5z+RqWo{Oc4RgPMtnm1NW4{p;BR|M^WuviX%R9~aR^&iE`_
z;!j>+fF<#?56QCtW9lvz^DrWk%*23Ch3TL36&!fU)jHk$Yeg4c)0%IWA9?lgxMA>f
z13qYn@oz+}a<npUr4i*aR(^Z3z@_uWty8|(s55UBFDZ^2z!2y7uoTgEI9TU;ReI>j
zzH#jg)3c8Ju(V&>+{)>NTg?h|$V}8(61bzjz5V(vAXRjnS;J8&ii(={w*4!E>gab=
zw8RO}t9;eoD*rg~r>^rCExgJ+1mOw2!odm*+32Q`Xma;;bJ@gr=tO^B4zl`kszgfi
zRgpMj{x+^~8xQO`R8y~e7w9W_hko^w1AYrYynTA`=z=CKZr6@ybZd3_R*sftm!q7+
z+bCXLAdYu(1S&wQ!Q*ePQibFVCk}>uuwH0VRhi2=N3K8do;)jQ^xIZ|(jgx*K)6ri
zs<jL5`8@>Z-SHj*qZMzk9xWX=H<$S<R*N5_M{Rd^wt|W2(%9UK`mCxwgXHsVs(NR0
z5hG}ymUo=&7wh%2&jUdE;~5ahRx{Djoxeu;qUw3MpA?}~Ycey+{HEVrqOvafw~{gK
zz(PwXm$$xxUviU;G&>W{XQjYj#%=IyBbsSN>Nh0wJ^Jb_kS@hlknahH{qgSh0u)-L
zM@}Aa+>?ct&*rv0e%55uqno|sY5Y7u7AwNVmwhW?veqIl@IF8Bf(1noz67P6C9MA*
zkZYB?Mi!8;zXQxPDq7!2cB%-YAak|4M9QancVHH4n{cBvWR1Bi9lvSEYwq&!oehl8
zGCeTq^qEAL2tX!YWyzbLR}_yOWN*2S+&dnwnYjq`4~0H$n>Wloqn^agTiLjNpG-T}
zlJ7g7KnrgDtidLcQ~TENyelTn&;P>ZQ(ID6%_IZ>QgLOyT_iXbSX;|l?xc?T+`HG^
z-X_{JFX8a8FaQV&OArbuJSGtOX&v`>R|TJ_uugl-Dd_9WH)YWL{yiO;tQnvAfLRjC
zKnCsTQmXKr%|-e?5lHrMls;@6GKE6J5C7iF<d5<OIgYNPC3QSXfAcL9e<a;ODjFbP
zSR!p8*6ub$0T2}y6&DbGC?G1OD=G>R7KVsO@e@~J;iH!WV*epHxxBD@>GL0g2t+~x
zA}snZLH4#zAd$fL{|rbwCmRIP(#iEd9AXj?h`7YRoQ-5KH<1HSRn&x+!Yo4m2dgh=
ADF6Tf

literal 0
HcmV?d00001

diff --git a/server/api/article.get.ts b/server/api/article.get.ts
index 401511c..fcffe88 100644
--- a/server/api/article.get.ts
+++ b/server/api/article.get.ts
@@ -1,4 +1,3 @@
-import { join } from "node:path";
 import { getPost } from "~/composables/server/Post";
 import { createError, defineEventHandler } from "#imports";
 
diff --git a/tsconfig.json b/tsconfig.json
index 76e2dd5..0c38fad 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,4 +1,7 @@
 {
     // https://nuxt.com/docs/guide/concepts/typescript
-    "extends": "./.nuxt/tsconfig.json"
+    "extends": "./.nuxt/tsconfig.json",
+    "compilerOptions": {
+        "allowImportingTsExtensions": true
+    }
 }
diff --git a/types/posts.ts b/types/posts.ts
index 16bf64b..6e1feb4 100644
--- a/types/posts.ts
+++ b/types/posts.ts
@@ -2,6 +2,8 @@ export interface FrontMatter {
     title: string;
     description: string;
     image: string;
+    image_width?: number;
+    image_height?: number;
     created_at: string;
     private?: string;
     author: string;
@@ -12,7 +14,11 @@ export interface FrontMatter {
 export interface Post {
     title: string;
     description: string;
-    image: string;
+    image: {
+        url: string;
+        width?: number;
+        height?: number;
+    };
     banner?: string;
     author: Author;
     private: boolean;
diff --git a/types/schemas.ts b/types/schemas.ts
new file mode 100644
index 0000000..871e3d2
--- /dev/null
+++ b/types/schemas.ts
@@ -0,0 +1,16 @@
+import { defineImage, defineOrganization } from "#imports";
+
+export const logo = defineImage({
+    "@id": "https://versia.pub/#logo",
+    url: "https://cdn.versia.pub/branding/png/icon.png",
+    width: 1024,
+    height: 1024,
+    caption: "A couple of white stars on a pink rounded square.",
+});
+
+export const org = defineOrganization({
+    name: "Versia",
+    logo: logo["@id"],
+    url: "https://versia.pub",
+    sameAs: [],
+});