From b5f723397b943bc67f855a07565a6d7b5fe95b9e Mon Sep 17 00:00:00 2001
From: clkim <clkim@smilegate.com>
Date: Fri, 7 Nov 2025 13:09:22 +0900
Subject: [PATCH] =?UTF-8?q?fix.=20=EC=95=8C=EC=88=98=EC=97=86=EB=8A=94=20?=
 =?UTF-8?q?=EC=98=A4=EB=A5=98=20=EC=96=BC=EB=9F=BF=EC=97=90=20=EC=8A=A4?=
 =?UTF-8?q?=ED=86=A0=EB=B8=8C=20=EA=B3=A0=EA=B0=9D=EC=84=BC=ED=84=B0=20url?=
 =?UTF-8?q?=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.dev                                      |  4 ++++
 .env.live                                     |  3 +++
 .env.qa                                       |  3 +++
 .env.sandbox                                  |  3 +++
 layers/components/atoms/Button/Launcher.vue   |  6 ++++--
 layers/components/atoms/Button/Sns.vue        |  8 ++++----
 layers/components/blocks/StoveGnb.vue         |  6 ++++--
 layers/components/widgets/modal/Preregist.vue | 14 +++++++++-----
 layers/composables/useGameStart.ts            | 10 +++++++---
 layers/composables/useTokenValidation.ts      | 10 +++++++---
 nuxt.config.ts                                |  2 ++
 11 files changed, 50 insertions(+), 19 deletions(-)

diff --git a/.env.dev b/.env.dev
index 3b6c784..f43da0b 100644
--- a/.env.dev
+++ b/.env.dev
@@ -20,6 +20,10 @@ STOVE_LAUNCHER_SCRIPT=https://js-cdn.gate8.com/libs/stove-js-service/latest/laun
 STOVE_CLIENT_DOWNLOAD_URL=https://sgs-gate8-dl.game.playstove.com/game/lcs/STOVESetup.exe
 STOVE_LOGIN_URL=https://accounts-dev.onstove.com/login
 
+
+# STOVE 
+STOVE_CS=https://cs.onstove.com/service
+
 # Log Tracking ######################################################################
 # 81plug
 STOVE_81PLUG=https://dvudc0gwzz5wc.cloudfront.net/v3.1/dev/svc_81plug.min.js
\ No newline at end of file
diff --git a/.env.live b/.env.live
index fd89ee3..d8200e9 100644
--- a/.env.live
+++ b/.env.live
@@ -20,6 +20,9 @@ STOVE_LAUNCHER_SCRIPT=https://js-cdn.onstove.com/libs/stove-js-service/latest/la
 STOVE_CLIENT_DOWNLOAD_URL=https://sgs-live-dl.game.playstove.com/game/lcs/STOVESetup.exe
 STOVE_LOGIN_URL=https://accounts.onstove.com/login
 
+# STOVE 
+STOVE_CS=https://cs.onstove.com/service
+
 # Log Tracking ######################################################################
 # 81plug
 STOVE_81PLUG=https://dvudc0gwzz5wc.cloudfront.net/v3.1/live/svc_81plug.min.js
\ No newline at end of file
diff --git a/.env.qa b/.env.qa
index 28b4caf..401fcc6 100644
--- a/.env.qa
+++ b/.env.qa
@@ -20,6 +20,9 @@ STOVE_LAUNCHER_SCRIPT=https://js-cdn.gate8.com/libs/stove-js-service/latest/laun
 STOVE_CLIENT_DOWNLOAD_URL=https://sgs-gate8-dl.game.playstove.com/game/lcs/STOVESetup.exe
 STOVE_LOGIN_URL=https://accounts-qa.onstove.com/login
 
+# STOVE 
+STOVE_CS=https://cs.onstove.com/service
+
 # Log Tracking ######################################################################
 # 81plug
 STOVE_81PLUG=https://dvudc0gwzz5wc.cloudfront.net/v3.1/qa/svc_81plug.min.js
diff --git a/.env.sandbox b/.env.sandbox
index 87e5ed7..5c03b91 100644
--- a/.env.sandbox
+++ b/.env.sandbox
@@ -20,6 +20,9 @@ STOVE_LAUNCHER_SCRIPT=https://js-cdn.gate8.com/libs/stove-js-service/latest/laun
 STOVE_CLIENT_DOWNLOAD_URL=https://sgs-gate8-dl.game.playstove.com/game/lcs/STOVESetup.exe
 STOVE_LOGIN_URL=https://accounts.gate8.com/login
 
+# STOVE 
+STOVE_CS=https://cs.onstove.com/service
+
 # Log Tracking ######################################################################
 # 81plug
 STOVE_81PLUG=https://dvudc0gwzz5wc.cloudfront.net/v3.1/sandbox/svc_81plug.min.js
\ No newline at end of file
diff --git a/layers/components/atoms/Button/Launcher.vue b/layers/components/atoms/Button/Launcher.vue
index 4ce0dbf..bcec4f8 100644
--- a/layers/components/atoms/Button/Launcher.vue
+++ b/layers/components/atoms/Button/Launcher.vue
@@ -22,9 +22,11 @@ const props = withDefaults(defineProps<Props>(), {
 })
 
 const runtimeConfig = useRuntimeConfig()
-const { gameData } = useGameDataStore()
+const gameDataStore = useGameDataStore()
 const { isProcessing, validateLauncher } = useCheckGameStart()
 
+const { gameData } = storeToRefs(gameDataStore)
+
 const PLATFORM_ICON_MAP: Record<Platform, string> = {
   google_play: 'AtomsIconsLogoGoogle',
   app_store: 'AtomsIconsLogoApple',
@@ -75,7 +77,7 @@ const handleClick = () => {
     return
   }
 
-  const url = gameData?.market_json[props.platform]?.url
+  const url = gameData.value?.market_json[props.platform]?.url
   if (url) window.open(url, '_blank')
 }
 </script>
diff --git a/layers/components/atoms/Button/Sns.vue b/layers/components/atoms/Button/Sns.vue
index 3797bff..3bea886 100644
--- a/layers/components/atoms/Button/Sns.vue
+++ b/layers/components/atoms/Button/Sns.vue
@@ -1,14 +1,14 @@
 <script setup lang="ts">
 const showSnsList = ref(false)
-const isForceClosed = ref(false)
 
-const { gameData } = useGameDataStore()
+const gameDataStore = useGameDataStore()
 const modalStore = useModalStore()
 
+const { gameData } = storeToRefs(gameDataStore)
 const { handleOpenToast } = modalStore
 
 const snsBackgroundColor = computed(() => {
-  const colorData = gameData?.comm_sns_bg_color_json?.display
+  const colorData = gameData.value?.comm_sns_bg_color_json?.display
   const colorCode = getColorCode({
     colorName: colorData?.color_name,
     colorCode: colorData?.color_code,
@@ -16,7 +16,7 @@ const snsBackgroundColor = computed(() => {
   return colorCode
 })
 const snsList = computed(() => {
-  return gameData?.sns_json
+  return gameData.value?.sns_json
 })
 
 const handleMouseEnter = () => {
diff --git a/layers/components/blocks/StoveGnb.vue b/layers/components/blocks/StoveGnb.vue
index f55f29d..aee890f 100644
--- a/layers/components/blocks/StoveGnb.vue
+++ b/layers/components/blocks/StoveGnb.vue
@@ -5,11 +5,13 @@ let cpHeader: any = null
 
 const runtimeConfig = useRuntimeConfig()
 const { locale, availableLocales } = useI18n()
-const { gameData } = useGameDataStore()
+const gameDataStore = useGameDataStore()
+
+const { gameData } = storeToRefs(gameDataStore)
 
 const stoveInflowPath = runtimeConfig.public.stoveInflowPath
 const stoveGameNo = runtimeConfig.public.stoveGameNo
-const stoveGnbData = gameData?.stove_gnb_json
+const stoveGnbData = gameData.value?.stove_gnb_json
 
 const languageCodes = computed(() => {
   if (Array.isArray(availableLocales)) {
diff --git a/layers/components/widgets/modal/Preregist.vue b/layers/components/widgets/modal/Preregist.vue
index ad1ac95..cd22c4c 100644
--- a/layers/components/widgets/modal/Preregist.vue
+++ b/layers/components/widgets/modal/Preregist.vue
@@ -6,14 +6,18 @@ interface Props {
 
 const props = defineProps<Props>()
 
+const { locale } = useI18n()
+const runtimeConfig = useRuntimeConfig()
+const gameDataStore = useGameDataStore()
 const modalStore = useModalStore()
-const { gameData } = useGameDataStore()
 const { handleTokenValidation } = useTokenValidation()
 const { getPreregist, setPreregist } = usePreregist()
 const { isNorthAmerica, countryCode } = useGds()
 
-// Multilingual
-const { locale } = useI18n()
+const { gameData } = storeToRefs(gameDataStore)
+
+const stoveCs = runtimeConfig.public.stoveCs
+const customerServiceUrl = `${stoveCs}/${gameData.value?.game_id}`
 
 // Props로 전달받은 tm 또는 전역 i18n의 tm 사용
 const t = (key: string) => {
@@ -27,7 +31,7 @@ const t = (key: string) => {
 const tWithGameName = (key: string) => {
   const text = t(key)
   if (typeof text === 'string' && text.includes('%게임명%')) {
-    const gameName = gameData?.game_name ?? ''
+    const gameName = gameData.value?.game_name ?? ''
     return text.replace(/%게임명%/g, gameName)
   }
   return text
@@ -128,7 +132,7 @@ const showErrorModal = (code: number) => {
     contentText: t('Alert_Error'),
     confirmButtonText: t('Text_Customer'),
     confirmButtonEvent: () => {
-      window.open('aa', '_blank')
+      window.open(customerServiceUrl, '_blank')
     },
   })
 }
diff --git a/layers/composables/useGameStart.ts b/layers/composables/useGameStart.ts
index ca40f38..646727d 100644
--- a/layers/composables/useGameStart.ts
+++ b/layers/composables/useGameStart.ts
@@ -4,14 +4,18 @@ import { csrGoStoveLogin } from '#layers/utils/stoveUtil'
 
 export const useCheckGameStart = () => {
   const { tm } = useI18n()
-  const modalStore = useModalStore()
   const runtimeConfig = useRuntimeConfig()
+  const gameDataStore = useGameDataStore()
+  const modalStore = useModalStore()
   const { handleTokenValidation } = useTokenValidation()
 
+  const { gameData } = storeToRefs(gameDataStore)
+
+  const stoveCs = runtimeConfig.public.stoveCs
   const isProcessing = ref(false) // 연속 클릭 방지
   const isShowCheckLauncher = ref(false) // 런처 실행 로딩 표시
   const isShowDownloadLauncher = ref(false) // 런처 다운로드 표시
-  const customerService = 'https://www.google.com' //[TODO] 고객센터 링크
+  const customerServiceUrl = `${stoveCs}/${gameData.value?.game_id}`
 
   // 에러 처리
   const errorHandler = (errorCode: number) => {
@@ -50,7 +54,7 @@ export const useCheckGameStart = () => {
           contentText: tm('Alert_Error'),
           confirmButtonText: tm('Text_Customer'),
           confirmButtonEvent: () => {
-            window.open(customerService, '_blank')
+            window.open(customerServiceUrl, '_blank')
           },
         })
         break
diff --git a/layers/composables/useTokenValidation.ts b/layers/composables/useTokenValidation.ts
index 4465b77..a8cfeb6 100644
--- a/layers/composables/useTokenValidation.ts
+++ b/layers/composables/useTokenValidation.ts
@@ -14,12 +14,16 @@ interface TokenValidationResponse {
 }
 
 export const useTokenValidation = () => {
-  const config = useRuntimeConfig()
+  const runtimeConfig = useRuntimeConfig()
   const modalStore = useModalStore()
+  const gameDataStore = useGameDataStore()
   const { tm } = useI18n()
 
-  const apiBaseUrl = config.public.stoveApiUrl
-  const customerServiceUrl = 'https://www.google.com' // TODO: 고객센터 링크로 변경
+  const { gameData } = storeToRefs(gameDataStore)
+
+  const apiBaseUrl = runtimeConfig.public.stoveApiUrl
+  const stoveCs = runtimeConfig.public.stoveCs
+  const customerServiceUrl = `${stoveCs}/${gameData.value?.game_id}`
   const isTokenValid = ref(false)
 
   // 로그인 모달 표시
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 47f66cf..696100d 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -88,6 +88,8 @@ export default defineNuxtConfig({
 
       stoveGnb: process.env.STOVE_GNB,
 
+      stoveCs: process.env.STOVE_CS,
+
       stoveLauncherScript: process.env.STOVE_LAUNCHER_SCRIPT,
       stoveClientDownloadUrl: process.env.STOVE_CLIENT_DOWNLOAD_URL,
       stoveLoginUrl: process.env.STOVE_LOGIN_URL,