app.vue

<template>
  <NuxtLayout id="app">
    <v-app class="google-font">
      <NuxtLoadingIndicator />
      <CoreAppToolbar />
      <CoreAppDrawer />
      <v-main class="pa-0" style="min-height: 100vh">
        <CoreAppBanner
          v-if="
            configData &&
              configData.eventInfo.registeration.link.length &&
              new Date(configData.eventInfo.registeration.end_date) > new Date()
          "
          :link="configData.eventInfo.registeration.link"
        />
        <v-container fluid class="flex-grow-1">
          <v-row justify="center" align="start">
            <v-col md="11" lg="10">
              <NuxtPage />
            </v-col>
          </v-row>
        </v-container>
      </v-main>
      <CoreAppFooter />
    </v-app>
  </NuxtLayout>
</template>

<script setup>
import configData from "../assets/data/config.json";
const configDataSet = ref([]);
configDataSet.value = configData;
</script>

<style scoped>
main {
  flex-grow: 1;
}
</style>