feat: Initial Nuxt app

wp-content/themes/ccat/app/layouts/default.vue

@@ -0,0 +1,23 @@
+<script setup lang="ts">
+const refSiteFooterBottom = useTemplateRef("refSiteFooterBottom");
+const { height } = useElementSize(refSiteFooterBottom);
+watch(height, (h) => {
+  document.documentElement.style.setProperty("--footer-bottom-height", `${h}px`);
+});
+</script>
+
+<template>
+  <div>
+    <SiteHeaderTop />
+    <SiteHeader />
+    <div class="relative z-main bg-white border-b border-muted mb-[var(--footer-bottom-height)]">
+      <UMain>
+        <slot />
+      </UMain>
+      <SiteFooter />
+    </div>
+    <div ref="refSiteFooterBottom" class="fixed bottom-0 w-full bg-muted">
+      <SiteFooterBottom />
+    </div>
+  </div>
+</template>