Skip to content

Commit 8a069ac

Browse files
committed
fix: add basePath on store menu src
1 parent 18881ee commit 8a069ac

File tree

1 file changed

+10
-6
lines changed

1 file changed

+10
-6
lines changed

apps/web/app/components/StorePageSection.vue

+10-6
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@ import { useTranslation } from '~/composables/useTranslation'
33
import type { Product } from '@vuejs-jp/model'
44
import MarkDownText from '~/components/MarkDownText.vue'
55
import { endedPurchaseStore, storeUrl } from '~/utils/constants'
6+
import { useWithBase } from '#imports'
67
78
const { translate: t } = useTranslation()
89
@@ -95,6 +96,11 @@ const products: Product[] = [
9596
weight: t('store.weight.approximately_5kg'),
9697
},
9798
]
99+
100+
const productsWithBase = products.map((product) => ({
101+
...product,
102+
src: useWithBase(product.src),
103+
}))
98104
</script>
99105

100106
<template>
@@ -103,9 +109,7 @@ const products: Product[] = [
103109
<div class="store-body">
104110
<div class="store-title">
105111
<VFComment :title="$t('store.do_again_this_year')" />
106-
<VFTitle id="store" class="title">
107-
Vue Fes Store
108-
</VFTitle>
112+
<VFTitle id="store" class="title"> Vue Fes Store </VFTitle>
109113
<div class="explain">
110114
<MarkDownText path="store" />
111115
</div>
@@ -125,10 +129,10 @@ const products: Product[] = [
125129

126130
<div class="store-menu">
127131
<div class="store-menu-list">
128-
<div v-for="product in products" :key="product.name" class="store-card">
132+
<div v-for="product in productsWithBase" :key="product.name" class="store-card">
129133
<VFProduct v-bind="{ ...product, disabled: endedPurchaseStore }">
130134
<template #explain>
131-
<i18n-t :keypath="product.explain" tag="p" style="margin: 0;">
135+
<i18n-t :keypath="product.explain" tag="p" style="margin: 0">
132136
<template #kawaiiStickerCreator>
133137
<a href="https://x.com/icarusgkx" target="_blank">
134138
{{ $t('store.kawaii_sticker_creator') }}
@@ -196,7 +200,7 @@ section {
196200
background: rgba(255, 255, 255);
197201
backdrop-filter: blur(8px);
198202
&::before {
199-
content: "";
203+
content: '';
200204
position: absolute;
201205
display: block;
202206
inset: 0;

0 commit comments

Comments
 (0)