fix. 다국어 적용

layers/templates/FxPreregist01/index.vue

@@ -12,7 +12,21 @@ interface Props {
 
 const props = defineProps<Props>()
 
-const { locale } = useI18n()
+// Configuration
+const runtimeConfig = useRuntimeConfig()
+const dataResourcesUrl = runtimeConfig.public.dataResourcesUrl as string
+const multilingualFileName = 'STOVE_PUBTEMPLATE_homepage_brand_preregist.json'
+
+// Multilingual
+const resultGetMultilingual = await useGetMultilingual({
+  baseApiUrl: dataResourcesUrl,
+  fileName: multilingualFileName,
+})
+const { tm, locale }: any = useI18n({
+  useScope: 'local',
+  messages: Object(resultGetMultilingual?.value?.multilingual),
+})
+
 const { getOperateResourcesData } = useResourcesData()
 const { gameData } = storeToRefs(useGameDataStore())
 const { pageData } = storeToRefs(usePageDataStore())
@@ -25,11 +39,13 @@ const OS_TYPE_MAP: Record<string, Platform[]> = {
   '3': ['google_play', 'app_store'],
 }
 
-const preregistModalRef = ref<{ handlePreregist: () => void } | null>(null)
+const preregistModalRef = ref<{ handlePreregist: () => Promise<void> } | null>(
+  null
+)
 
 // Preregist Section
 const preregistCode = computed(
-  () => getComponentGroup(props.components, 'preregistCode')?.display?.text
+  () => getComponentGroup(props.components, 'eventKey')?.display?.text
 )
 const prdBackgroundData = computed(() =>
   getComponentGroup(props.components, 'background')
@@ -261,7 +277,7 @@ const handlePreregistClick = () => {
             :text-color="buttonColors.textColor"
             @click="handlePreregistClick"
           >
-            사전 등록 하기
+            {{ tm('Preregist_Btn_Preegist') }}
           </AtomsButtonLauncher>
           <AtomsButtonLauncher
             v-for="platform in platformButtons"
@@ -271,7 +287,7 @@ const handlePreregistClick = () => {
             :background-color="buttonColors.backgroundColor"
             :text-color="buttonColors.textColor"
           >
-            사전 등록 하기
+            {{ tm('Preregist_Btn_Preegist') }}
           </AtomsButtonLauncher>
         </div>
         <WidgetsDescription
@@ -360,6 +376,7 @@ const handlePreregistClick = () => {
 
     <WidgetsModalPreregist
       ref="preregistModalRef"
+      :tm="tm"
       :preregist-code="preregistCode"
     />
   </div>