feat: integrate routes history into framerate graph

Author: Guillaume Chau

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

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
     }
   },