From 6b113af7651aec17fe5021f38ecf8a42c6d743ce Mon Sep 17 00:00:00 2001
From: jiyuujin <jiyuujinunite@gmail.com>
Date: Fri, 24 May 2024 22:30:10 +0900
Subject: [PATCH 1/2] apply LocaleSwitch

---
 apps/web/app/components/GlobalHeader.vue       | 15 ++++++++++++---
 packages/ui/components/common/Header.vue       |  1 +
 packages/ui/components/common/LocaleSwitch.vue | 16 +++++++++-------
 packages/ui/components/common/SpHeader.vue     |  1 +
 4 files changed, 23 insertions(+), 10 deletions(-)

diff --git a/apps/web/app/components/GlobalHeader.vue b/apps/web/app/components/GlobalHeader.vue
index 5662bd4d..2d9ec206 100644
--- a/apps/web/app/components/GlobalHeader.vue
+++ b/apps/web/app/components/GlobalHeader.vue
@@ -1,10 +1,19 @@
 <script setup lang="ts">
-import { useDevice } from '#imports'
+import { useDevice, useRouter } from '#imports'
 
 const { isMobile } = useDevice()
+const router = useRouter()
+
+const handle = (path: string) => {
+  router.push(path)
+}
 </script>
 
 <template>
-  <VFSpHeader v-if="isMobile" />
-  <VFHeader v-if="!isMobile" />
+  <VFSpHeader v-if="isMobile">
+    <VFLocaleSwitch :router @toggle="handle" />
+  </VFSpHeader>
+  <VFHeader v-if="!isMobile">
+    <VFLocaleSwitch :router @toggle="handle" />
+  </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/LocaleSwitch.vue b/packages/ui/components/common/LocaleSwitch.vue
index abd509f2..b26de1a0 100644
--- a/packages/ui/components/common/LocaleSwitch.vue
+++ b/packages/ui/components/common/LocaleSwitch.vue
@@ -1,37 +1,39 @@
 <script setup lang="ts">
 import { onMounted, ref, watch } from 'vue'
-import { useRouter } from 'vue-router'
+import { type Router } from 'vue-router'
 
 const LANGUAGES = {
   JAPANESE: 'ja',
   ENGLISH: 'en',
 } as const
 
-const router = useRouter()
+const props = defineProps<{ router: Router }>()
+const emits = defineEmits<{ toggle: [value: string] }>()
+
 const isLoaded = ref(false)
 const isChecked = ref(false)
 
 const getPath = () => {
   if (isChecked.value) {
-    return `/${LANGUAGES.ENGLISH}${router.currentRoute.value.path}`
+    return `/${LANGUAGES.ENGLISH}${props.router.currentRoute.value.path}`
   }
-  return router.currentRoute.value.path.replace(`/${LANGUAGES.ENGLISH}`, '')
+  return props.router.currentRoute.value.path.replace(`/${LANGUAGES.ENGLISH}`, '')
 }
 const setSwitchStatus = () => {
-  isChecked.value = router.currentRoute.value.path.includes(`/${LANGUAGES.ENGLISH}/`)
+  isChecked.value = props.router.currentRoute.value.path.includes(`/${LANGUAGES.ENGLISH}`)
 }
 
 const toggleStatus = () => {
   isChecked.value = !isChecked.value
   const path = getPath()
-  router.push(path)
+  emits('toggle', path)
 }
 onMounted(() => {
   setSwitchStatus()
   isLoaded.value = true
 })
 watch(
-  () => router.currentRoute.value.path,
+  () => props.router.currentRoute.value.path,
   () => {
     setSwitchStatus()
   },
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>

From 0e0bf5bf2da1089ff088ffd5ad5f99f10024e2c5 Mon Sep 17 00:00:00 2001
From: jiyuujin <jiyuujinunite@gmail.com>
Date: Mon, 27 May 2024 09:54:56 +0900
Subject: [PATCH 2/2] trailingSlash test

---
 apps/web/nuxt.config.ts | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/apps/web/nuxt.config.ts b/apps/web/nuxt.config.ts
index 47758294..ee648bcc 100644
--- a/apps/web/nuxt.config.ts
+++ b/apps/web/nuxt.config.ts
@@ -94,6 +94,14 @@ export default defineNuxtConfig({
       const supabaseKey = process.env.SUPABASE_KEY
       if (!supabaseUrl || !supabaseKey) return
     },
+    'prerender:routes': (context) => {
+      for (const path of [...context.routes]) {
+        if (!path.endsWith('.html') && path !== '/') {
+          context.routes.delete(path)
+          context.routes.add(`${path}/`)
+        }
+      }
+    },
   },
   build: {
     transpile: ['vue-toastification'],