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
@@ -12,7 +12,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",
@@ -409,7 +409,7 @@
 
     "base-64": ["base-64@1.0.0", "", {}, "sha512-kwDPIFCGx0NZHog36dj+tHiwP4QMzsZ3AgMViUBKI0+V5n4U0ufTCUMhnQ04diaRI8EX/QcPfql7zlhZ7j4zgg=="],
 
-    "bits-ui": ["bits-ui@1.3.13", "", { "dependencies": { "@floating-ui/core": "^1.6.4", "@floating-ui/dom": "^1.6.7", "@internationalized/date": "^3.5.6", "esm-env": "^1.1.2", "runed": "^0.23.2", "svelte-toolbelt": "^0.7.1", "tabbable": "^6.2.0" }, "peerDependencies": { "svelte": "^5.11.0" } }, "sha512-0ysKdvHBIArfFBe+MYVAvu5OANOsivk+UJftdiW+e6lGHzf+EW/TZpLh69Vf0n8pYTjkH+33CHlVIImxTZRIMQ=="],
+    "bits-ui": ["bits-ui@1.3.14", "", { "dependencies": { "@floating-ui/core": "^1.6.4", "@floating-ui/dom": "^1.6.7", "@internationalized/date": "^3.5.6", "esm-env": "^1.1.2", "runed": "^0.23.2", "svelte-toolbelt": "^0.7.1", "tabbable": "^6.2.0" }, "peerDependencies": { "svelte": "^5.11.0" } }, "sha512-T4ClhH0eQmrhZ8uMfC8Q4WBcpygnfdVTfb/1Y/6PrYA5Fqv7HTLmK3B9NSv4DUbDXpuG4SiC2cPSXVUqsEA/aw=="],
 
     "boolbase": ["boolbase@1.0.0", "", {}, "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww=="],
 
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" />
