Merge pull request #386 from vuejs-jp/fix/add-baseurl

WIP: fix: add baseURL on TopPageSection links

Author: genj11

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>
 

apps/web/app/composables/useWithBase.ts

@@ -0,0 +1,11 @@
+import { useRuntimeConfig } from '#app'
+
+export function useWithBase() {
+  const baseUrl = useRuntimeConfig().app.baseURL
+
+  function withBase(path: string) {
+    return (baseUrl + path).replace(/\/\//g, '/')
+  }
+
+  return withBase
+}