Реализация переключателя языка и последняя (надеюсь, что так) недостающая головоломка.
У меня определены эти маршруты:
routes: [
{
path: '/',
redirect: `/en`,
},
{
path: '/:lang',
component: {
render: h => h('router-view')
},
children: [
{
path: '',
name: 'home',
component: Home,
},
],
},
],
И у меня есть несколько маршрутов из бэкэнда, я добавляю эти маршруты к существующим, как это:
fetchRoutes({commit}) {
axios.get( `${process.env.VUE_APP_API_DOMAIN}/wp-json/api/v1/routes/`).then( r => r.data ).then(routes => {
routes.forEach( (route) => {
router.addRoutes([
{
path: `${route.path}`,
name: `${route.path}`,
component: () => import(/* webpackChunkName: 'pages' */ `./views/${route.component}.vue`),
props: route.props,
},
]);
} );
});
},
Этоштраф за недетские маршруты.Но мне нужно поставить эти маршруты под path: '/:lang',
как дети.