|
|
|
|
@ -1,6 +1,6 @@
|
|
|
|
|
<template>
|
|
|
|
|
<section class="app-main">
|
|
|
|
|
<router-view v-slot="{ Component, route }" :key="$route.fullPath">
|
|
|
|
|
<router-view v-slot="{ Component, route }">
|
|
|
|
|
<transition :enter-active-class="animante" mode="out-in">
|
|
|
|
|
<keep-alive :include="tagsViewStore.cachedViews">
|
|
|
|
|
<component :is="Component" v-if="!route.meta.link" :key="route.path" />
|
|
|
|
|
@ -23,8 +23,15 @@ const tagsViewStore = useTagsViewStore();
|
|
|
|
|
const animante = ref<string>('');
|
|
|
|
|
const animationEnable = ref(useSettingsStore().animationEnable);
|
|
|
|
|
watch(
|
|
|
|
|
() => useSettingsStore().animationEnable,
|
|
|
|
|
() => tagsViewStore.cachedViews,
|
|
|
|
|
(val) => {
|
|
|
|
|
console.log(val);
|
|
|
|
|
},
|
|
|
|
|
{ deep: true }
|
|
|
|
|
);
|
|
|
|
|
watch(
|
|
|
|
|
() => useSettingsStore().animationEnable,
|
|
|
|
|
(val: boolean) => {
|
|
|
|
|
animationEnable.value = val;
|
|
|
|
|
if (val) {
|
|
|
|
|
animante.value = proxy?.animate.animateList[Math.round(Math.random() * proxy?.animate.animateList.length)] as string;
|
|
|
|
|
|