refactor: 페이지 데이터 처리 개선 및 로딩 컴포넌트 수정

app/pages/[d1]/index.vue

@@ -1,11 +1,18 @@
 <script setup lang="ts">
 import { usePageDataStore } from '#layers/stores/usePageDataStore'
 import { getLayoutType } from '#layers/utils/dataUtil'
+import type { PageDataValue } from '#layers/types/api/pageData'
 
-const pageDataStore = usePageDataStore()
-const { pageData } = storeToRefs(pageDataStore)
+const getPageData = ref<PageDataValue | null>(null)
+
+onMounted(() => {
+  const pageDataStore = usePageDataStore()
+  const { pageData } = storeToRefs(pageDataStore)
+  getPageData.value = pageData.value
+})
+
+const currentLayout = computed(() => getLayoutType(getPageData.value))
 
-const currentLayout = computed(() => getLayoutType(pageData.value))
 
 definePageMeta({
   layout: false, // 동적 레이아웃을 위해 기본 레이아웃 비활성화
@@ -15,6 +22,6 @@ definePageMeta({
 
 <template>
   <NuxtLayout :name="currentLayout">
-    <LayoutsMain v-if="pageData" :page-data="pageData" />
+    <LayoutsMain v-if="getPageData" id="page-content" :page-data="getPageData" />
   </NuxtLayout>
 </template>