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

Fix/add baseurl

Author: genj11

apps/web/app/components/FooterPageSection.vue

@@ -2,7 +2,7 @@
 import { useI18n } from '#i18n'
 import { useColor, useTypography } from '@vuejs-jp/composable'
 import { useLocaleCurrent } from '~/composables/useLocaleCurrent'
-
+import { useWithBase } from '#imports'
 //#region types
 type LinkList = {
   href: string
@@ -15,6 +15,7 @@ const { t } = useI18n()
 const { path: localePath } = useLocaleCurrent()
 const { color } = useColor()
 const { fontSize } = useTypography()
+const withBase = useWithBase()
 //#endregion
 
 //#region private variables
@@ -38,19 +39,19 @@ const snsLinkList: LinkList[] = [
 ]
 const internalLinkList: LinkList[] = [
   {
-    href: '/events',
+    href: withBase('/events'),
     text: 'related_events.title',
   },
   {
-    href: '/privacy',
+    href: withBase('/privacy'),
     text: 'privacy.title',
   },
   {
-    href: '/code-of-conduct',
+    href: withBase('/code-of-conduct'),
     text: 'code_of_conduct.title',
   },
   {
-    href: '/tokusho',
+    href: withBase('/tokusho'),
     text: 'tokusho.title',
   },
 ]

apps/web/app/components/SponsorPageSection.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { useI18n } from '#i18n'
-import { useLocaleCurrent, useRuntimeConfig } from '#imports'
+import { useLocaleCurrent, useRuntimeConfig, useWithBase } from '#imports'
 import { useColor, useTypography } from '@vuejs-jp/composable'
 import { useTranslation } from '@/composables/useTranslation'
 import SponsorList from './sponsor/SponsorList.vue'
@@ -22,6 +22,8 @@ const { translate } = useTranslation()
 
 const currentLocale = useLocaleCurrent().locale
 
+const withBase = useWithBase()
+
 // const periodStart = {
 //   prefixYear: t('prefix_year'),
 //   date: t('sponsor.start_date'),
@@ -169,10 +171,7 @@ const personalSponsorInfo: PersonalSponsorInfo = {
         <SponsorList v-bind="simultaneousInterpretationSponsors" />
         <SponsorList v-bind="childcareSponsors" />
       </div>
-      <SponsorList
-        v-if="handsonSponsors.list.length !== 0"
-        v-bind="handsonSponsors"
-      />
+      <SponsorList v-if="handsonSponsors.list.length !== 0" v-bind="handsonSponsors" />
       <SponsorList v-bind="mediaSponsors" />
       <SponsorList v-bind="toolSponsors" />
       <SponsorList
@@ -187,7 +186,7 @@ const personalSponsorInfo: PersonalSponsorInfo = {
       <div class="sponsor-buttons">
         <VFLinkButton
           class="sponsor-button"
-          :href="`${currentLocale === 'ja' ? '/' : `/${currentLocale}/`}jobboard`"
+          :href="withBase(`${currentLocale === 'ja' ? '/' : `/${currentLocale}/`}jobboard`)"
           background-color="vue-green/200"
           color="white"
         >

apps/web/app/components/ticket/NamecardSection.vue

@@ -35,7 +35,7 @@ const basePath = useWithBase()
       <div class="buttons-wrapper">
         <VFLinkButton
           class="action-button"
-          :href="`${currentLocale === 'ja' ? '/' : `/${currentLocale}/`}namecard/`"
+          :href="basePath(`${currentLocale === 'ja' ? '/' : `/${currentLocale}/`}namecard/`)"
           background-color="vue-green/200"
           color="white"
         >

apps/web/nuxt.config.ts

@@ -19,7 +19,7 @@ export default defineNuxtConfig({
         ...twitterOg(),
       ],
       link: [
-        { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
+        { rel: 'icon', type: 'image/x-icon', href: '/2024/favicon.ico' },
         { rel: 'stylesheet', href: 'https://use.typekit.net/lff1jgr.css' },
       ],
       htmlAttrs: {