From 532b9b685544e9c79a426634620e729d44dbb34b Mon Sep 17 00:00:00 2001
From: clkim <clkim@smilegate.com>
Date: Tue, 10 Mar 2026 15:41:20 +0900
Subject: [PATCH] =?UTF-8?q?fix.=20[SWV-866]=20=EC=95=A1=EC=85=98=EB=B2=84?=
 =?UTF-8?q?=ED=8A=BC=20=EA=B8=B0=EB=8A=A5=20=EA=B0=9C=EC=84=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layers/components/atoms/Button/Image.vue | 18 +++++++++++++++---
 layers/components/widgets/ButtonList.vue |  5 +++--
 layers/types/api/pageData.ts             |  2 +-
 layers/types/components/button.ts        |  2 --
 4 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/layers/components/atoms/Button/Image.vue b/layers/components/atoms/Button/Image.vue
index 83b9c9a..da8ea46 100644
--- a/layers/components/atoms/Button/Image.vue
+++ b/layers/components/atoms/Button/Image.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import type { ImageButtonType } from '#layers/types/components/button'
+import type { ButtonType } from '#layers/types/components/button'
 
 interface props {
-  type?: ImageButtonType
+  type?: ButtonType
   href?: string
   backgroundImage: string
   alt: string
@@ -18,13 +18,14 @@ const componentTag = computed((): string => {
   switch (props.type) {
     case 'external':
       return 'a'
+    case 'download':
+      return props.href ? 'a' : 'button'
     case 'internal':
       return 'AtomsLocaleLink'
     default:
       return 'button'
   }
 })
-
 const componentProps = computed(() => {
   if (props.type === 'external') {
     return {
@@ -43,6 +44,17 @@ const componentProps = computed(() => {
     return {}
   }
 
+  if (props.type === 'download') {
+    if (props.href) {
+      return {
+        href: props.href,
+        target: '_self',
+        download: props.href?.split('/').pop() ?? 'download',
+      }
+    }
+    return {}
+  }
+
   return {}
 })
 const buttonStyle = computed(() => {
diff --git a/layers/components/widgets/ButtonList.vue b/layers/components/widgets/ButtonList.vue
index c3b6f1a..38c8e01 100644
--- a/layers/components/widgets/ButtonList.vue
+++ b/layers/components/widgets/ButtonList.vue
@@ -156,8 +156,8 @@ const handleButtonClick = (button: PageDataResourceGroup) => {
 
   const btnDetail = button.btn_info?.detail
   const btnType = btnDetail?.btn_type
-
   const handler = buttonClickHandlers[btnType]
+
   handler?.(btnDetail)
 }
 </script>
@@ -201,8 +201,9 @@ const handleButtonClick = (button: PageDataResourceGroup) => {
       <!-- 버튼 유형: 이미지 버튼 + 타입: 기타 -->
       <AtomsButtonImage
         v-else-if="!isLauncherButton(button)"
+        :type="getButtonType(button.btn_info)"
         :href="button.btn_info?.detail?.action?.url"
-        :background-image="formatPathHost(button.btn_info?.res_path)"
+        :background-image="formatPathHost(button.btn_info?.res_path?.path)"
         :alt="button.btn_info?.txt_btn_name"
         :disabled="isDisabled(button)"
         @click="handleButtonClick(button)"
diff --git a/layers/types/api/pageData.ts b/layers/types/api/pageData.ts
index dea04dc..5638b3f 100644
--- a/layers/types/api/pageData.ts
+++ b/layers/types/api/pageData.ts
@@ -89,7 +89,7 @@ export interface PageDataResourceGroupBtnInfo extends ColorObject {
   btn_category: string
   txt_btn_name: string
   detail: Record<string, any>
-  res_path?: string
+  res_path?: { path: string }
   disabled?: boolean
   use_game_font: 0 | 1 // 0: 사용하지 않음, 1: 사용함
 }
diff --git a/layers/types/components/button.ts b/layers/types/components/button.ts
index caffea6..1523186 100644
--- a/layers/types/components/button.ts
+++ b/layers/types/components/button.ts
@@ -1,7 +1,5 @@
 export type ButtonType = 'internal' | 'external' | 'download' | 'action'
 
-export type ImageButtonType = 'internal' | 'external' | 'action'
-
 export type LauncherButtonType = 'default' | 'duplication' | 'single'
 
 export type ButtonSize = 'large' | 'medium' | 'small' | 'extra-small'