endedPurchaseStore

Author: jiyuujin

apps/web/app/components/StorePageSection.vue

@@ -2,7 +2,7 @@
 import { useTranslation } from '~/composables/useTranslation'
 import type { Product } from '@vuejs-jp/model'
 import MarkDownText from '~/components/MarkDownText.vue'
-import { storeUrl } from '~/utils/constants'
+import { endedPurchaseStore, storeUrl } from '~/utils/constants'
 
 const { translate: t } = useTranslation()
 
@@ -117,6 +117,7 @@ const products: Product[] = [
             rel="noreferrer"
             background-color="vue-green/200"
             color="white"
+            :disabled="endedPurchaseStore"
           >
             {{ $t('store.preorder') }}
           </VFLinkButton>
@@ -125,7 +126,7 @@ const products: Product[] = [
         <div class="store-menu">
           <div class="store-menu-list">
             <div v-for="product in products" :key="product.name" class="store-card">
-              <VFProduct v-bind="product">
+              <VFProduct v-bind="{ ...product, disabled: endedPurchaseStore }">
                 <template #explain>
                   <i18n-t :keypath="product.explain" tag="p" style="margin: 0;">
                     <template #kawaiiStickerCreator>
@@ -150,6 +151,7 @@ const products: Product[] = [
                 rel="noreferrer"
                 background-color="vue-green/200"
                 color="white"
+                :disabled="endedPurchaseStore"
               >
                 {{ $t('store.preorder') }}
               </VFLinkButton>
@@ -168,6 +170,7 @@ const products: Product[] = [
                 rel="noreferrer"
                 background-color="vue-green/200"
                 color="white"
+                :disabled="endedPurchaseStore"
               >
                 {{ $t('store.preorder') }}
               </VFLinkButton>

apps/web/app/utils/constants.ts

@@ -51,6 +51,8 @@ export const endedApplyEarly = true
 
 export const endedApplyHandson = true
 
+export const endedPurchaseStore = true
+
 export const endedCreateNamecard = true
 
 export const displayNameMaxLength = 24

packages/model/lib/store.ts

@@ -9,4 +9,5 @@ export interface Product {
   weight?: string
   src: string
   alt: string
+  disabled?: boolean
 }

packages/ui/components/store/Product.vue

@@ -8,9 +8,14 @@ const props = defineProps<StoreItemProps>()
 
 <template>
   <div class="store-item">
-    <a :href="url" target="_blank">
+    <template v-if="!disabled">
+      <a :href="url" target="_blank" :aria-label="name">
+        <NuxtImg :alt :src width="616" height="616" fit="cover" loading="lazy" class="image" />
+      </a>
+    </template>
+    <template v-else>
       <NuxtImg :alt :src width="616" height="616" fit="cover" loading="lazy" class="image" />
-    </a>
+    </template>
     <div class="name">{{ name }}</div>
     <div class="price">{{ price }}</div>
     <div class="explain">