feat. lnb컴포넌트

layers/layouts/default.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 const isLoading = ref(true)
-const maintRef = ref<HTMLElement>()
+const mainRef = ref<HTMLElement>()
 
 const { height: viewportH } = useWindowSize()
-const { bottom: mainBottom } = useElementBounding(maintRef)
+const { bottom: mainBottom } = useElementBounding(mainRef)
 
 const pinToMain = computed(() => {
   if (!mainBottom.value) return false
@@ -20,7 +20,7 @@ onMounted(() => {
 <template>
   <LayoutsHeader />
   <AtomsLoadingSimple :is-loading="isLoading" />
-  <main id="LayoutsMain" class="relative">
+  <main id="LayoutsMain" ref="mainRef" class="relative">
     <slot />
   </main>
   <LayoutsFooter />