<template>
  <v-app>
    <PublicAppBar />

    <v-main>
      <v-container
        fluid
        :class="mobile ? 'pa-2' : 'pa-4'"
      >
        <router-view />
      </v-container>
    </v-main>
  </v-app>
</template>

<script setup lang="ts">
import { useDisplay } from "vuetify"

import PublicAppBar from "@/components/layout/PublicAppBar.vue"

const { mobile } = useDisplay()
</script>
