mobile fixes

src/router/index.js

@@ -1,55 +0,0 @@
-// Composables
-import { createRouter, createWebHistory } from 'vue-router'
-
-const routes = [
-  {
-    path: '/',
-    component: () => import('@/layouts/chart/ChartLayout.vue'),
-    children: [
-      {
-        name: 'App',
-        path: '/',
-        // route level code-splitting
-        // this generates a separate chunk (about.[hash].js) for this route
-        // which is lazy-loaded when the route is visited.
-        component: () => import('@/components/chart/ChartPlaceOrder.vue'),
-      },
-      {
-        name: 'Shared',
-        path: '/shared/:code',
-        component: ()=> import('@/components/chart/Shared.vue')
-      },
-      {
-        name: 'Order',
-        path: '/order',
-        // route level code-splitting
-        // this generates a separate chunk (about.[hash].js) for this route
-        // which is lazy-loaded when the route is visited.
-        component: () => import('@/components/chart/ChartPlaceOrder.vue'),
-      },
-      {
-        name: 'Assets',
-        path: '/assets',
-        // route level code-splitting
-        // this generates a separate chunk (about.[hash].js) for this route
-        // which is lazy-loaded when the route is visited.
-        component: () => import('@/components/chart/ChartVault.vue'),
-      },
-      {
-        name: 'Status',
-        path: '/status',
-        // route level code-splitting
-        // this generates a separate chunk (about.[hash].js) for this route
-        // which is lazy-loaded when the route is visited.
-        component: () => import('@/components/chart/ChartStatus.vue'),
-      },
-    ],
-  },
-]
-
-const router = createRouter({
-  history: createWebHistory(process.env.BASE_URL),
-  routes,
-})
-
-export default router

src/router/newRouter.js

@@ -0,0 +1,10 @@
+// Composables
+import {createRouter, createWebHistory} from 'vue-router'
+import {routes} from "@/router/routes.js";
+
+export function newRouter() {
+  return createRouter({
+    history: createWebHistory(process.env.BASE_URL),
+    routes,
+  })
+}

src/router/router.js

@@ -0,0 +1,3 @@
+export let router = null
+
+export function setRouter (r) { router = r }

src/router/routes.js

@@ -0,0 +1,45 @@
+export const routes = [
+    {
+        path: '/',
+        component: () => import('@/layouts/chart/ChartLayout.vue'),
+        children: [
+            {
+                name: 'App',
+                path: '/',
+                // route level code-splitting
+                // this generates a separate chunk (about.[hash].js) for this route
+                // which is lazy-loaded when the route is visited.
+                component: () => import('@/components/chart/ChartPlaceOrder.vue'),
+            },
+            {
+                name: 'Shared',
+                path: '/shared/:code',
+                component: () => import('@/components/chart/Shared.vue')
+            },
+            {
+                name: 'Order',
+                path: '/order',
+                // route level code-splitting
+                // this generates a separate chunk (about.[hash].js) for this route
+                // which is lazy-loaded when the route is visited.
+                component: () => import('@/components/chart/ChartPlaceOrder.vue'),
+            },
+            {
+                name: 'Assets',
+                path: '/assets',
+                // route level code-splitting
+                // this generates a separate chunk (about.[hash].js) for this route
+                // which is lazy-loaded when the route is visited.
+                component: () => import('@/components/chart/ChartVault.vue'),
+            },
+            {
+                name: 'Status',
+                path: '/status',
+                // route level code-splitting
+                // this generates a separate chunk (about.[hash].js) for this route
+                // which is lazy-loaded when the route is visited.
+                component: () => import('@/components/chart/ChartStatus.vue'),
+            },
+        ],
+    },
+]