Polarcraft/web/layouts/default.vue

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

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