xl-root/src/pinia/SystemStore/index.js

import {defineStore} from "pinia";
import {ref} from "vue";
import mockRoutes from './mock.js';
import router from "../../router/index.js";
import generateRouter from "../../router/generateRouter.js";

export const useSystemStore = defineStore("SystemStore", () => {
    const isRoot = ref(false);
    const RoutesTemp = ref([]);

    const installRoute = async () => {
        const routes = generateRouter(RoutesTemp.value);
        router.removeRoute('home');
        router.addRoute({
            path: '/home',
            name: 'home',
            component: () => import('../../pages/layout/index.vue'),
            redirect: `/home/${routes[0].path}`,
            children: routes
        });
        await router.replace(router.currentRoute.value.fullPath);
    }

    const setRouter = async () => {
        RoutesTemp.value.length = 0;
        // 请求资源 mockRoutes
        const routes = generateRouter(mockRoutes);
        RoutesTemp.value.push(...mockRoutes);
        await installRoute();
    }

    return {
        isRoot,
        RoutesTemp,
        setRouter,
        installRoute,
    }
}, {
    persist: {
        key: 'SystemStore',
        storage: localStorage,
        afterHydrate: (val) => {
            val.store.installRoute && val.store.installRoute();
        },
        pick: ['RoutesTemp']
    }
});