Payment/src/router/index.ts

import { createRouter, createWebHistory } from 'vue-router'
import HomeView from '../views/HomeView.vue'
import pc from '../components/pc/index.vue'
import mobile from '../components/mobile/index.vue'
import pcHome from '../views/pc/index.vue'
import mobileHome from '../views/mobile/index.vue'
const routesP = [{
  path: '/',
  name: 'Pc',
  redirect: '/',
  component: pc,
  children: [{
    path: '/',
    name: 'index',
    component: pcHome
  }]
}]

const routesM = [{
  path: '/',
  name: 'Mobile',
  redirect: '/',
  component: mobile,
  children: [{
    path: '/',
    name: 'index',
    component: mobileHome
  }]
}]

var routes = [];
if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {
  routes = routesM
} else {
  routes = routesP
}
const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes,
})

export default router