29 lines
714 B
Vue
29 lines
714 B
Vue
|
<script setup lang="ts">
|
||
|
|
import type { ConfigProviderTheme } from 'vant'
|
||
|
|
import useKeepalive from '~/composables/keepalive'
|
||
|
|
import { appName } from '~/constants'
|
||
|
|
|
||
|
|
useHead({
|
||
|
|
title: appName,
|
||
|
|
})
|
||
|
|
|
||
|
|
const color = useColorMode()
|
||
|
|
|
||
|
|
const mode = computed(() => {
|
||
|
|
return color.value as ConfigProviderTheme
|
||
|
|
})
|
||
|
|
|
||
|
|
const keepAliveRouteNames = computed(() => {
|
||
|
|
return useKeepalive().routeCaches as string[]
|
||
|
|
})
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<VanConfigProvider :theme="mode">
|
||
|
|
<NuxtLoadingIndicator color="repeating-linear-gradient(to right,var(--c-primary) 0%,var(--c-primary-active) 100%)" />
|
||
|
|
<NuxtLayout>
|
||
|
|
<NuxtPage :keepalive="{ include: keepAliveRouteNames }" />
|
||
|
|
</NuxtLayout>
|
||
|
|
</VanConfigProvider>
|
||
|
|
</template>
|