Code-Create/src/routes.ts

import type { RouteRecordRaw } from 'vue-router'
import AboutView from './pages/about-us/index.vue'
import ContactView from './pages/ContactView.vue'
import HomeView from './pages/home/index.vue'
import ProductsView from './pages/ProductsView.vue'
import { LANGS } from './lang'
export const routes: RouteRecordRaw[] = [
	{
		path: `/:lang(${LANGS.join('|')})?`,
		children: [
			{
				path: '',
				component: HomeView,
			},
			{
				path: 'about-us',
				name: 'about-us',
				component: AboutView
			},
			{
				path: 'products',
				name: 'products',
				component: ProductsView
			},
			{
				path: 'contact-us',
				name: 'contact',
				component: ContactView
			},
			{
				path: 'aida',
				name: 'Aida',
				component: () => import('./pages/aida/index.vue')
			}
		]
	}
]