init

src/layout/components/Main/index.ts

@@ -0,0 +1,3 @@
+import MainView from './index.vue';
+
+export { MainView };

src/layout/components/Main/index.vue

@@ -0,0 +1,16 @@
+<template>
+  <RouterView>
+    <template #default="{ Component, route }">
+      <transition name="zoom-fade" mode="out-in" appear>
+        <keep-alive>
+          <component :is="Component" :key="route.fullPath" />
+        </keep-alive>
+      </transition>
+    </template>
+  </RouterView>
+</template>
+
+<script lang="ts" setup>
+import { defineProps} from 'vue'
+const props = defineProps(['notNeedKey', 'animate'])
+</script>