default.vue

<template>
  <v-app>
    <Notifications />
    <EubopenAppBar>
      <template #logo>
        <Logo />
      </template>
    </EubopenAppBar>
    <v-main class="main-app-content">
      <v-container>
        <nuxt />
      </v-container>
    </v-main>
    <Footer />
  </v-app>
</template>

<script>
import EubopenAppBar from '~/components/Masthead/EubopenAppBar.vue'
import Footer from '~/components/footer/Footer.vue'
import Notifications from '~/web-components-submodule/components/common/Notifications.vue'
import Logo from '~/components/Logo.vue'

export default {
  components: {
    EubopenAppBar,
    Footer,
    Notifications,
    Logo,
  },
}
</script>
<style lang="scss" scoped>
.main-app-content {
  min-height: 70vh;
}
</style>