feat: routing tab keyboard shortcut

Author: Guillaume Chau

src/devtools/App.vue

@@ -81,6 +81,7 @@
             Events
           </VueGroupButton>
           <GroupDropdown
+            v-tooltip="$t('App.routing.tooltip')"
             :is-open="isRouterGroupOpen"
             :options="routingTabs"
             :value="routeModel"
@@ -204,9 +205,15 @@ export default {
               this.$router.push({ name: 'events' })
               return false
             } else if (code === 'Digit4') {
+              if (this.$route.name !== 'router') {
+                this.$router.push({ name: 'router' })
+              } else {
+                this.$router.push({ name: 'routes' })
+              }
+            } else if (code === 'Digit5') {
               this.$router.push({ name: 'perf' })
               return false
-            } else if (code === 'Digit5') {
+            } else if (code === 'Digit6') {
               this.$router.push({ name: 'settings' })
               return false
             } else if (key === 'p' || code === 'KeyP') {

src/devtools/locales/en.js

@@ -9,11 +9,14 @@ export default {
     refresh: {
       tooltip: '[[{{keys.ctrl}}]] + [[{{keys.alt}}]] + [[R]] Force Refresh'
     },
+    routing: {
+      tooltip: '[[{{keys.ctrl}}]] + [[4]] Switch to Routing'
+    },
     perf: {
-      tooltip: '[[{{keys.ctrl}}]] + [[4]] Switch to Performance'
+      tooltip: '[[{{keys.ctrl}}]] + [[5]] Switch to Performance'
     },
     settings: {
-      tooltip: '[[{{keys.ctrl}}]] + [[5]] Switch to Settings'
+      tooltip: '[[{{keys.ctrl}}]] + [[6]] Switch to Settings'
     },
     vuex: {
       tooltip: '[[{{keys.ctrl}}]] + [[2]] Switch to Vuex'