|
@@ -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;
|