From 7f6986a2b36eaf407828a86c555430f07dca055c Mon Sep 17 00:00:00 2001
From: Arnaud Gissinger <agissing@student.42.fr>
Date: Mon, 13 Jul 2026 15:54:23 +0200
Subject: [PATCH] fix: keep takumi OG image <p> content inline, exclude from
 vize fmt

The URL line rendered by takumi/satori is whitespace-sensitive: letting
vize fmt break `<p>communityfix.org</p>` onto its own line makes the
surrounding whitespace render (e.g. underline stretched past the text).
Add `**/*.takumi.vue` to vize.config ignores so the formatter leaves
these hand-tuned components alone.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 app/components/OgImage/Community.takumi.vue | 5 ++---
 app/components/OgImage/Editorial.takumi.vue | 5 ++---
 app/components/OgImage/Home.takumi.vue      | 5 ++---
 vize.config.ts                              | 5 +++++
 4 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/app/components/OgImage/Community.takumi.vue b/app/components/OgImage/Community.takumi.vue
index f9565a5..076469b 100644
--- a/app/components/OgImage/Community.takumi.vue
+++ b/app/components/OgImage/Community.takumi.vue
@@ -36,9 +36,8 @@ const idLabel = computed(() => {
   <div style="display:flex;flex-direction:column;width:1200px;height:600px;background-color:#f9fafb;">
     <div style="display:flex;flex:1;flex-direction:column;padding:56px;">
       <div style="display:flex;flex-direction:row;width:1088px;align-items:flex-start;justify-content:space-between;gap:32px;">
-        <p class="block font-mono text-[34px] leading-none font-normal text-[#404040] underline decoration-primary decoration-[3px]">
-          communityfix.org
-        </p>
+        <!-- eslint-disable-next-line vue/singleline-html-element-content-newline -->
+        <p class="block font-mono text-[34px] leading-none font-normal text-[#404040] underline decoration-primary decoration-[3px]">communityfix.org</p>
         <div style="display:flex;flex-direction:column;align-items:flex-end;">
           <p style="display:block;margin:0;font-family:Oswald;font-size:26px;line-height:1;font-weight:500;letter-spacing:3px;text-transform:uppercase;color:#6b7280;">
             {{ kind }}
diff --git a/app/components/OgImage/Editorial.takumi.vue b/app/components/OgImage/Editorial.takumi.vue
index 86b7ec1..cad5e94 100644
--- a/app/components/OgImage/Editorial.takumi.vue
+++ b/app/components/OgImage/Editorial.takumi.vue
@@ -17,9 +17,8 @@ withDefaults(
   <div style="display:flex;flex-direction:column;width:1200px;height:600px;background-color:#f9fafb;">
     <div style="display:flex;flex:1;flex-direction:column;padding:56px;">
       <div style="display:flex;flex-direction:row;width:1088px;align-items:flex-start;justify-content:space-between;gap:32px;">
-        <p class="block font-mono text-[34px] leading-none font-normal text-[#404040] underline decoration-primary decoration-[3px]">
-          communityfix.org
-        </p>
+        <!-- eslint-disable-next-line vue/singleline-html-element-content-newline -->
+        <p class="block font-mono text-[34px] leading-none font-normal text-[#404040] underline decoration-primary decoration-[3px]">communityfix.org</p>
         <p style="display:block;margin:0;font-family:Oswald;font-size:30px;line-height:1;font-weight:500;letter-spacing:4px;text-transform:uppercase;color:#3b82f6;">
           {{ category }}
         </p>
diff --git a/app/components/OgImage/Home.takumi.vue b/app/components/OgImage/Home.takumi.vue
index 1571743..2f8f370 100644
--- a/app/components/OgImage/Home.takumi.vue
+++ b/app/components/OgImage/Home.takumi.vue
@@ -6,9 +6,8 @@ defineOptions({ inheritAttrs: false })
 <template>
   <div style="display:flex;flex-direction:column;width:1200px;height:600px;background-color:#f9fafb;">
     <div style="display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;">
-      <p class="block font-mono text-[104px] leading-none font-normal text-[#111827] underline decoration-primary decoration-10">
-        communityfix.org
-      </p>
+      <!-- eslint-disable-next-line vue/singleline-html-element-content-newline -->
+      <p class="block font-mono text-[104px] leading-none font-normal text-[#111827] underline decoration-primary decoration-10">communityfix.org</p>
     </div>
     <div style="width:1200px;height:28px;background-color:#3b82f6;" />
   </div>
diff --git a/vize.config.ts b/vize.config.ts
index 06963de..7a30793 100644
--- a/vize.config.ts
+++ b/vize.config.ts
@@ -32,5 +32,10 @@ export default defineConfig({
     // own format on every db:generate — leave them alone so a new migration
     // doesn't trip fmt --check.
     'server/database/migrations',
+    // OG image components rendered by takumi/satori, where whitespace is
+    // significant: the formatter would break tight <p>content</p> onto its own
+    // line, and the leading/trailing whitespace then renders (e.g. an
+    // underline stretched past the text). Keep these hand-tuned as authored.
+    '**/*.takumi.vue',
   ],
 })