From 5c6d4c3b41cc0b6332967a3e96ec892216e49554 Mon Sep 17 00:00:00 2001
From: taskylizard <75871323+taskylizard@users.noreply.github.com>
Date: Mon, 30 Jun 2025 14:51:52 +0000
Subject: [PATCH] feat: new og image

---
 .mise.toml                            |   3 ++-
 docs/.vitepress/hooks/Template.vue    |  23 ++++-------------------
 docs/.vitepress/hooks/opengraph.ts    |   7 ++++---
 docs/.vitepress/hooks/satoriConfig.ts |   8 +++++---
 package.json                          |   7 +++++--
 pnpm-lock.yaml                        | Bin 262981 -> 262981 bytes
 6 files changed, 20 insertions(+), 28 deletions(-)

diff --git a/.mise.toml b/.mise.toml
index 5d3cdd5a1..e71cb5c92 100644
--- a/.mise.toml
+++ b/.mise.toml
@@ -1,6 +1,7 @@
 # https://github.com/vitejs/vite/issues/17291
 [tools]
-node = "21"
+node = "latest"
+pnpm = "latest"
 
 [tasks]
 d = "nrr docs:dev --host"
diff --git a/docs/.vitepress/hooks/Template.vue b/docs/.vitepress/hooks/Template.vue
index e309fd885..da9211919 100644
--- a/docs/.vitepress/hooks/Template.vue
+++ b/docs/.vitepress/hooks/Template.vue
@@ -1,28 +1,13 @@
 <script setup lang="ts">
-defineProps<{ title: string; description?: string }>()
+defineProps<{ title: string; description?: string; image?: string }>()
 </script>
 
 <template>
   <span
     tw="w-full h-full bg-black flex flex-col"
-    style="
-      background-image: linear-gradient(
-        43deg,
-        #b794f4 2%,
-        #b18df2 7.5%,
-        #ab87ef 13%,
-        #9f7aea 24%,
-        #8c6ee2 32%,
-        #7864d8 40%,
-        #4c51bf 56%,
-        #4949ae 60.5%,
-        #46419b 65%,
-        #3c366b 74%,
-        #2f315d 80.5%,
-        #272d47 87%,
-        #1a202c 100%
-      );
-    "
+    :style="{
+      backgroundImage: `url(${image})`
+    }"
   >
     <span
       tw="p-10 w-full min-h-0 grow flex flex-col items-center justify-between"
diff --git a/docs/.vitepress/hooks/opengraph.ts b/docs/.vitepress/hooks/opengraph.ts
index f37423801..3bbd78417 100644
--- a/docs/.vitepress/hooks/opengraph.ts
+++ b/docs/.vitepress/hooks/opengraph.ts
@@ -102,12 +102,13 @@ async function generateImage({
 
   // consola.info(url, title, description)
   const options: SatoriOptions = {
-    width: 1200,
-    height: 628,
+    width: 1800,
+    height: 900,
     fonts,
     props: {
       title,
-      description
+      description,
+      image: 'https://i.fmhy.net/og-base.jpg'
     }
   }
 
diff --git a/docs/.vitepress/hooks/satoriConfig.ts b/docs/.vitepress/hooks/satoriConfig.ts
index de5fad368..4c7a73f0d 100644
--- a/docs/.vitepress/hooks/satoriConfig.ts
+++ b/docs/.vitepress/hooks/satoriConfig.ts
@@ -51,13 +51,15 @@ const fonts: SatoriOptions['fonts'] = [
 ]
 
 export default defineSatoriConfig({
-  width: 1200,
-  height: 628,
+  width: 1800,
+  height: 900,
   fonts,
   props: {
     title: 'Title',
     description:
       'Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.',
-    dir: '/j'
+    dir: '/j',
+    // I almost killed myself for this shit
+    image: 'https://i.fmhy.net/og-base.jpg'
   }
 })
diff --git a/package.json b/package.json
index 164caa72d..90955bb61 100644
--- a/package.json
+++ b/package.json
@@ -17,7 +17,7 @@
     "docs:preview": "vitepress preview docs/",
     "format": "prettier -w --cache --check .",
     "licenser": "deno run --allow-read jsr:@kt3k/license-checker@3.3.1/main",
-    "og:dev": "x-satori -t ./docs/.vitepress/hooks/Template.vue -c ./.vitepress/hooks/satoriConfig.ts --dev"
+    "og:dev": "x-satori -t ./docs/.vitepress/hooks/Template.vue -c ./docs/.vitepress/hooks/satoriConfig.ts --dev"
   },
   "dependencies": {
     "@fmhy/colors": "^0.0.11",
@@ -75,6 +75,9 @@
         "@algolia/client-search",
         "search-insights"
       ]
-    }
+    },
+    "onlyBuiltDependencies": [
+      "vue-demi"
+    ]
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 104008976c598b47975eee1033821f3528ac9871..107c5df1bf0fbe7bf19f74e5d58b096adf440d03 100644
GIT binary patch
delta 291
zcmX@wCUCS(pkWK+{Eq1p*_bpUT%ENI@<V+i4TB1EP5jM#e2UVuN+Mm#lEWfHD$SEK
zT=INP0?iGK4N3w`yvwtUOZ5wa%+doaE7S7|jGVoEy-nQ<wJigU@(Xi|+`JsC3=CZ&
zvdV33r!P!o7T<2x$$0qr^sYjt7OtF<qQs1n+#CnP=?fwlHN%1|)12}w4Z=daiV6#T
zT*@nb3o^7l-1AZ`QVSyuGXv5hGXkojipsnTJk!dv!=sXtBXiOUijypyEK@?toYD#^
z4fQh$9bL@BGc8=b(*i70Eviz=x3d*7O?}U3vVBe>^VtMuGd+XpIfs}}GMY@UJ;toG
hJ>oF)XAucwD~0M>E-nRyQiP-QfJ(O~-(Y^E1puxpW!V4#

delta 262
zcmV+h0r~#Lh7iSu5P-A+pNN;TmjNhPQE*IiIYc>jIcq_3b~J2eL`7$3F<38WPBmCe
zZe}k*Hf%X#b2w8_T1-+}QZrg>Svf0fcS%uHcx@|Yb5mt%HC0VnM@2YhWN%?wR!Kr^
zaYry%RChf+m!V+;7q>Qv0mJ8)B4q(4R&i)FZ9-;dXl!d~Sa(E0Pk44yM|fyVFi}NO
zb5vq(P&q<xdQVF;Pgzh!M|MzlWLJ82K~-T`PIOgMO=M1UOGI>ad1^&sc~(_WMp`v8
zQ&UW6OmTOY<ZuF+w+?awjqd?7x13=E&0qsHE;5&F!UM?xGnakF10uIr!vpga0Wz00
M*aIN9Y}f<YD$>1Png9R*