feat. home 버튼 컴포넌트 추가

This commit is contained in:
clkim
2025-11-11 18:50:14 +09:00
parent 25ea7925ea
commit 4ca00e4028
20 changed files with 216 additions and 317 deletions

View File

@@ -41,9 +41,18 @@
<div class="inspection-bottom-cards">
<!-- 온스토브 카드 -->
<div class="inspection-card inspection-stove-card">
<h3 :class="{ 'text-center': !launchingStatus }" class="card-title text-base md:text-lg">
<span v-if="!launchingStatus" v-dompurify-html="tm('Inspection_Game_During_Maintenance')"></span>
<span v-else v-dompurify-html="tm('org_Inspection_During_Maintenance')"></span>
<h3
:class="{ 'text-center': !launchingStatus }"
class="card-title text-base md:text-lg"
>
<span
v-if="!launchingStatus"
v-dompurify-html="tm('Inspection_Game_During_Maintenance')"
></span>
<span
v-else
v-dompurify-html="tm('org_Inspection_During_Maintenance')"
></span>
</h3>
<div class="button-group justify-center">
<!-- <a
@@ -103,7 +112,7 @@
{{ tm('Inspection_Txt_Download') || '게임 다운로드' }}
</h3>
<div class="flex flex-row gap-3">
<AtomsButtonLauncher
<BlocksButtonLauncher
v-for="(btn, index) in enabledMarkets"
:key="index"
:class="getButtonClass(btn.platform)"
@@ -114,7 +123,7 @@
variant="outlined"
>
{{ getButtonText(btn.platform) }}
</AtomsButtonLauncher>
</BlocksButtonLauncher>
</div>
</div>
</div>
@@ -131,7 +140,7 @@ import { useCheckGameStart } from '#layers/composables/useGameStart'
const config = useRuntimeConfig()
const dataResourcesUrl = config.public.dataResourcesUrl as string
const multilingualFileName = 'STOVE_PUBTEMPLATE_homepage_brand_inspection.json'
// const isClient = import.meta.client
const inspectionStore = useInspectionStore()
@@ -160,21 +169,21 @@ const getLocaleTimezone = (localeType: string, region) => {
const tsStartDate = webInspectionData.value?.ts_start_date || 0
const tsEndDate = webInspectionData.value?.ts_end_date || 0
const currentLocale = localeType || locale.value
const timezoneMap: Record<string, string> = {
'ko': 'KST',
ko: 'KST',
'zh-tw': '台灣時間',
'ja': 'JST',
ja: 'JST',
}
const timezone = timezoneMap[currentLocale] || 'KST'
const defaultRegion = currentLocale === 'ko' ? 'KR' : ''
const formatDate = (date: Date, loc: string, reg: string) =>
`${globalDateFormat(date, loc, reg || defaultRegion, {useFullDate: true})}`
const formatDate = (date: Date, loc: string, reg: string) =>
`${globalDateFormat(date, loc, reg || defaultRegion, { useFullDate: true })}`
const localTime = `${formatDate(new Date(tsStartDate), currentLocale, region || '')} <br class="md:hidden">~ ${formatDate(new Date(tsEndDate), currentLocale, region || '')} (${timezone})`
const utcTime = `${formatDate(new Date(tsStartDate), 'en', region || '')} <br class="md:hidden">~ ${formatDate(new Date(tsEndDate), 'en', region || '')} (UTC)`
return currentLocale === 'en' ? utcTime : `${localTime}<br>${utcTime}`
}
@@ -252,7 +261,6 @@ const handleGameStart = () => {
validateLauncher()
}
definePageMeta({
middleware: ['inspection'],
layout: 'only-stove',