<template>
  <section class="app-main app-main-content">
    <transition name="fade" mode="out-in">
      <div class="mainHeight">
        <keep-alive :include="cachedViews">
          <router-view />
        </keep-alive>
      </div>
    </transition>
  </section>
</template>

<script>
export default {
  name: "AppMain",
  computed: {
    cachedViews() {
      return this.$store.state.cachedViews;
    },
  },
};
</script>

<style scoped>
.mainHeight {
  height: 100%;
}
</style>
