Fix linting issues

src/App.vue

@@ -14,7 +14,7 @@ export default {
   name: 'app',
   components: {
     SkipLink,
-    Welcome,
+    Welcome
   }
 }
 </script>

src/components/DrupalMessage.vue

@@ -10,7 +10,7 @@
 <script>
 export default {
   props: {
-    type: String,
+    type: String
   },
 
   computed: {

src/components/MainMenu.vue

@@ -38,44 +38,44 @@
 </template>
 
 <script>
-  export default {
+export default {
-    data: function () {
+  data: function () {
-      return {
+    return {
-        activeTab: 0,
+      activeTab: 0,
-        open: false,
+      open: false,
-        links: [
+      links: [
-          {
+        {
-            title: 'Home',
+          title: 'Home',
-            href: '#0',
+          href: '#0'
-          },
+        },
-          {
+        {
-            title: 'Drupal',
+          title: 'Drupal',
-            href: 'https://www.drupal.org',
+          href: 'https://www.drupal.org'
-          },
+        },
-          {
+        {
-            title: 'Vue.js',
+          title: 'Vue.js',
-            href: 'https://vuejs.org',
+          href: 'https://vuejs.org'
-          },
+        },
-          {
+        {
-            title: 'Tailwind CSS',
+          title: 'Tailwind CSS',
-            href: 'https://tailwindcss.com',
+          href: 'https://tailwindcss.com'
-          },
+        },
-          {
+        {
-            title: 'View code on GitHub',
+          title: 'View code on GitHub',
-            href: 'https://github.com/opdavies/rebuilding-bartik',
+          href: 'https://github.com/opdavies/rebuilding-bartik'
-          },
+        },
-          {
+        {
-            title: 'Read blog post',
+          title: 'Read blog post',
-            href: 'https://www.oliverdavies.uk/blog/rebuilding-bartik-with-vuejs-tailwind-css',
+          href: 'https://www.oliverdavies.uk/blog/rebuilding-bartik-with-vuejs-tailwind-css'
-          },
+        }
-        ]
+      ]
-      }
+    }
-    },
+  },
 
-    computed: {
+  computed: {
-      navText: function () {
+    navText: function () {
-        return this.open ? 'Hide' : 'Show';
+      return this.open ? 'Hide' : 'Show'
-      }
     }
   }
+}
 </script>

src/components/Welcome.vue

@@ -87,13 +87,13 @@
 </template>
 
 <script>
-import MainMenu from './MainMenu.vue';
+import MainMenu from './MainMenu.vue'
 import SidebarBlock from './SidebarBlock.vue'
 
 export default {
   components: {
     MainMenu,
-    SidebarBlock,
+    SidebarBlock
   },
 
   props: {

tailwind.config.js

@@ -3,18 +3,18 @@ module.exports = {
     colors: {
       black: {
         default: '#22292f',
-        60: 'rgba(0,0,0,.6)',
+        60: 'rgba(0,0,0,.6)'
       },
       blue: {
         100: '#bcdefa',
         200: '#3490dc',
-        300: '#2779bd',
+        300: '#2779bd'
       },
       green: {
         100: '#f3faee',
         200: '#cde2c2',
         300: '#77b159',
-        400: '#325e1c',
+        400: '#325e1c'
       },
       grey: {
         100: '#f6f6f2',
@@ -22,24 +22,24 @@ module.exports = {
         300: '#dae1e7',
         400: '#b8c2cc',
         500: '#8795a1',
-        600: '#3d4852',
+        600: '#3d4852'
       },
       transparent: 'transparent',
-      white: '#fff',
+      white: '#fff'
     },
     extend: {
       fontFamily: {
-        sans: ['sans-serif'],
+        sans: ['sans-serif']
       },
       fontSize: {
-        '3xl': '1.75rem',
+        '3xl': '1.75rem'
       },
       maxWidth: {
-        '6xl': '80rem',
+        '6xl': '80rem'
-      },
+      }
-    },
+    }
   },
   plugins: [
-    require('tailwindcss-skip-link')(),
+    require('tailwindcss-skip-link')()
   ]
 }