diagonal order stub

src/router/index.js

@@ -14,6 +14,14 @@ const routes = [
         // which is lazy-loaded when the route is visited.
         component: () => import(/* webpackChunkName: "home" */ '@/views/Home.vue'),
       },
+      {
+        path: '/vault',
+        name: 'Vault',
+        // 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(/* webpackChunkName: "vaultview" */ '@/views/VaultView.vue'),
+      },
       {
         path: '/orders',
         name: 'Orders',
@@ -36,12 +44,9 @@ const routes = [
         component: () => import(/* webpackChunkName: "ladder" */ '@/components/LadderOrder.vue'),
       },
       {
-        path: '/vault',
-        name: 'Vault',
-        // 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(/* webpackChunkName: "vaultview" */ '@/views/VaultView.vue'),
+        path: '/diagonal',
+        name: 'Diagonal',
+        component: () => import(/* webpackChunkName: "diagonal" */ '@/components/DiagonalOrder.vue'),
       },
     ],
   },