SEECBC/FrontEnd/layouts/default.vue

<template>
  <v-app>
    <base-app-bar />
    <base-drawer />
    <v-content>
      <v-container fluid class="pt-0">
        <nuxt />
      </v-container>
    </v-content>
    <v-footer :fixed="fixed" app>
      <span>&copy; {{ new Date().getFullYear() }}</span>
    </v-footer>
  </v-app>
</template>

<script lang="ts">
import Vue from 'vue'
import BaseDrawer from '~/components/base/Drawer.vue'
import BaseAppBar from '~/components/base/AppBar.vue'

export default Vue.extend({
  components: {
    BaseDrawer,
    BaseAppBar
  },
  data() {
    return {
      clipped: false,
      drawer: false,
      fixed: false,
      items: [
        {
          icon: 'mdi-apps',
          title: 'Welcome',
          to: '/'
        },
        {
          icon: 'mdi-chart-bubble',
          title: 'Inspire',
          to: '/inspire'
        }
      ],
      miniVariant: false,
      right: true,
      rightDrawer: false,
      title: 'Vuetify.js'
    }
  }
})
</script>

<style>
.v-content {
  background-color: #f9f9f9;
}
</style>