fantasia-archive/src/layouts/ProjectManagentLayout.vue

<template>
  <q-layout view="lHh LpR lfr">

    <!-- Header -->
    <appHeader
      :is-project="false"
    />

    <q-page-container>
      <transition
        enter-active-class="animated fadeIn"
        leave-active-class="animated fadeOut"
        appear
        :duration="50"
      >
      <router-view :key="$route.path" />
      </transition>
    </q-page-container>
  </q-layout>
</template>

<script lang="ts">

import { Component } from "vue-property-decorator"
import BaseClass from "src/BaseClass"
import appHeader from "src/components/AppHeader.vue"
import { retrieveCurrentProjectName } from "src/scripts/projectManagement/projectManagent"

@Component({
  components: { appHeader }
})
export default class ProjectManagementLayout extends BaseClass {
  async created () {
    const currentProjectName = await retrieveCurrentProjectName()

    this.SSET_setProjectName(currentProjectName)
  }
}
</script>

<style lang="scss" scoped>

</style>