<script setup>
import { useAuth } from './composables/useAuth.js'
import AppHeader from './components/AppHeader.vue'

const { isLoggedIn } = useAuth()
</script>

<template>
  <div id="app">
    <AppHeader v-if="isLoggedIn" />
    <main class="main-content">
      <router-view />
    </main>
  </div>
</template>

<style scoped>
#app { 
  height: 100vh; 
  overflow: hidden;
  background: var(--bg); 
}
.main-content { 
  height: 92%;
  padding: 0.5rem 0 0 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
</style>
