Александр www in Vue.js — русскоговорящее сообщество

Всем привет, подскажите как 2 роутера использовать во Vue:

import router from './routes';
import adminRouter from './admin/routes';

createApp(App)
    .use(router)
    .use(adminRouter);

admin/router/index.js:

import { createRouter, createWebHistory } from 'vue-router';
import AdminLayout from "../layouts/AdminLayout.vue";
import Orders from '../pages/Orders.vue';

const routes = [
    { path: '/', component: AdminLayout,  children: [
            { path: '/orders', name: 'AdminOrders', component: Orders, meta: {title: 'Заявки'} },
        ]
    },
];

const adminRouter = createRouter({
    history: createWebHistory('/admin'),
    routes,
});

export default adminRouter;

routes/index.js:

import { createRouter, createWebHistory } from 'vue-router';
import AppLayout from "../layouts/AppLayout.vue";
import Main from '../pages/Main.vue';

const routes = [
    { path: '/', component: AppLayout,  children: [
            { path: '/', name: 'Main', component: Main, meta: {title: 'Главная'} },
        ]
    },
];

export default router;

Так вообще можно делать?? В консоли всякие ошибки

www.tgoop.com/vuejs_ru/1610778

May 6 at 17:49

Всем привет, подскажите как 2 роутера использовать во Vue:

import router from './routes';
import adminRouter from './admin/routes';

createApp(App)
    .use(router)
    .use(adminRouter);

import { createRouter, createWebHistory } from 'vue-router';
import AdminLayout from "../layouts/AdminLayout.vue";
import Orders from '../pages/Orders.vue';

const routes = [
    { path: '/', component: AdminLayout,  children: [
            { path: '/orders', name: 'AdminOrders', component: Orders, meta: {title: 'Заявки'} },
        ]
    },
];

const adminRouter = createRouter({
    history: createWebHistory('/admin'),
    routes,
});

export default adminRouter;

import { createRouter, createWebHistory } from 'vue-router';
import AppLayout from "../layouts/AppLayout.vue";
import Main from '../pages/Main.vue';

const routes = [
    { path: '/', component: AppLayout,  children: [
            { path: '/', name: 'Main', component: Main, meta: {title: 'Главная'} },
        ]
    },
];

export default router;

BY Александр www in Vue.js — русскоговорящее сообщество