58 lines
1.3 KiB
Vue
58 lines
1.3 KiB
Vue
<template>
|
|
<v-app>
|
|
<!-- KvInitialize 组件自行决定是否展示或执行跳转 -->
|
|
<kv-initialize />
|
|
<!-- 正常路由 -->
|
|
<router-view v-slot="{ Component, route }">
|
|
<transition name="md3" mode="out-in">
|
|
<component :is="Component" :key="route.path" />
|
|
</transition>
|
|
</router-view>
|
|
<global-message />
|
|
<rate-limit-modal />
|
|
</v-app>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { onMounted } from "vue";
|
|
import { useTheme } from "vuetify";
|
|
import { getSetting } from "@/utils/settings";
|
|
import RateLimitModal from "@/components/RateLimitModal.vue";
|
|
import KvInitialize from "@/components/KvInitialize.vue";
|
|
import Clarity from "@microsoft/clarity";
|
|
|
|
const theme = useTheme();
|
|
|
|
onMounted(() => {
|
|
// 应用保存的主题设置
|
|
const savedTheme = getSetting("theme.mode");
|
|
theme.global.name.value = savedTheme;
|
|
|
|
// Clarity 标识（保留在 App 层）
|
|
Clarity.identify(
|
|
getSetting("device.uuid"),
|
|
getSetting("server.domain"),
|
|
getSetting("server.provider"),
|
|
getSetting("server.classNumber")
|
|
);
|
|
});
|
|
|
|
</script>
|
|
<style>
|
|
.md3-enter-active,
|
|
.md3-leave-active {
|
|
transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
|
|
transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
|
|
.md3-enter-from {
|
|
opacity: 0;
|
|
transform: translateX(0.5vw);
|
|
}
|
|
|
|
.md3-leave-to {
|
|
opacity: 0;
|
|
transform: translateX(-0.5vw);
|
|
}
|
|
</style>
|