hq/bpist-squalk-forum
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix og:title for the homepage

Browse source
This commit is contained in:
dtonon 2026-08-28 17:28:13 +01:00
parent 8bacf1ccbf
commit bfad456d82
2 changed files with 21 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

23
src/lib/components/Meta.svelte
View file

@ -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"> <script lang="ts">
import { page } from "$app/state"; 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 = { type Props = {
title: string; title: string;
@ -25,9 +34,7 @@
jsonLd ? JSON.stringify(jsonLd).replace(/</g, "\\u003c") : "", jsonLd ? JSON.stringify(jsonLd).replace(/</g, "\\u003c") : "",
); );
const siteName = $derived( const site = $derived(siteName());
TITLE || (MODE === "simple" ? (groupStore.data?.name ?? GROUP_ID) : ""),
);
const canonical = $derived(page.url.origin + page.url.pathname); const canonical = $derived(page.url.origin + page.url.pathname);
</script> </script>
@ -41,8 +48,8 @@
<meta property="og:title" content={title} /> <meta property="og:title" content={title} />
<meta property="og:type" content={type} /> <meta property="og:type" content={type} />
<meta property="og:url" content={canonical} /> <meta property="og:url" content={canonical} />
{#if siteName} {#if site}
<meta property="og:site_name" content={siteName} /> <meta property="og:site_name" content={site} />
{/if} {/if}
{#if image} {#if image}
<meta property="og:image" content={image} /> <meta property="og:image" content={image} />

8
src/routes/+page.svelte
View file

@ -7,7 +7,7 @@
import { partialsStore } from "$lib/partials.svelte"; import { partialsStore } from "$lib/partials.svelte";
import { MODE, GROUP_ID, SEARCH_ENABLED } from "$lib/config"; import { MODE, GROUP_ID, SEARCH_ENABLED } from "$lib/config";
import SearchInline from "$lib/components/SearchInline.svelte"; 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 { groupStore } from "$lib/group.svelte";
import { excerpt } from "$lib/seo"; import { excerpt } from "$lib/seo";
import type { NostrUser } from "@nostr/gadgets/metadata"; import type { NostrUser } from "@nostr/gadgets/metadata";
@ -51,7 +51,11 @@
} }
</script> </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 })} {#snippet pic(a: { name: string; picture?: string })}
{#if a.picture} {#if a.picture}