From f5353487519345ba469b5de78a6c16b787584fb3 Mon Sep 17 00:00:00 2001
From: genj11 <kanno@stanfoot.com>
Date: Tue, 1 Apr 2025 22:19:05 +0900
Subject: [PATCH 1/2] fix: add basePath on Header Logo Link

---
 packages/ui/components/common/Header.vue   | 2 +-
 packages/ui/components/common/SpHeader.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/ui/components/common/Header.vue b/packages/ui/components/common/Header.vue
index ad112f6e..7ea02935 100644
--- a/packages/ui/components/common/Header.vue
+++ b/packages/ui/components/common/Header.vue
@@ -16,7 +16,7 @@ const { headerRef } = useHeader()
 <template>
   <header ref="headerRef" :style="{ top }">
     <div class="header-root">
-      <a class="link" href="/" aria-label="Vue Fes Japan 2024">
+      <a class="link" href="/2024/" aria-label="Vue Fes Japan 2024">
         <Logo class="logo" color="vue-blue" />
       </a>
       <slot />
diff --git a/packages/ui/components/common/SpHeader.vue b/packages/ui/components/common/SpHeader.vue
index 8899ea91..74ca7a39 100644
--- a/packages/ui/components/common/SpHeader.vue
+++ b/packages/ui/components/common/SpHeader.vue
@@ -16,7 +16,7 @@ const { headerRef } = useHeader()
 <template>
   <header ref="headerRef" :style="{ top }">
     <div class="header-root">
-      <a class="link" href="/" aria-label="Vue Fes Japan 2024">
+      <a class="link" href="/2024/" aria-label="Vue Fes Japan 2024">
         <Logo class="logo" color="vue-blue" />
       </a>
       <slot />

From db535ce0c0e912e28c3668aa694142185688b648 Mon Sep 17 00:00:00 2001
From: genj11 <kanno@stanfoot.com>
Date: Tue, 1 Apr 2025 22:31:36 +0900
Subject: [PATCH 2/2] feat: switch basePath using environment variable

---
 packages/ui/components/common/Header.vue   | 3 ++-
 packages/ui/components/common/SpHeader.vue | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/ui/components/common/Header.vue b/packages/ui/components/common/Header.vue
index 7ea02935..6ca7545a 100644
--- a/packages/ui/components/common/Header.vue
+++ b/packages/ui/components/common/Header.vue
@@ -11,12 +11,13 @@ withDefaults(defineProps<HeaderProps>(), {
 })
 
 const { headerRef } = useHeader()
+const siteRoot = process.env.NODE_ENV === 'production' ? '/2024/' : '/'
 </script>
 
 <template>
   <header ref="headerRef" :style="{ top }">
     <div class="header-root">
-      <a class="link" href="/2024/" aria-label="Vue Fes Japan 2024">
+      <a class="link" :href="siteRoot" aria-label="Vue Fes Japan 2024">
         <Logo class="logo" color="vue-blue" />
       </a>
       <slot />
diff --git a/packages/ui/components/common/SpHeader.vue b/packages/ui/components/common/SpHeader.vue
index 74ca7a39..1a54dd33 100644
--- a/packages/ui/components/common/SpHeader.vue
+++ b/packages/ui/components/common/SpHeader.vue
@@ -11,12 +11,13 @@ withDefaults(defineProps<HeaderProps>(), {
 })
 
 const { headerRef } = useHeader()
+const siteRoot = process.env.NODE_ENV === 'production' ? '/2024/' : '/'
 </script>
 
 <template>
   <header ref="headerRef" :style="{ top }">
     <div class="header-root">
-      <a class="link" href="/2024/" aria-label="Vue Fes Japan 2024">
+      <a class="link" :href="siteRoot" aria-label="Vue Fes Japan 2024">
         <Logo class="logo" color="vue-blue" />
       </a>
       <slot />