From 412351139876109891cd11f2ba720913d7aca881 Mon Sep 17 00:00:00 2001
From: jiyuujin <jiyuujinunite@gmail.com>
Date: Fri, 24 May 2024 09:35:56 +0900
Subject: [PATCH] apply LocaleSwitch

---
 apps/web/app/components/GlobalHeader.vue   | 8 ++++++--
 packages/ui/components/common/Header.vue   | 1 +
 packages/ui/components/common/SpHeader.vue | 1 +
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/apps/web/app/components/GlobalHeader.vue b/apps/web/app/components/GlobalHeader.vue
index 5662bd4d..2b2c7ec6 100644
--- a/apps/web/app/components/GlobalHeader.vue
+++ b/apps/web/app/components/GlobalHeader.vue
@@ -5,6 +5,10 @@ const { isMobile } = useDevice()
 </script>
 
 <template>
-  <VFSpHeader v-if="isMobile" />
-  <VFHeader v-if="!isMobile" />
+  <VFSpHeader v-if="isMobile">
+    <VFLocaleSwitch />
+  </VFSpHeader>
+  <VFHeader v-if="!isMobile">
+    <VFLocaleSwitch />
+  </VFHeader>
 </template>
diff --git a/packages/ui/components/common/Header.vue b/packages/ui/components/common/Header.vue
index d96f6bfb..ad112f6e 100644
--- a/packages/ui/components/common/Header.vue
+++ b/packages/ui/components/common/Header.vue
@@ -19,6 +19,7 @@ const { headerRef } = useHeader()
       <a class="link" href="/" aria-label="Vue Fes Japan 2024">
         <Logo class="logo" color="vue-blue" />
       </a>
+      <slot />
     </div>
   </header>
 </template>
diff --git a/packages/ui/components/common/SpHeader.vue b/packages/ui/components/common/SpHeader.vue
index 70b84db0..9a9fdc09 100644
--- a/packages/ui/components/common/SpHeader.vue
+++ b/packages/ui/components/common/SpHeader.vue
@@ -20,6 +20,7 @@ const { color } = useColor()
       <a class="link" href="/" aria-label="Vue Fes Japan 2024">
         <Logo class="logo" color="vue-blue" />
       </a>
+      <slot />
     </div>
   </header>
 </template>