<script setup lang="ts">
import { computed } from 'vue'
import { useRoute } from 'vue-router'

import AppHeader from '@/components/AppHeader.vue'

const route = useRoute()

// Hide header on match page for full-screen game view
const showHeader = computed(() => route.name !== 'match')
</script>

<template>
  <div class="min-h-screen flex flex-col">
    <AppHeader v-if="showHeader" />
    <main class="flex-1">
      <RouterView />
    </main>
  </div>
</template>
