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

@@ -46,35 +46,35 @@
       links: [
         {
           title: 'Home',
-            href: '#0',
+          href: '#0'
         },
         {
           title: 'Drupal',
-            href: 'https://www.drupal.org',
+          href: 'https://www.drupal.org'
         },
         {
           title: 'Vue.js',
-            href: 'https://vuejs.org',
+          href: 'https://vuejs.org'
         },
         {
           title: 'Tailwind CSS',
-            href: 'https://tailwindcss.com',
+          href: 'https://tailwindcss.com'
         },
         {
           title: 'View code on GitHub',
-            href: 'https://github.com/opdavies/rebuilding-bartik',
+          href: 'https://github.com/opdavies/rebuilding-bartik'
         },
         {
           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: {
     navText: function () {
-        return this.open ? 'Hide' : 'Show';
+      return this.open ? 'Hide' : 'Show'
     }
   }
 }

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')()
   ]
 }