fix. 게임 스타트 버튼 platform, os 분기 로직 위치 이동

layers/components/layouts/Header.vue

@@ -6,26 +6,18 @@ import type {
   GameDataMenuChildren,
   GameDataResourceGroup,
   GameDataResourceGroupSet,
-  PlatformTransformType,
 } from '#layers/types/api/gameData'
 
 const MORE_WIDTH = 72
 const START_WIDTH_MARGIN = 40
-const PLATFORM_LABEL_KEY: Record<PlatformTransformType, string> = {
-  pc: 'PC',
-  google_play: 'Google Play',
-  app_store: 'App Store',
-} as const
 
 const route = useRoute()
 const { tm } = useI18n()
 const { width } = useWindowSize()
-const device = useDevice()
 const gameDataStore = useGameDataStore()
 const pageDataStore = usePageDataStore()
 const scrollStore = useScrollStore()
 const breakpoints = useResponsiveBreakpoints()
-const modalStore = useModalStore()
 
 const { gameData } = storeToRefs(gameDataStore)
 const { pageLayoutType } = storeToRefs(pageDataStore)
@@ -55,16 +47,8 @@ const start1depthData = computed(
 const start2depthData = computed(
   () => gnbData.value?.buttons[1]?.button_json as GameDataResourceGroupSet
 )
-const supportedPlatforms = computed(
-  () =>
-    getSupportedPlatforms(
-      gameData.value?.platform_type,
-      gameData.value?.os_type
-    ) as PlatformTransformType[]
-)
-const isStartPCVisible = computed(() => {
-  return device.isDesktop && gameData.value?.platform_type !== '2'
-})
+
+console.log('start2depthData', start2depthData.value)
 
 // 자식 중 활성 링크 존재 여부 확인
 const hasActiveChild = (children?: GameDataMenuChildren) => {
@@ -158,52 +142,6 @@ const has2depthButton = (gnbItem: GameDataMenu) => {
   return gnbItem.children && Object.keys(gnbItem.children).length > 0
 }
 
-const highlight = (text: string) => `<span class="highlight">${text}</span>`
-
-const tmWithGameName = (key: string): string => {
-  const raw = tm(key)
-  if (typeof raw !== 'string') return ''
-
-  const withName = raw.replace(
-    /%게임명%/g,
-    highlight(gameData.value?.game_name || '')
-  )
-
-  const platformLines = supportedPlatforms.value
-    .map(platform => highlight(PLATFORM_LABEL_KEY[platform] as string))
-    .filter(Boolean)
-
-  return platformLines.length
-    ? `${withName}<br><br>${platformLines.join('<br>')}`
-    : withName
-}
-
-const showNotSupportedOSAlert = () => {
-  return modalStore.handleOpenAlert({
-    contentText: tmWithGameName('Alert_Not_SupportedOS'),
-  })
-}
-
-const handleStartClick = () => {
-  if (isStartPCVisible.value) return
-
-  const target = device.isAndroid
-    ? 'google_play'
-    : device.isApple
-      ? 'app_store'
-      : null
-
-  if (!target || !supportedPlatforms.value.includes(target)) {
-    showNotSupportedOSAlert()
-    return
-  }
-
-  const url = gameData.value?.market_json?.[target]?.url || ''
-  if (!url) return showNotSupportedOSAlert()
-
-  window.open(url, '_blank')
-}
-
 onMounted(() => {
   overflowCount.value = 0
   isMounted.value = true
@@ -263,14 +201,14 @@ onMounted(() => {
             <template v-if="hasGnbMenus">
               <div class="official custom-theme-scrollbar">
                 <div
-                  v-for="(gnbItem, index) in gnbData?.menus"
-                  :key="index"
+                  v-for="(gnbItem, key) in gnbData?.menus"
+                  :key="key"
                   class="nav-item group"
                   :class="{
                     'is-hidden':
                       breakpoints.isDesktop &&
                       overflowCount > 0 &&
-                      Number(index) >=
+                      Number(key) >=
                         Object.keys(gnbData?.menus).length - overflowCount,
                   }"
                 >
@@ -334,13 +272,13 @@ onMounted(() => {
                 <div class="more-list">
                   <div class="list-inner">
                     <div
-                      v-for="(gnbItem, index) in gnbData?.menus"
-                      :key="index"
+                      v-for="(gnbItem, key) in gnbData?.menus"
+                      :key="key"
                       :class="{
                         'is-hidden':
                           breakpoints.isDesktop &&
                           overflowCount > 0 &&
-                          Number(index) >=
+                          Number(key) >=
                             Object.keys(gnbData?.menus).length - overflowCount,
                       }"
                     >
@@ -424,10 +362,7 @@ onMounted(() => {
           <ClientOnly>
             <div ref="startRef" class="btn-start">
               <template v-if="start1depthData">
-                <component
-                  :is="
-                    isStartPCVisible ? 'BlocksButtonLauncher' : 'AtomsButton'
-                  "
+                <BlocksButtonLauncher
                   type="custom"
                   platform="pc"
                   :background-color="
@@ -436,17 +371,16 @@ onMounted(() => {
                   :text-color="
                     getColorCodeFromData(start1depthData?.btn_info, 'txt')
                   "
-                  @click="handleStartClick"
                 >
                   {{ start1depthData?.btn_info?.txt_btn_name }}
-                </component>
+                </BlocksButtonLauncher>
                 <div
                   v-if="breakpoints.isDesktop && start2depthData"
                   class="nav-2depth"
                 >
                   <ul>
-                    <li v-for="(item, index) in start2depthData" :key="index">
-                      <BlocksButtonLauncher type="custom" :platform="index">
+                    <li v-for="(item, key) in start2depthData" :key="key">
+                      <BlocksButtonLauncher type="custom" :platform="key">
                         {{ item.btn_info?.txt_btn_name }}
                       </BlocksButtonLauncher>
                     </li>