Init

README.md

@@ -1,3 +1,3 @@
 # Grafana Debugger
 
-TODO
+TODO

package.json

@@ -12,9 +12,11 @@
     "@mdi/font": "7.0.96",
     "core-js": "^3.29.0",
     "md-editor-v3": "^4.10.0",
+    "rison-node": "^2.1.1",
     "roboto-fontface": "*",
     "vue": "^3.3.0",
     "vue-cookies": "^1.8.3",
+    "vue-gtag": "^2.0.1",
     "vue-router": "^4.0.0",
     "vuetify": "^3.4.9"
   },

src/layouts/default/Default.vue

@@ -18,21 +18,21 @@
       >
 
           <div class="text-no-wrap ml-2 float-left">
-            Maintained by:&nbsp;<a href="https://monitoringartist.com" _target="_blank">Monitoring Artist</a>
+            Crafted with <v-icon icon="mdi-cards-heart" color="red"></v-icon> by:&nbsp;<a class="text-decoration-none" href="https://monitoringartist.com" _target="_blank">Monitoring Artist</a>
           </div>
           <div class="ml-2 float-left">
             |
           </div>
           <div class="text-no-wrap ml-2 float-left">
-            Star:&nbsp;<a target="_blank" href="https://github.com/jangaraj/gv">GitHub repository</a>
+            <v-icon icon="mdi-github"></v-icon>&nbsp;<a class="text-decoration-none" target="_blank" href="https://github.com/monitoringartist/grafana-debugger">GitHub repository</a>
           </div>
           <div class="ml-2 float-left">
             | 
           </div>
           <div class="text-no-wrap ml-2 float-left">
-            Feedback:&nbsp;<a target="_blank" href="https://github.com/jangaraj/gv/issues/new">New GitHub issue</a>
+            <v-icon icon="mdi-scale-balance"></v-icon>&nbsp;<a class="text-decoration-none" target="_blank" href="todo">Legal</a>
           </div>
-        
+
       </v-card>
     </v-footer>
   </v-app>

src/main.js

@@ -17,9 +17,20 @@ const app = createApp(App)
 
 registerPlugins(app)
 
-app.mount('#app')
-
 import { VueCookies } from 'vue-cookies'
 app.use(VueCookies)
 
+import VueGtag from 'vue-gtag'
+import router from './router'
+app.use(
+    VueGtag, 
+    {
+        config: { id: 'G-KY34G7DB1G' },
+        appName: 'Grafan Debugger',
+        pageTrackerScreenviewEnabled: true,
+    },
+    router
+)
+
+app.mount('#app')
 app.config.globalProperties.window = window

src/router/index.js

@@ -9,9 +9,6 @@ const routes = [
       {
         path: '',
         name: 'Introduction',
-        // route level code-splitting
-        // this generates a separate chunk (Home-[hash].js) for this route
-        // which is lazy-loaded when the route is visited.
         component: () => import('@/views/Main.vue'),
       }
     ],