fix: add basePath on TopPageSection links & remove basePath on GlobalHeader

Author: genj11

apps/web/app/components/GlobalHeader.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useRuntimeConfig, useWithBase } from '#imports'
+import { useRuntimeConfig } from '#imports'
 import { useI18n } from '#i18n'
 import { useNav } from '~/composables/useNav'
 import { useScreenOrientation, useWindowSize } from '@vueuse/core'
@@ -36,10 +36,8 @@ const toggleMenu = () => {
   showMenu.value = !showMenu.value
 }
 
-const withBase = useWithBase()
 const getAnchorPath = computed(
-  () => (anchor: string) =>
-    locale.value === 'ja' ? withBase(`/${anchor}`) : withBase(`en/${anchor}`),
+  () => (anchor: string) => (locale.value === 'ja' ? `/${anchor}` : `/en/${anchor}`),
 )
 </script>
 

apps/web/app/components/TopPageSection.vue

@@ -1,11 +1,15 @@
 <script setup lang="ts">
 import { useI18n } from '#i18n'
 import { computed } from 'vue'
+import { useWithBase } from '#imports'
 
 const { locale } = useI18n()
 
+const withBase = useWithBase()
+
 const getAnchorPath = computed(
-  () => (anchor: string) => (locale.value === 'ja' ? `/${anchor}` : `/en/${anchor}`),
+  () => (anchor: string) =>
+    locale.value === 'ja' ? withBase(`/${anchor}`) : withBase(`/en/${anchor}`),
 )
 </script>