From bfad456d8258aea96c167b01b3afc2d1618aafff Mon Sep 17 00:00:00 2001
From: dtonon <git@dtonon.com>
Date: Fri, 28 Aug 2026 17:28:13 +0100
Subject: [PATCH] Fix og:title for the homepage

---
 src/lib/components/Meta.svelte | 23 +++++++++++++++--------
 src/routes/+page.svelte        |  8 ++++++--
 2 files changed, 21 insertions(+), 10 deletions(-)

diff --git a/src/lib/components/Meta.svelte b/src/lib/components/Meta.svelte
index 6bc45e8..0dc429b 100644
--- a/src/lib/components/Meta.svelte
+++ b/src/lib/components/Meta.svelte
@@ -1,8 +1,17 @@
+<script module lang="ts">
+  import { TITLE, GROUP_ID, MODE } from "$lib/config";
+  import { groupStore } from "$lib/group.svelte";
+
+  // Forum name from the env, or the group name in simple mode.
+  export function siteName(): string {
+    return (
+      TITLE || (MODE === "simple" ? (groupStore.data?.name ?? GROUP_ID) : "")
+    );
+  }
+</script>
+
 <script lang="ts">
   import { page } from "$app/state";
-  import { TITLE } from "$lib/config";
-  import { groupStore } from "$lib/group.svelte";
-  import { GROUP_ID, MODE } from "$lib/config";
 
   type Props = {
     title: string;
@@ -25,9 +34,7 @@
     jsonLd ? JSON.stringify(jsonLd).replace(/</g, "\\u003c") : "",
   );
 
-  const siteName = $derived(
-    TITLE || (MODE === "simple" ? (groupStore.data?.name ?? GROUP_ID) : ""),
-  );
+  const site = $derived(siteName());
   const canonical = $derived(page.url.origin + page.url.pathname);
 </script>
 
@@ -41,8 +48,8 @@
   <meta property="og:title" content={title} />
   <meta property="og:type" content={type} />
   <meta property="og:url" content={canonical} />
-  {#if siteName}
-    <meta property="og:site_name" content={siteName} />
+  {#if site}
+    <meta property="og:site_name" content={site} />
   {/if}
   {#if image}
     <meta property="og:image" content={image} />
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 5613fde..0da9f16 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -7,7 +7,7 @@
   import { partialsStore } from "$lib/partials.svelte";
   import { MODE, GROUP_ID, SEARCH_ENABLED } from "$lib/config";
   import SearchInline from "$lib/components/SearchInline.svelte";
-  import Meta from "$lib/components/Meta.svelte";
+  import Meta, { siteName } from "$lib/components/Meta.svelte";
   import { groupStore } from "$lib/group.svelte";
   import { excerpt } from "$lib/seo";
   import type { NostrUser } from "@nostr/gadgets/metadata";
@@ -51,7 +51,11 @@
   }
 </script>
 
-<Meta title={MODE === "full" ? "Rooms" : "Discussions"} {description} {image} />
+<Meta
+  title={siteName() || (MODE === "full" ? "Rooms" : "Discussions")}
+  {description}
+  {image}
+/>
 
 {#snippet pic(a: { name: string; picture?: string })}
   {#if a.picture}