<script setup>
  import { useTabsBarStore } from '@/store/tabsbar.js'
  const cachedViews = useTabsBarStore().cachedViews
  // v-if="!route.meta.link"
</script>

<template>
    <section class="tjm_main_content_container">
        <router-view v-slot="{ Component, route }">
            <transition-group appear name="fade-transform" mode="out-in">
                <keep-alive :include="cachedViews">
                    <component :is="Component" :key="route.path" />
                </keep-alive>  
            </transition-group>
        </router-view>
    </section>
</template>

<style lang="scss" scoped>
.tjm_main_content_container {
  min-height: $base-main-height;
  background-color: inherit;
  padding: $base-padding;
}
</style>