From 319491b2367d72774546032366658673c8e5bff6 Mon Sep 17 00:00:00 2001
From: jiyuujin <jiyuujinunite@gmail.com>
Date: Sat, 5 Oct 2024 21:47:53 +0900
Subject: [PATCH 1/3] endedPurchaseStore

---
 apps/web/app/components/StorePageSection.vue | 7 +++++--
 apps/web/app/utils/constants.ts              | 2 ++
 packages/model/lib/store.ts                  | 1 +
 packages/ui/components/store/Product.vue     | 9 +++++++--
 4 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/apps/web/app/components/StorePageSection.vue b/apps/web/app/components/StorePageSection.vue
index 215b6168..068a3e39 100644
--- a/apps/web/app/components/StorePageSection.vue
+++ b/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>
diff --git a/apps/web/app/utils/constants.ts b/apps/web/app/utils/constants.ts
index 2a73b65b..76bba291 100644
--- a/apps/web/app/utils/constants.ts
+++ b/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
diff --git a/packages/model/lib/store.ts b/packages/model/lib/store.ts
index a2a75d92..7183f38d 100644
--- a/packages/model/lib/store.ts
+++ b/packages/model/lib/store.ts
@@ -9,4 +9,5 @@ export interface Product {
   weight?: string
   src: string
   alt: string
+  disabled?: boolean
 }
diff --git a/packages/ui/components/store/Product.vue b/packages/ui/components/store/Product.vue
index 6c02d984..e1bac52f 100644
--- a/packages/ui/components/store/Product.vue
+++ b/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">

From 08ad29452ddc912a9d7c135ac627503877a41f68 Mon Sep 17 00:00:00 2001
From: jiyuujin <jiyuujinunite@gmail.com>
Date: Sat, 5 Oct 2024 23:18:52 +0900
Subject: [PATCH 2/3] update comment

---
 apps/web/app/content/en/store.md | 4 ++--
 apps/web/app/content/ja/store.md | 3 +--
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/apps/web/app/content/en/store.md b/apps/web/app/content/en/store.md
index c5ec93ba..c01a89a4 100644
--- a/apps/web/app/content/en/store.md
+++ b/apps/web/app/content/en/store.md
@@ -1,2 +1,2 @@
-The Vue Fes Store, where you can purchase exclusive original goods from Vue Fes Japan, is back this year. Let's gear up with these original items and make Vue Fes Japan even more exciting!
-Since on-the-day sales are limited in quantity, we recommend placing a pre-order to ensure you get your items. By pre-ordering through STORES, you can pick up your goods at the Vue Fes Japan 2024 venue.
+The Vue Fes Store is back this year, where you can purchase exclusive original goods from Vue Fes Japan. Let’s gear up with original merchandise to make Vue Fes Japan even more exciting!
+Please note that pre-orders have ended as of October 8. If you wish to purchase goods, please take advantage of the sales on the day of the event.
diff --git a/apps/web/app/content/ja/store.md b/apps/web/app/content/ja/store.md
index 5df2a087..c43f9476 100644
--- a/apps/web/app/content/ja/store.md
+++ b/apps/web/app/content/ja/store.md
@@ -1,2 +1 @@
-Vue Fes Japan 限定オリジナルグッズをお買い求めいただける Vue Fes Store が今年も登場。オリジナルグッズを揃えて、Vue Fes Japan を盛り上げましょう！
-当日販売は数量限定のため、確実にご購入いただくには予約注文がオススメです。STORES で予約注文いただくと、当日 Vue Fes Japan 2024 の会場にてお受け取りいただけます。
+Vue Fes Japan 限定オリジナルグッズをお買い求めいただける Vue Fes Store が今年も登場。オリジナルグッズを揃えて、Vue Fes Japan を盛り上げましょう！ 　なお、10/8 をもって予約注文は終了しました。グッズ購入希望の方は、当日販売をご利用ください。

From e9726da966cd60825accb3b3a3625617129ba66e Mon Sep 17 00:00:00 2001
From: jiyuujin <jiyuujinunite@gmail.com>
Date: Sat, 5 Oct 2024 23:30:08 +0900
Subject: [PATCH 3/3] fix: lint

---
 apps/web/app/content/ja/store.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/app/content/ja/store.md b/apps/web/app/content/ja/store.md
index c43f9476..ca8b2c0a 100644
--- a/apps/web/app/content/ja/store.md
+++ b/apps/web/app/content/ja/store.md
@@ -1 +1 @@
-Vue Fes Japan 限定オリジナルグッズをお買い求めいただける Vue Fes Store が今年も登場。オリジナルグッズを揃えて、Vue Fes Japan を盛り上げましょう！ 　なお、10/8 をもって予約注文は終了しました。グッズ購入希望の方は、当日販売をご利用ください。
+Vue Fes Japan 限定オリジナルグッズをお買い求めいただける Vue Fes Store が今年も登場。オリジナルグッズを揃えて、Vue Fes Japan を盛り上げましょう！　　なお、10/8 をもって予約注文は終了しました。グッズ購入希望の方は、当日販売をご利用ください。