<template>
  <div class="h-full bg-neutral-900">
    <div v-if="user" class="hidden h-full grid-cols-desktoplayout grid-rows-desktoplayout sm:grid">
      <LayoutNavbar class="col-span-2" />
      <LayoutSidebar v-if="user.minecraft.uuid" class="" />
      <div class="overflow-y-auto px-10" :class="{ 'col-span-2': !user.minecraft.uuid }">
        <NuxtPage />
      </div>
    </div>
    <div v-if="user" class="h-full sm:hidden">
      <div class="overflow-y-auto p-2">
        <NuxtPage />
      </div>
    </div>
  </div>
</template>

<script setup>
const user = useState('user')
</script>
