decorate/src/main.ts

import { createApp, watch } from 'vue'
import '@/assets/iconfont/iconfont.css'
import 'ant-design-vue/lib/message/style/index.less'
import './style.scss'
import App from './App.vue'
import { router, enableRouteNames } from './router'
import { pinia, useUserStore } from './store'

export const app = createApp(App)
app.use(router)
app.use(pinia)
app.mount('#app')

const userStore = useUserStore(pinia)

watch(
  () => userStore.roleMenus,
  nMenus => {
    enableRouteNames([...nMenus])
  },
  { flush: 'sync', immediate: true }
)