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

fix: add basePath on return-top-link

Author: genj11

Diff for: apps/web/app/error.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useHead } from '#imports'
+import { useHead, useWithBase } from '#imports'
 import { useColor, useTypography } from '@vuejs-jp/composable'
 import { conferenceTitle } from '~/utils/constants'
 import { generalOg, twitterOg } from '~/utils/og.constants'
@@ -13,6 +13,7 @@ const props = defineProps<ErrorProps>()
 
 const { fontWeight, fontSize } = useTypography()
 const { color } = useColor()
+const withBase = useWithBase()
 
 useHead({
   // eslint-disable-next-line no-unused-vars
@@ -49,7 +50,7 @@ useHead({
         background-color="white"
         color="vue-blue"
         target=""
-        href="/"
+        :href="withBase('/')"
       >
         {{ $t('back_to_top') }}
       </VFLinkButton>

Diff for: apps/web/app/pages/code-of-conduct.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useHead } from '#imports'
+import { useHead, useWithBase } from '#imports'
 import { useColor, useTypography } from '@vuejs-jp/composable'
 import { useLocaleCurrent } from '~/composables/useLocaleCurrent'
 import { conferenceTitle, linkUrl, ogCoCDescription } from '~/utils/constants'
@@ -27,6 +27,7 @@ useHead({
 const { path: localePath } = useLocaleCurrent()
 const { fontWeight, fontSize } = useTypography()
 const { color } = useColor()
+const withBase = useWithBase()
 </script>
 
 <template>
@@ -58,7 +59,7 @@ const { color } = useColor()
         background-color="white"
         color="vue-blue"
         target=""
-        :href="`${localePath}/`"
+        :href="withBase(`${localePath}/`)"
       >
         {{ $t('back_to_top') }}
       </VFLinkButton>

Diff for: apps/web/app/pages/tokusho.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useHead } from '#imports'
+import { useHead, useWithBase } from '#imports'
 import { useColor, useTypography } from '@vuejs-jp/composable'
 import { useLocaleCurrent } from '~/composables/useLocaleCurrent'
 import { conferenceTitle, linkUrl, ogTokushoDescription } from '~/utils/constants'
@@ -27,6 +27,7 @@ useHead({
 const { path: localePath } = useLocaleCurrent()
 const { fontWeight, fontSize } = useTypography()
 const { color } = useColor()
+const withBase = useWithBase()
 </script>
 
 <template>
@@ -58,7 +59,7 @@ const { color } = useColor()
         background-color="white"
         color="vue-blue"
         target=""
-        :href="`${localePath}/`"
+        :href="withBase(`${localePath}/`)"
       >
         {{ $t('back_to_top') }}
       </VFLinkButton>