Updated meta

Author: mugetsu

api/confirmed.js

@@ -25,6 +25,12 @@ export default {
       this.items[this.activeItem].deactivate()
       this.items[newIndex].activate()
       this.activeItem = newIndex
+      this.$ga.event({
+        eventCategory: 'drawer',
+        eventAction: 'change',
+        eventLabel: 'drawer change',
+        eventValue: this.items[this.activeItem].title
+      })
     }
   },
   mounted() {

components/Drawer/index.vue

@@ -18,7 +18,7 @@ module.exports = {
   ** Headers of the page
   */
   head: {
-    title: pkg.author.name,
+    title: 'COVID-19 Tracker',
     meta: [
       { charset: 'utf-8' },
       { name: 'viewport', content: 'width=device-width, initial-scale=1' },
@@ -42,26 +42,20 @@ module.exports = {
    { src: 'mapbox-gl/dist/mapbox-gl.css', lang: 'css' }
  ],
 
-  /*
-  ** Plugins to load before mounting the App
-  */
-  plugins: [
-    { src: '~plugins/ga.js', mode: 'client' }
-  ],
-
   /*
   ** Nuxt.js modules
   */
   modules: [
     '@nuxtjs/axios',
-    '@nuxtjs/pwa'
+    '@nuxtjs/pwa',
+    '@nuxtjs/google-analytics'
   ],
 
   /*
   ** Axios configuration
   */
   axios: {
-    baseURL: process.env.API_URL || 'http://localhost:3000/'
+    baseURL: process.env.API_URL
   },
 
   /*
@@ -78,9 +72,11 @@ module.exports = {
   },
 
   /*
-  ** Router middleware
+  ** GA configuration
   */
-  router: {},
+  googleAnalytics: {
+    id: process.env.GA
+  },
 
   /*
   ** Build configuration

nuxt.config.js

@@ -1,10 +1,10 @@
 {
-  "name": "personal",
+  "name": "covid-tracker",
   "version": "1.0.0",
   "engines": {
     "node": "10.16.0"
   },
-  "description": "personal site powered by nuxt + vue",
+  "description": "tracks COVID-19 around the world",
   "author": {
     "name": "Randell Quitain",
     "email": "[email protected]",
@@ -31,6 +31,7 @@
   "devDependencies": {
     "@babel/core": "^7.8.4",
     "@babel/preset-env": "^7.8.4",
+    "@nuxtjs/google-analytics": "^2.2.3",
     "@vue/test-utils": "^1.0.0-beta.31",
     "babel-core": "^7.0.0-bridge.0",
     "babel-jest": "^25.1.0",

package-lock.json

@@ -93,12 +93,18 @@ export default {
         this.isClosed = !this.isClosed
       }, 800)
     }
+  },
+  mounted() {
+    this.$ga.page({
+      page: '/',
+      title: 'Home page',
+      location: window.location.href
+    })
   }
 }
 </script>
 
 <style lang="scss" scoped>
-
 .covid {
   position: absolute;
   height: 100vh;