chore: add ga and color to identify each context

mfe-module-federation-vue · Jul 31, 2021 · e994d59 · e994d59
1 parent 9ca78a3
commit e994d59
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 3 deletions.
diff --git a/public/index.html b/public/index.html
@@ -8,12 +8,27 @@
     <title><%= htmlWebpackPlugin.options.title %></title>
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css">
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-ZNWHZ7P8QC"></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag(){window.dataLayer.push(arguments);}
+      gtag('js', new Date());
+
+      gtag('config', 'G-ZNWHZ7P8QC');
+      gtag('event', 'root - action', {
+  'event_category': '<category>',
+  'event_label':' <label>',
+  'value': '<value>'
+});
+    </script>
   </head>
   <body>
+
     <noscript>
       <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
     </noscript>
     <div id="app"></div>
     <!-- built files will be auto injected -->
   </body>
+
 </html>
diff --git a/src/App.vue b/src/App.vue
@@ -31,9 +31,9 @@ export default {
     ],
   }),
   mounted() {
-    // console.log("root", this.$store);
+    console.log("root", this.$store);
     this.$store.dispatch("user/setUser", { usuario: "teste" });
-    console.log("mounted - App.vue - root");
+    console.log("%c mounted - App.vue - root", "color: #bada55;");
   },
   methods: {
     changeMenuState() {

diff --git a/src/bootstrap.js b/src/bootstrap.js
@@ -7,6 +7,15 @@ import store from "./store";
 import userConfig from "./helper-modules/user.module";
 import emitters from "store/emitters";
 
+const FeatFlag = Vue.extend({
+  computed: {
+    $mode() {
+      return "Mode";
+    },
+  },
+});
+Vue.mixin(FeatFlag);
+
 Vue.config.productionTip = false;
 Vue.use(VueRouter);
 

diff --git a/src/components/Menu.vue b/src/components/Menu.vue
@@ -35,7 +35,8 @@ export default {
   mounted() {
     emitters.helpers.listen(emitters.EVENT_KEYS.USER, () =>
       console.log(
-        "listen - root Menu - called from root: ",
+        "%c listen - root Menu - called from root: ",
+        "color: #bada55;",
         (this.user = emitters.helpers.userData().name.first)
       )
     );