feat: Initial Nuxt app

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

@@ -0,0 +1,19 @@
+<template>
+  <div class="h-screen flex items-center justify-center px-4">
+    <UButton
+      icon="i-lucide-chevron-left"
+      to="/"
+      size="xl"
+      color="neutral"
+      variant="subtle"
+      class="absolute left-8 top-8 rounded-full z-10"
+    />
+
+    <UPageCard
+      variant="subtle"
+      class="max-w-sm w-full"
+    >
+      <slot />
+    </UPageCard>
+  </div>
+</template>

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>