feat(Sessions): apply format

Author: staticWagomU

2025/src/components/Sessions/Session.astro

@@ -11,19 +11,22 @@ type Props = {
   image_url?: string;
 };
 
-const { speaker_name, title, abstract, self_introduction, image_url } = Astro.props;
+const { speaker_name, title, abstract, self_introduction, image_url } =
+  Astro.props;
 ---
 
-<Card class="p-8 mb-5">
+<Card class="mb-5 p-8">
   <div class="flex flex-col items-center gap-6 md:flex-row md:items-start">
     <div class="flex-shrink-0">
       <span
         class="relative flex h-24 w-24 shrink-0 overflow-hidden rounded-full md:h-32 md:w-32"
       >
-        <img 
-          class="aspect-square h-full w-full text-center object-cover" 
+        <img
+          class="aspect-square h-full w-full object-cover text-center"
           alt={speaker_name}
-          src={image_url || 'https://via.placeholder.com/150?text=' + encodeURIComponent(speaker_name.charAt(0))}
+          src={image_url ||
+            "https://via.placeholder.com/150?text=" +
+              encodeURIComponent(speaker_name.charAt(0))}
         /></span
       >
     </div>

2025/src/components/Sessions/index.astro

@@ -14,13 +14,17 @@ const sessionsWithImages = await Promise.all(
       ...session.data,
       image_url: await getSessionImageUrl(session.data.session_id),
     },
-  }))
+  })),
 );
 ---
 
 <section id="sessions" class="bg-white py-10 md:py-16">
   <div class="container mx-auto px-4">
     <Heading>セッション一覧</Heading>
-    {sessionsWithImages.sort((a, b) => a.data.start_at.getTime() - b.data.start_at.getTime()).map((session) => <Session {...session.data} />)}
+    {
+      sessionsWithImages
+        .sort((a, b) => a.data.start_at.getTime() - b.data.start_at.getTime())
+        .map((session) => <Session {...session.data} />)
+    }
   </div>
 </section>

2025/src/components/Sessions/index.ts

@@ -1,27 +1,27 @@
-import type { ImageMetadata } from 'astro';
+import type { ImageMetadata } from "astro";
 
 const images = import.meta.glob<{ default: ImageMetadata }>(
-  '/src/assets/sessions/*.{png,jpg}'
+  "/src/assets/sessions/*.{png,jpg}",
 );
 
 export async function getSessionImageUrl(sessionId: string): Promise<string> {
   // ファイル名とsession_idのマッピング
   const imageFiles: Record<string, string> = {
-    'atusy': 'atusy.jpg',
-    'hrsh7th': 'hrsh7th.png',
-    'kawarimidoll': 'kawarimidoll.png',
-    'kuuote': 'kuuote.png',
-    'Λlisue': 'lambdalisue.png',
-    'mikoto2000': 'mikoto2000.png',
-    'rbtnn': 'rbtnn.jpg',
-    'satoru_kitaguchi_register': 'satorunooshie.png',
-    'satoru_kitaguchi_dot': 'satorunooshie.png',
-    'teppei22': 'teppei22.jpg',
+    atusy: "atusy.jpg",
+    hrsh7th: "hrsh7th.png",
+    kawarimidoll: "kawarimidoll.png",
+    kuuote: "kuuote.png",
+    Λlisue: "lambdalisue.png",
+    mikoto2000: "mikoto2000.png",
+    rbtnn: "rbtnn.jpg",
+    satoru_kitaguchi_register: "satorunooshie.png",
+    satoru_kitaguchi_dot: "satorunooshie.png",
+    teppei22: "teppei22.jpg",
   };
 
   const fileName = imageFiles[sessionId];
   if (!fileName) {
-    return '';
+    return "";
   }
 
   const imagePath = `/src/assets/sessions/${fileName}`;
@@ -30,7 +30,5 @@ export async function getSessionImageUrl(sessionId: string): Promise<string> {
     return imageModule.default.src;
   }
 
-  return '';
+  return "";
 }
-
-