@@ -3,6 +3,7 @@ import { useTranslation } from '~/composables/useTranslation'
3
3
import type { Product } from ' @vuejs-jp/model'
4
4
import MarkDownText from ' ~/components/MarkDownText.vue'
5
5
import { endedPurchaseStore , storeUrl } from ' ~/utils/constants'
6
+ import { useWithBase } from ' #imports'
6
7
7
8
const { translate : t } = useTranslation ()
8
9
@@ -95,6 +96,11 @@ const products: Product[] = [
95
96
weight: t (' store.weight.approximately_5kg' ),
96
97
},
97
98
]
99
+
100
+ const productsWithBase = products .map ((product ) => ({
101
+ ... product ,
102
+ src: useWithBase (product .src ),
103
+ }))
98
104
</script >
99
105
100
106
<template >
@@ -103,9 +109,7 @@ const products: Product[] = [
103
109
<div class =" store-body" >
104
110
<div class =" store-title" >
105
111
<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 >
109
113
<div class =" explain" >
110
114
<MarkDownText path =" store" />
111
115
</div >
@@ -125,10 +129,10 @@ const products: Product[] = [
125
129
126
130
<div class =" store-menu" >
127
131
<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" >
129
133
<VFProduct v-bind =" { ...product, disabled: endedPurchaseStore }" >
130
134
<template #explain >
131
- <i18n-t :keypath =" product.explain" tag =" p" style =" margin : 0 ; " >
135
+ <i18n-t :keypath =" product.explain" tag =" p" style =" margin : 0 " >
132
136
<template #kawaiiStickerCreator >
133
137
<a href =" https://x.com/icarusgkx" target =" _blank" >
134
138
{{ $t('store.kawaii_sticker_creator') }}
@@ -196,7 +200,7 @@ section {
196
200
background : rgba (255 , 255 , 255 );
197
201
backdrop-filter : blur (8px );
198
202
&::before {
199
- content : " " ;
203
+ content : ' ' ;
200
204
position : absolute ;
201
205
display : block ;
202
206
inset : 0 ;
0 commit comments