liveh5-nuxt/app/app.vue

<script setup>
import { useI18n } from 'vue-i18n'
/*import {message} from '@/components/x-message/useMessage.js'
message.success('success')*/
useHead({
  title: useI18n().t('appSetting.appName'),
  meta: [
    { name: 'description', content: useI18n().t('appSetting.appDescription') },
    { name: 'keywords', content: useI18n().t('appSetting.appKeyWords') },
  ],
})
const color = useColorMode()
const mode = computed(() => {
  return color.value
})

</script>

<template>
  <VanConfigProvider :theme="mode" >
    <NuxtLoadingIndicator
      color="repeating-linear-gradient(to right,var(--c-primary) 0%,var(--c-primary-active) 100%)" />
    <NuxtLayout>
      <NuxtPage/>
    </NuxtLayout>
  </VanConfigProvider>
</template>

<style>
.page-enter-active,
.page-leave-active {
  transition: all 0.2s;
}

.page-enter-from,
.page-leave-to {
  opacity: 0;
  filter: blur(1rem);
}
</style>