fix. gnb 코드 리팩토링

layers/components/layouts/Header.vue

@@ -41,9 +41,13 @@ const officialItemWidths = ref<number[]>([])
 const overflowNam = ref<number>(0)
 
 const gnbData = computed(() => gameData.value?.gnb)
-const hasGnbMenus = computed(
-  () => gnbData.value?.menus && Object.keys(gnbData.value?.menus).length > 0
-)
+const hasGnbMenus = computed(() => {
+  const menus = gnbData.value?.menus
+  if (!menus) return false
+  if (typeof menus !== 'object') return false
+  return Object.keys(menus).length > 0
+})
+
 const gnb1depthButtonData = computed(
   () => gnbData.value?.buttons[0]?.button_json as GameDataResourceGroup
 )
@@ -377,9 +381,9 @@ onMounted(() => {
             <div v-if="gameData?.event_banner" class="event">
               <div class="nav-item">
                 <AtomsLocaleLink
-                  :to="gameData.event_banner?.page_url"
+                  :to="gameData?.event_banner?.page_url"
                   :target="
-                    gameData.event_banner?.link_type === 1 ? '_self' : '_blank'
+                    gameData?.event_banner?.link_type === 1 ? '_self' : '_blank'
                   "
                   class="nav-1depth text-gradient-pink"
                   @click="handleMenuClose"
@@ -484,7 +488,7 @@ onMounted(() => {
 
 .nav-area {
   @apply flex flex-col w-[100vw] max-w-[360px] min-w-[320px] bg-theme-foreground-10 translate-x-[-100%]
-  md:inline-flex md:flex-row md:w-auto md:max-w-[100%] md:h-full md:pl-[40px] md:items-center md:bg-transparent md:transform-none;
+  md:flex-row md:w-auto md:max-w-[100%] md:h-full md:pl-[40px] md:items-center md:bg-transparent md:transform-none;
 }
 
 .nav-logo {

layers/templates/FxPreregist01/index.vue

@@ -214,6 +214,7 @@ const isRunButtonVisible = (marketType?: Platform): boolean => {
 
 // Handler
 const handlePreregistClick = () => {
+  console.log('handlePreregistClick', preregistModalRef.value)
   preregistModalRef.value?.handleOpenPreregist()
 }
 </script>