chat-moments/src/App.vue

<script setup lang="ts">
import { NConfigProvider, NGlobalStyle } from 'naive-ui'
import { NaiveProvider } from '@/components/common'
import { useTheme } from '@/hooks/useTheme'
import { useLanguage } from '@/hooks/useLanguage'
import { emitter } from '@/plugins'
import { onMounted, ref, provide } from 'vue'
import { useRouter } from 'vue-router'
import { useBasicLayout } from '@/hooks/useBasicLayout'

const { theme, themeOverrides } = useTheme()
const { language } = useLanguage()

const { isMobile } = useBasicLayout()
const router = useRouter()
emitter.on('changeVipShow', res => {
    console.log(res)
    if (isMobile.value) {
        router.push('/vip')
    } else {
        emitter.emit('vipShowChat', !!res)
    }
})
function login() {
    if (isMobile.value) {
        router.replace({ name: 'login' })
    } else {
        router.replace({ name: 'home', query: { login: 'true' } })
    }
}
provide('login', login)
</script>

<template>
    <NConfigProvider
        class="h-full"
        :theme="theme"
        :theme-overrides="themeOverrides"
        :locale="language"
        inline-theme-disabled
    >
        <NGlobalStyle />
        <NaiveProvider>
            <RouterView />
        </NaiveProvider>
    </NConfigProvider>
</template>