website/vue-archive/apps/website/layouts/default.vue

<template>
  <div class="app-layout">
    <AppNavbar />
    <main>
      <slot />
    </main>
    <AppFooter />
  </div>
</template>

<script setup lang="ts">
// Layout components are auto-imported by Nuxt
</script>

<style scoped>
.app-layout {
  /* Allow background to be transparent for safe area extension */
  background-color: transparent;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

main {
  flex-grow: 1;
  background-color: transparent;
}
</style>