From 9a05db25961d3109e8499a81855a07c19770a135 Mon Sep 17 00:00:00 2001
From: clkim <clkim@smilegate.com>
Date: Mon, 9 Feb 2026 15:09:18 +0900
Subject: [PATCH] =?UTF-8?q?fix.=20GR=5FDETAIL=5F01=20=EC=BB=A8=ED=85=90?=
 =?UTF-8?q?=EC=B8=A0=20=EB=84=A4=EB=B9=84=EA=B2=8C=EC=9D=B4=EC=85=98=20?=
 =?UTF-8?q?=ED=83=80=EC=9D=B4=ED=8B=80=EC=97=90=20=EC=A0=84=EC=9A=A9=20?=
 =?UTF-8?q?=ED=8F=B0=ED=8A=B8=20=EC=A0=81=EC=9A=A9=20=EC=95=88=EB=90=98?=
 =?UTF-8?q?=EB=8A=94=20=EC=9D=B4=EC=8A=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layers/templates/GrDetail01/index.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/layers/templates/GrDetail01/index.vue b/layers/templates/GrDetail01/index.vue
index 42fbfa3..82fb423 100644
--- a/layers/templates/GrDetail01/index.vue
+++ b/layers/templates/GrDetail01/index.vue
@@ -16,6 +16,8 @@ const props = defineProps<Props>()
 
 const { locale } = useI18n()
 const { sendLog } = useAnalytics()
+const gameDataStore = useGameDataStore()
+const { fontFamily } = storeToRefs(gameDataStore)
 
 const splideRef = ref<SplideSlide | null>(null)
 const currentSlideIndex = ref<number | null>(null)
@@ -40,6 +42,14 @@ const goToSlide = (index: number, title: string) => {
     sendLog(locale.value, analytics)
   }
 }
+
+// 텍스트 스타일
+const textStyle = (item: PageDataTemplateComponents) => {
+  const useGameFont = getComponentGroup(item, 'pagenaviTitle')?.display
+    ?.use_game_font
+
+  return useGameFont === 1 ? { fontFamily: fontFamily.value } : {}
+}
 </script>
 
 <template>
@@ -107,7 +117,7 @@ const goToSlide = (index: number, title: string) => {
           "
         >
           <span class="item-bullet"></span>
-          <span class="item-title">
+          <span class="item-title" :style="textStyle(item)">
             {{ getComponentGroup(item, 'pagenaviTitle')?.display?.text || '' }}
           </span>
         </button>