Initial commit

src/components/RouterLayout/index.vue

@@ -0,0 +1,26 @@
+<!-- router-view 结合 keep-alive 组件 -->
+<template>
+  <router-view v-slot="{ Component }">
+    <transition :name="transitionName" mode="out-in" appear>
+      <keep-alive :include="keepAliveInclude">
+        <component :is="Component" />
+      </keep-alive>
+    </transition>
+  </router-view>
+</template>
+
+<script lang="ts">
+  import { defineComponent } from 'vue';
+  import { storeToRefs } from 'pinia';
+  import { useThemeStore } from '@/store/modules/theme';
+
+  export default defineComponent({
+    name: 'RouterLayout',
+    setup() {
+      const themeStore = useThemeStore();
+      const { keepAliveInclude, transitionName } = storeToRefs(themeStore);
+
+      return { keepAliveInclude, transitionName };
+    }
+  });
+</script>