Layout tweaks; Add Google Analytics

Author: sergeystoma

components/Hero.vue

@@ -48,30 +48,30 @@
                 </button>
 
                 <a
-                    :href="'https://reddit' + item.subreddit"
+                    :href="'https://reddit.com/' + item.subreddit"
                     target="_blank"
                     class="thing__subreddit"
                 >{{ item.subreddit }}</a>
             </div>
 
             <div class="thing__info">
-                <a 
+                <a
                     :href="'https://reddit.com/u/' + item.author"
                     target="_blank"
                     class="thing__author"
                 >{{ item.author }}</a>
 
                 <span class="thing__separator">&middot;</span>
 
-                <span 
+                <span
                     v-if="relativeCreated"
                     class="thing__time"
                 >{{ relativeCreated }}</span>
 
                 <template v-if="item.domain">
                     <span class="thing__separator">&middot;</span>
 
-                    <a 
+                    <a
                         :href="item.url"
                         target="_blank"
                         class="thing__url"
@@ -80,8 +80,8 @@
             </div>
         </div>
 
-        <div 
-            v-if="item.title" 
+        <div
+            v-if="item.title"
             class="thing__title"
         >
             <a
@@ -96,7 +96,7 @@
             </a>
         </div>
 
-        <div 
+        <div
             v-if="item.html"
             class="thing__body"
         >
@@ -107,7 +107,7 @@
             />
         </div>
 
-        <div 
+        <div
             v-if="preview"
             class="thing__preview"
         >
@@ -221,7 +221,7 @@
     .thing__body {
         display: -webkit-box;
         -webkit-line-clamp: 4;
-        -webkit-box-orient: vertical;  
+        -webkit-box-orient: vertical;
 
         margin: 5px 5px 15px;
 
@@ -313,7 +313,7 @@
                     if (this.showNsfw) {
                         return this.previewValid(this.item.preview) ? this.item.preview : null;
                     }
-                    
+
                     return this.previewValid(this.item.previewBlurred) ? this.item.previewBlurred : null;
                 }
 
@@ -336,7 +336,7 @@
             },
 
             observe(options) {
-                this.$emit('observe', options);    
+                this.$emit('observe', options);
             },
 
             unsave() {

components/Thing.vue

@@ -14,47 +14,47 @@ const config = {
     // API routes.
     serverMiddleware: [
         session({
-            store: new RedisStore({ 
-                client: redisClient 
+            store: new RedisStore({
+                client: redisClient
             }),
             secret: process.env.SESSION_SECRET,
             resave: false,
             saveUninitialized: false,
         }),
-        { 
-            path: 'api/login', 
-            handler: '~/api/login.js', 
+        {
+            path: 'api/login',
+            handler: '~/api/login.js',
         },
         {
-            path: 'api/logout', 
+            path: 'api/logout',
             handler: '~/api/logout.js',
         },
-        { 
-            path: 'api/oauth', 
-            handler: '~/api/oauth.js', 
+        {
+            path: 'api/oauth',
+            handler: '~/api/oauth.js',
         },
         {
-            path: 'api/me', 
+            path: 'api/me',
             handler: '~/api/me.js',
         },
         {
-            path: 'api/saved', 
+            path: 'api/saved',
             handler: '~/api/saved.js',
         },
         {
-            path: 'api/unsave', 
+            path: 'api/unsave',
             handler: '~/api/unsave.js',
         },
         {
-            path: 'api/save', 
+            path: 'api/save',
             handler: '~/api/save.js',
         },
         {
-            path: 'api/pin', 
+            path: 'api/pin',
             handler: '~/api/pin.js',
         },
         {
-            path: 'api/unpin', 
+            path: 'api/unpin',
             handler: '~/api/unpin.js',
         },
     ],
@@ -89,7 +89,7 @@ const config = {
 
     // Customize the progress-bar color
     loading: { color: '#fff' },
-    
+
     // Global CSS
     css: [],
 
@@ -109,6 +109,13 @@ const config = {
         // Doc: https://axios.nuxtjs.org/usage
         '@nuxtjs/axios',
         '@nuxtjs/pwa',
+
+        [
+            '@nuxtjs/google-analytics',
+            {
+                id: 'UA-154128321-1',
+            },
+        ],
     ],
 
     // Axios module configuration