<script setup lang="ts">
import { useTagsViewStore } from "@/framework/store/modules/tagsView";
const tagsViewStore = useTagsViewStore();
</script>

<template>
  <section class="app-container" >
    <router-view v-slot="{ Component, route }">
      <keep-alive :include="tagsViewStore.cachedViews">
        <component :is="Component" :key="route.fullPath"/>
      </keep-alive>

    </router-view>

    <el-backtop target=".app-container" :right="30" :bottom="5" :visibility-height="50" />
  </section>
</template>

<style lang="scss" scoped>
.app-container {
  // height: 100%;
  width: 100%;
  padding-top: 16px;
  min-height: calc(100vh - 64px);
}

.fixed-tags+.app-container {
  // min-height: 100vh;
  padding-top: 54px;
}
</style>
