feat: 다국어 json 호출 추가

layers/components/layouts/Footer.vue

@@ -16,7 +16,7 @@
             }"
           >
             <NuxtLink
-              :to="footerMenuItem.link"
+              :to="footerMenuItem.url"
               :target="footerMenuItem.target"
               :class="[
                 footerMenuItem.active === 'y' && 'text-[#e04600]',
@@ -31,11 +31,11 @@
       </div>
 
       <div class="flex mt-2.5 md:flex-col md:mt-1.5">
-        <img
+        <!-- <img
           :src="footerData.game_rating_image_url"
           alt="게임등급"
           class="w-10 h-14 md:w-10 md:h-12 md:order-1"
-        />
+        /> -->
 
         <dl
           class="grid grid-cols-[110px_auto_110px_auto] w-full max-w-[490px] ml-5 border-t border-l border-gray-600 tracking-tight md:grid-cols-[66px_auto_84px_auto] md:max-w-[358px] md:m-0 md:mb-2.5"
@@ -120,28 +120,25 @@
 
       <div class="logo-area flex mt-3 md:mt-2.5">
         <a
-          :href="
-            locale === 'ja'
-              ? 'https://www.smilegate.com/jp'
-              : 'https://www.smilegate.com/en'
-          "
+          href="https://www.smilegate.com"
           target="_blank"
           class="smilegate"
         >
           <img
-            :src="footerData.dev_ci_url"
+            src="https://static-pubcomm.gate8.com/local/template/l9/common/logo_smilegate.png"
             alt="스마일게이트 로고"
             class="w-auto h-auto"
           />
         </a>
         <a
-          href="https://www.nx3games.com"
+          v-if="setDevCi"
+          :href="footerData.use_dev_ci_url"
           target="_blank"
           class="nx3 ml-2.5 md:ml-4"
         >
           <img
-            :src="footerData.dev_ci_url2"
-            alt="NX3 로고"
+            :src="footerData.use_dev_ci_url"
+            alt="CI"
             class="w-auto h-auto"
           />
         </a>
@@ -160,85 +157,18 @@
 </template>
 
 <script setup lang="ts">
-const { locale } = useI18n()
-interface FooterMenuType {
-  id: string
-  title: string
-  link: string
-  target: string
-  active: string
-  highlight?: string
-}
 
-const footerLinks = ref<FooterMenuType[]>([
-  {
-    id: 'company',
-    title: '회사소개',
-    link: '#',
-    target: '_blank',
-    active: 'n',
-  },
-  {
-    id: 'terms',
-    title: '이용약관',
-    link: 'https://common.game.onstove.com/terms/index?gameType=SG&termsType=1&langCode=@m{Terms_Lang_Code}',
-    target: '_blank',
-    active: 'n',
-  },
-  {
-    id: 'privacy',
-    title: '개인정보처리방침',
-    link: 'https://clause.onstove.com/stove/terms?category=privacy',
-    target: '_blank',
-    active: 'y',
-  },
-  {
-    id: 'operation',
-    title: '운영정책',
-    link: 'https://common.game.onstove.com/terms/index?gameType=CZN&termsType=3&langCode=@m{Terms_Lang_Code}',
-    target: '_blank',
-    active: 'n',
-  },
-  {
-    id: 'fund',
-    title: '청소년보호정책',
-    link: 'https://common.game.onstove.com/terms/index?gameType=CZN&termsType=6&langCode=ja',
-    target: '_blank',
-    active: 'n',
-  },
-  {
-    id: 'customerService',
-    title: '게임 이용 등급',
-    link: 'https://cs.onstove.com/@m{Terms_Lang_Code}/service/STOVE_CHAOSZERO',
-    target: '_blank',
-    active: 'n',
-  },
-] as FooterMenuType[])
+const { tm } = useI18n()
 
-const footerData = ref({
-  dev_ci_url:
-    'https://static-pubcomm.gate8.com/local/template/l9/common/logo_smilegate.png',
-  dev_ci_url2:
-    'https://static-pubcomm.gate8.com/local/template/l9/common/logo_nx3.png',
-  game_rating_image_url:
-    'https://static-pubcomm.gate8.com/local/template/l9/common/grades_age/Type15.svg',
-  use_dev_ci_url: true,
-  fund_display_yn: true,
-  use_game_rating: true,
-  fund_display_url: 'https://testgame.com/law/fund-ko',
-  game_rating_info: {
-    title: '테스트 게임',
-    reg_no: 'R-2024-7890',
-    prod_date: '2024-05-01',
-    rating_type: '15',
-    company_name: '테스트엔터테인먼트',
-    content_info: '1,2,3,',
-    rating_grade: '15세 이용가',
-    rating_class_no: '2024-123456',
-  },
-  footer_info:
-    "(주)스마일게이트홀딩스 메가포트지점 대표: 성준호<br>주소: 경기도 성남시 분당구 분당로 55, 7층 (서현동 분당 퍼스트타워)<br>통신판매업 신고번호: 제2023-성남분당A-0145호<br>사업자등록번호: 813-85-02492<br>E-mail: <a href='mailto:help@smilegate.com'>help@smilegate.com</a><br>TEL: 1670-0399",
+const gameDataStore = useGameDataStore()
+const { gameData } = storeToRefs(gameDataStore)
+
+
+const footerLinks = computed(() => {
+  return tm('Footer_Menu') as unknown as any[]
 })
+const footerData = ref(gameData.value?.footer_json as any)
+const setDevCi = ref(gameData.value?.footer_dev_ci_img_yn as boolean)
 </script>
 
 <style scoped>