import { createApp } from 'vue'
|
import './assets/css/index.scss'
|
import './assets/css/init.scss'
|
import './assets/theme/index.scss'
|
import 'vant/lib/index.css'
|
import fxHeader from '@/components/fx-header'
|
import 'default-passive-events'
|
// import 'amfe-flexible'
|
import App from './App.vue'
|
import i18n from '@/i18n'
|
import '@/assets/remNew.js'
|
import 'vant/es/toast/style';
|
import router from '@/router'
|
import pinia from '@/store'
|
import store from '@/store/store'
|
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
|
import { getStorage } from '@/utils/utis'
|
pinia.use(piniaPluginPersistedstate)
|
|
// 初始化主题为黑夜模式
|
const theme = getStorage('theme') || 'dark'
|
window.document.documentElement.setAttribute('data-theme', theme)
|
|
const app = createApp(App)
|
const title = import.meta.env.VITE_APP__TITLE
|
app.config.globalProperties.$title = title
|
document.title = title
|
app.use(fxHeader)
|
app.use(i18n)
|
app.use(router)
|
app.use(pinia)
|
app.use(store)
|
|
// 确保store中的主题状态与DOM同步
|
app.mount('#app')
|
// 在应用挂载后初始化主题
|
if (store.state.vant && store.state.vant.theme !== theme) {
|
store.commit('vant/SET_THEME', theme)
|
} else if (!store.state.vant || !store.state.vant.theme) {
|
store.commit('vant/SET_THEME', theme)
|
}
|