pinnedBar.vue

<template>
  <v-app>
    <Notifications />
    <MainAppBar :permanently-pinned="true">
      <template #logo>
        <Logo />
      </template>
    </MainAppBar>
    <v-main>
      <nuxt />
    </v-main>
    <Footer />
  </v-app>
</template>

<script>
import MainAppBar from '~/web-components-submodule/components/common/Masthead/MainAppBar.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: {
    MainAppBar,
    Footer,
    Notifications,
    Logo,
  },
}
</script>