fix about default og:image

aster-void · aster-void · commit 32fae85a5864 · 2025-03-28T13:09:04.000+09:00
diff --git a/bun.lock b/bun.lock
diff --git a/package.json b/package.json
@@ -31,7 +31,7 @@
     "@tailwindcss/typography": "^0.5.16",
     "astro": "^5.5.5",
     "astro-icon": "^1.1.5",
-    "bits-ui": "^1.3.13",
+    "bits-ui": "^1.3.14",
     "daisyui": "^5.0.9",
     "date-fns": "^4.1.0",
     "markdown-to-txt": "^2.0.1",
diff --git a/src/layouts/GlobalLayout.astro b/src/layouts/GlobalLayout.astro
@@ -2,7 +2,6 @@
 import { ClientRouter } from "astro:transitions";
 import Footer from "+/components/Footer.astro";
 import Header from "+/components/Header.astro";
-import Logo from "+/images/logo/normal.svg";
 import type { Focus } from "+/schema";
 import Meta from "./meta.astro";
 
@@ -17,7 +16,7 @@ const { title, description, focus, image } = Astro.props;
 ---
 
 <html lang="ja" class="bg-gray-50 text-gray-800" data-theme="light">
-  <Meta {title} {description} image={image ?? Logo} />
+  <Meta {title} {description} image={image} />
   <body class="min-h-full w-full">
     <style is:global>
       @import "+/global.css";
diff --git a/src/layouts/meta.astro b/src/layouts/meta.astro
@@ -3,7 +3,7 @@ interface Props {
   title: string | null;
   description: string | null;
   keywords?: string[];
-  image: ImageMetadata;
+  image: ImageMetadata | null;
 }
 const { title, description, keywords = [], image } = Astro.props;
 const url = Astro.url.href;
@@ -22,7 +22,7 @@ const url = Astro.url.href;
 <meta property="og:site_name" content="ut.code();" />
 <meta property="og:title" content={title} />
 {description && <meta property="og:description" content={description} />}
-<meta property="og:image" content={image.src} />
+<meta property="og:image" content={image?.src ?? "/utcode-logo/normal.svg"} />
 <meta property="og:url" content={url} />
 <meta property="og:locale" content="ja_JP" />
 <meta name="twitter:card" content="summary_large_image" />
