app_vue2/components/Layout/Subheader.vue

<template>
  <main>
    <v-card
      v-if="displayedSubHeader"
      class="d-none d-sm-none d-md-flex ot_super_light_grey text-body-2"
      flat
      tile
    >
      <LayoutBreadcrumbs class="mr-auto"></LayoutBreadcrumbs>
      <v-card
        class="d-md-flex ot_super_light_grey pt-2 mr-6  align-baseline"
        flat
        tile
      >
        <LayoutActivityYear></LayoutActivityYear>
        <LayoutDataTiming class="ml-2"></LayoutDataTiming>
        <LayoutDataTimingRange class="ml-n1"></LayoutDataTimingRange>
      </v-card>
    </v-card>
  </main>
</template>

<script lang="ts">
  import {computed, defineComponent, useContext} from '@nuxtjs/composition-api'

  export default defineComponent({
    setup() {
      const {store} = useContext()
      const displayedSubHeader = computed(()=>store.state.profile.access.hasLateralMenu || store.state.profile.access.isTeacher)
      return {
        displayedSubHeader
      }
    }
  })
</script>


<style scoped>

</style>