SocialShare: X投稿のキャプションをページごとに生成

2 files changed, 13 insertions, 7 deletions

diff --git a/src/components/SocialShare.astro b/src/components/SocialShare.astro
index f3be8e8..a375884 100644
--- a/src/components/SocialShare.astro
+++ b/src/components/SocialShare.astro
@@ -2,7 +2,7 @@
 export interface Props {
   /** Page URL (defaults to current page) */
   url?: string;
-  /** Page title */
+  /** 共有時のキャプション（ページを表す文言） */
   title?: string;
 }
 
@@ -11,12 +11,11 @@ const pageUrl = url ?? Astro.url.href;
 const pageTitle = title ?? "";
 
 const encodedUrl = encodeURIComponent(pageUrl);
-const encodedTitle = encodeURIComponent(pageTitle);
-const siteCredits = encodeURIComponent("小平市議 安竹洋平");
+const siteCredits = "小平市議 安竹洋平";
 
-const xText = encodedTitle
-    ? `${encodedTitle}%20%7C%20${siteCredits}`
-    : siteCredits;
+const xText = encodeURIComponent(
+  pageTitle ? `${siteCredits}　${pageTitle}` : siteCredits,
+);
 
 const SHARE_LINKS = [
   {
diff --git a/src/components/starlight/Footer.astro b/src/components/starlight/Footer.astro
index 7c3871c..5b59d09 100644
--- a/src/components/starlight/Footer.astro
+++ b/src/components/starlight/Footer.astro
@@ -5,10 +5,17 @@ import Pagination from 'virtual:starlight/components/Pagination';
 import config from 'virtual:starlight/user-config';
 import { Icon } from '@astrojs/starlight/components';
 import SocialShare from '../SocialShare.astro';
+import { shareCaption } from '../../utils/share-caption';
+
+const route = Astro.locals.starlightRoute;
+const caption = shareCaption(
+  route.entry?.slug || route.id || '',
+  route.entry?.data?.title,
+);
 ---
 
 <footer class="sl-flex">
-  <SocialShare />
+  <SocialShare title={caption} />
 
   <div class="meta sl-flex">
     <EditLink />