Breadcrumb navigation links

Make it possible to use `route.params` inside the breadcrumb. Use it to link to `/:chain/staking` and `/:chain/blocks`.
2022-11-30 22:55:09 +01:00
parent 9a39d87c3f
commit d4d058b9cd
2 changed files with 15 additions and 7 deletions
@@ -249,16 +249,16 @@ const router = new VueRouter({
      component: () => import('@/views/StakingValidator.vue'),
      meta: {
        pageTitle: 'Staking Validator',
-        breadcrumb: [
+        breadcrumb: route => ([
          {
            text: 'Staking',
-            active: true,
+            to: `/${route.params.chain}/staking`,
          },
          {
            text: 'Validator',
            active: true,
          },
-        ],
+        ]),
      },
    },
    {
@@ -317,16 +317,16 @@ const router = new VueRouter({
      component: () => import('@/views/Block.vue'),
      meta: {
        pageTitle: 'Block',
-        breadcrumb: [
+        breadcrumb: route => ([
          {
            text: 'Blocks',
-            active: true,
+            to: `/${route.params.chain}/blocks`,
          },
          {
            text: 'Block',
            active: true,
          },
-        ],
+        ]),
      },
    },
    {