<template>
  <TopNav v-if="!isAuthPage" />
  <div class="page-content" :class="{ 'has-nav': !isAuthPage }">
    <NuxtPage />
  </div>
</template>

<script setup lang="ts">
const route = useRoute()
const isAuthPage = computed(() => route.path.startsWith('/auth'))
</script>

<style>
.page-content.has-nav {
  padding-top: 64px;
}
</style>
