fix. 컴포넌트 폴더 구조 변경

app/pages/[d1]/[d2]/[d3].vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { storeToRefs } from 'pinia'
 import { usePageDataStore } from '#layers/stores/usePageDataStore'
-import Template from '#layers/components/molecules/Template.vue'
 
 const pageDataStore = usePageDataStore()
 const { pageData } = storeToRefs(pageDataStore)
@@ -34,7 +33,7 @@ watchEffect(() => {
 <template>
   <NuxtLayout :name="layout">
     <ClientOnly>
-      <Template :templates="pageData?.templates ?? []" />
+      <BlocksMain :templates="pageData?.templates ?? []" />
     </ClientOnly>
   </NuxtLayout>
 </template>

app/pages/[d1]/[d2]/index.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { storeToRefs } from 'pinia'
 import { usePageDataStore } from '#layers/stores/usePageDataStore'
-import Template from '#layers/components/molecules/Template.vue'
 
 const pageDataStore = usePageDataStore()
 const { pageData } = storeToRefs(pageDataStore)
@@ -34,7 +33,7 @@ watchEffect(() => {
 <template>
   <NuxtLayout :name="layout">
     <ClientOnly>
-      <Template :templates="pageData?.templates ?? []" />
+      <BlocksMain :templates="pageData?.templates ?? []" />
     </ClientOnly>
   </NuxtLayout>
 </template>

app/pages/[d1]/index.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { storeToRefs } from 'pinia'
 import { usePageDataStore } from '#layers/stores/usePageDataStore'
-import Template from '#layers/components/molecules/Template.vue'
 
 const pageDataStore = usePageDataStore()
 const { pageData } = storeToRefs(pageDataStore)
@@ -34,7 +33,7 @@ watchEffect(() => {
 <template>
   <NuxtLayout :name="layout">
     <ClientOnly>
-      <Template :templates="pageData?.templates ?? []" />
+      <BlocksMain :templates="pageData?.templates ?? []" />
     </ClientOnly>
   </NuxtLayout>
 </template>

app/pages/index.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { storeToRefs } from 'pinia'
 import { usePageDataStore } from '#layers/stores/usePageDataStore'
-import Template from '#layers/components/molecules/Template.vue'
 
 const pageDataStore = usePageDataStore()
 const { pageData } = storeToRefs(pageDataStore)
@@ -43,7 +42,7 @@ watchEffect(() => {
 <template>
   <NuxtLayout :name="layout">
     <ClientOnly>
-      <Template :templates="pageData?.templates ?? []" />
+      <BlocksMain :templates="pageData?.templates ?? []" />
     </ClientOnly>
   </NuxtLayout>
 </template>

layers/components/blocks/Main.vue

@@ -11,14 +11,16 @@ const isShowTemplate = (template: PageDataTemplate) => {
 </script>
 
 <template>
-  <template
-    v-for="(template, index) in props.templates"
-    :key="template.template_code ?? index"
-  >
-    <component
-      :is="registry[template.template_code]?.component"
-      v-if="isShowTemplate(template)"
-      :components="template.components"
-    />
-  </template>
+  <main>
+    <template
+      v-for="(template, index) in props.templates"
+      :key="template.template_code ?? index"
+    >
+      <component
+        :is="registry[template.template_code]?.component"
+        v-if="isShowTemplate(template)"
+        :components="template.components"
+      />
+    </template>
+  </main>
 </template>

layers/components/blocks/default/Header.vue

@@ -12,7 +12,7 @@ const gnbList = gameData?.gnb?.menus as GameDataGnb['menus']
   <header
     class="bg-theme-foreground text-theme-foreground-reversal relative z-50"
   >
-    <LayoutStoveGnb />
+    <MoleculesStoveGnb />
     <div
       data-name="header-game"
       class="px-[40px] h-16 flex items-center whitespace-nowrap"

layers/layouts/default.vue

@@ -2,10 +2,8 @@
 
 <template>
   <div>
-    <LayoutDefaultHeader />
-    <main>
-      <slot />
-    </main>
-    <LayoutDefaultFooter />
+    <BlocksDefaultHeader />
+    <slot />
+    <BlocksDefaultFooter />
   </div>
 </template>