⚡ Tweaks to diagnostic events (#2544)

* Tweaks to events

* more tweaks and fixes

packages/editor-ui/src/App.vue

@@ -14,14 +14,20 @@
 </template>
 
 <script lang="ts">
+import Vue from 'vue';
 import Telemetry from './components/Telemetry.vue';
 
-export default {
+export default Vue.extend({
 	name: 'App',
 	components: {
 		Telemetry,
 	},
-};
+	watch: {
+		'$route'(route) {
+			this.$telemetry.page('Editor', route.name);
+		},
+	},
+});
 </script>
 
 <style lang="scss">

packages/editor-ui/src/plugins/telemetry/index.ts

@@ -66,6 +66,12 @@ class Telemetry {
 		}
 	}
 
+	page(category?: string, name?: string | undefined | null) {
+		if (this.telemetry)	{
+			this.telemetry.page(category, name);
+		}
+	}
+
 	trackNodesPanel(event: string, properties: IDataObject = {}) {
 		if (this.telemetry) {
 			properties.nodes_panel_session_id = this.userNodesPanelSession.sessionId;

packages/editor-ui/src/views/NodeView.vue

@@ -2526,6 +2526,7 @@ export default mixins(
 			});
 
 			this.$externalHooks().run('nodeView.mount');
+			this.$telemetry.page('Editor', this.$route.name);
 		},
 
 		destroyed () {