feat: integrate routes history into framerate graph

vuejs · Aug 8, 2018 · fb3ba54 · fb3ba54
1 parent 86b4d3f
commit fb3ba54
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/src/devtools/views/perf/FramerateGraph.vue b/src/devtools/views/perf/FramerateGraph.vue
@@ -76,7 +76,8 @@ import FramerateMarkerInspector from './FramerateMarkerInspector.vue'
 
 const BUBBLE_COLORS = {
   mutations: '#FF6B00',
-  events: '#997fff'
+  events: '#997fff',
+  routes: '#42B983'
 }
 
 // In ms

diff --git a/src/devtools/views/perf/module.js b/src/devtools/views/perf/module.js
@@ -65,6 +65,15 @@ export default {
         }
       }))
 
+      const { routeChanges } = rootState.router
+      addEntries('routes', routeChanges, entry => ({
+        label: entry.to.fullPath,
+        state: {
+          'from': entry.from,
+          'to': entry.to
+        }
+      }))
+
       return markers
     }
   },