Run lint:fix

layouts/default.vue

@@ -6,8 +6,8 @@
 
 <style>
 html {
-  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI',
+    font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont,
-    Roboto, 'Helvetica Neue', Arial, sans-serif;
+        'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
     font-size: 16px;
     word-spacing: 1px;
     -ms-text-size-adjust: 100%;

nuxt.config.js

@@ -2,6 +2,7 @@ const pkg = require('./package')
 
 module.exports = {
     mode: 'universal',
+    target: 'static',
 
     /*
   ** Headers of the page
@@ -10,12 +11,17 @@ module.exports = {
         title: pkg.name,
         meta: [
             { charset: 'utf-8' },
-      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
+            {
-      { hid: 'description', name: 'description', content: pkg.description }
+                name: 'viewport',
+                content: 'width=device-width, initial-scale=1'
+            },
+            {
+                hid: 'description',
+                name: 'description',
+                content: pkg.description
+            }
         ],
-    link: [
+        link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }]
-      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
-    ]
     },
 
     /*
@@ -26,21 +32,17 @@ module.exports = {
     /*
   ** Global CSS
   */
-  css: [
+    css: ['~/assets/css/tailwind.css'],
-    '~/assets/css/tailwind.css'
-  ],
 
     /*
   ** Plugins to load before mounting the App
   */
-  plugins: [
+    plugins: [],
-  ],
 
     /*
   ** Nuxt.js modules
   */
-  modules: [
+    modules: [],
-  ],
 
     /*
   ** Build configuration

pages/index.vue

@@ -33,14 +33,12 @@ export default {
 </script>
 
 <style>
-
 /* Sample `apply` at-rules with Tailwind CSS
 .container {
   @apply min-h-screen flex justify-center items-center text-center mx-auto;
 }
 */
 
-
 .container {
     min-height: 100vh;
     display: flex;
@@ -50,8 +48,9 @@ export default {
 }
 
 .title {
-  font-family: 'Quicksand', 'Source Sans Pro', -apple-system, BlinkMacSystemFont,
+    font-family: 'Quicksand', 'Source Sans Pro', -apple-system,
-    'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+        BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
+        sans-serif;
     display: block;
     font-weight: 300;
     font-size: 100px;

postcss.config.js

@@ -2,8 +2,5 @@ const join = require('path').join
 const tailwindJS = join(__dirname, 'tailwind.js')
 
 module.exports = {
-  plugins: [
+    plugins: [require('tailwindcss')(tailwindJS), require('autoprefixer')]
-    require('tailwindcss')(tailwindJS),
-    require('autoprefixer')
-  ]
 }

tailwind.js

@@ -26,7 +26,6 @@ View the full documentation at https://tailwindcss.com.
 
 // let defaultConfig = require('tailwindcss/defaultConfig')()
 
-
 /*
 |-------------------------------------------------------------------------------
 | Colors                                    https://tailwindcss.com/docs/colors
@@ -44,22 +43,22 @@ View the full documentation at https://tailwindcss.com.
 */
 
 let colors = {
-  'transparent': 'transparent',
+    transparent: 'transparent',
 
-  'black': '#22292f',
+    black: '#22292f',
     'grey-darkest': '#3d4852',
     'grey-darker': '#606f7b',
     'grey-dark': '#8795a1',
-  'grey': '#b8c2cc',
+    grey: '#b8c2cc',
     'grey-light': '#dae1e7',
     'grey-lighter': '#f1f5f8',
     'grey-lightest': '#f8fafc',
-  'white': '#ffffff',
+    white: '#ffffff',
 
     'red-darkest': '#3b0d0c',
     'red-darker': '#621b18',
     'red-dark': '#cc1f1a',
-  'red': '#e3342f',
+    red: '#e3342f',
     'red-light': '#ef5753',
     'red-lighter': '#f9acaa',
     'red-lightest': '#fcebea',
@@ -67,7 +66,7 @@ let colors = {
     'orange-darkest': '#462a16',
     'orange-darker': '#613b1f',
     'orange-dark': '#de751f',
-  'orange': '#f6993f',
+    orange: '#f6993f',
     'orange-light': '#faad63',
     'orange-lighter': '#fcd9b6',
     'orange-lightest': '#fff5eb',
@@ -75,7 +74,7 @@ let colors = {
     'yellow-darkest': '#453411',
     'yellow-darker': '#684f1d',
     'yellow-dark': '#f2d024',
-  'yellow': '#ffed4a',
+    yellow: '#ffed4a',
     'yellow-light': '#fff382',
     'yellow-lighter': '#fff9c2',
     'yellow-lightest': '#fcfbeb',
@@ -83,7 +82,7 @@ let colors = {
     'green-darkest': '#0f2f21',
     'green-darker': '#1a4731',
     'green-dark': '#1f9d55',
-  'green': '#38c172',
+    green: '#38c172',
     'green-light': '#51d88a',
     'green-lighter': '#a2f5bf',
     'green-lightest': '#e3fcec',
@@ -91,7 +90,7 @@ let colors = {
     'teal-darkest': '#0d3331',
     'teal-darker': '#20504f',
     'teal-dark': '#38a89d',
-  'teal': '#4dc0b5',
+    teal: '#4dc0b5',
     'teal-light': '#64d5ca',
     'teal-lighter': '#a0f0ed',
     'teal-lightest': '#e8fffe',
@@ -99,7 +98,7 @@ let colors = {
     'blue-darkest': '#12283a',
     'blue-darker': '#1c3d5a',
     'blue-dark': '#2779bd',
-  'blue': '#3490dc',
+    blue: '#3490dc',
     'blue-light': '#6cb2eb',
     'blue-lighter': '#bcdefa',
     'blue-lightest': '#eff8ff',
@@ -107,7 +106,7 @@ let colors = {
     'indigo-darkest': '#191e38',
     'indigo-darker': '#2f365f',
     'indigo-dark': '#5661b3',
-  'indigo': '#6574cd',
+    indigo: '#6574cd',
     'indigo-light': '#7886d7',
     'indigo-lighter': '#b2b7ff',
     'indigo-lightest': '#e6e8ff',
@@ -115,7 +114,7 @@ let colors = {
     'purple-darkest': '#21183c',
     'purple-darker': '#382b5f',
     'purple-dark': '#794acf',
-  'purple': '#9561e2',
+    purple: '#9561e2',
     'purple-light': '#a779e9',
     'purple-lighter': '#d6bbfc',
     'purple-lightest': '#f3ebff',
@@ -123,14 +122,13 @@ let colors = {
     'pink-darkest': '#451225',
     'pink-darker': '#6f213f',
     'pink-dark': '#eb5286',
-  'pink': '#f66d9b',
+    pink: '#f66d9b',
     'pink-light': '#fa7ea8',
     'pink-lighter': '#ffbbca',
-  'pink-lightest': '#ffebef',
+    'pink-lightest': '#ffebef'
 }
 
 module.exports = {
-
     /*
   |-----------------------------------------------------------------------------
   | Colors                                  https://tailwindcss.com/docs/colors
@@ -146,7 +144,6 @@ module.exports = {
 
     colors: colors,
 
-
     /*
   |-----------------------------------------------------------------------------
   | Screens                      https://tailwindcss.com/docs/responsive-design
@@ -167,13 +164,12 @@ module.exports = {
   */
 
     screens: {
-    'sm': '576px',
+        sm: '576px',
-    'md': '768px',
+        md: '768px',
-    'lg': '992px',
+        lg: '992px',
-    'xl': '1200px',
+        xl: '1200px'
     },
 
-
     /*
   |-----------------------------------------------------------------------------
   | Fonts                                    https://tailwindcss.com/docs/fonts
@@ -193,7 +189,7 @@ module.exports = {
   */
 
     fonts: {
-    'sans': [
+        sans: [
             'system-ui',
             'BlinkMacSystemFont',
             '-apple-system',
@@ -205,9 +201,9 @@ module.exports = {
             'Fira Sans',
             'Droid Sans',
             'Helvetica Neue',
-      'sans-serif',
+            'sans-serif'
         ],
-    'serif': [
+        serif: [
             'Constantia',
             'Lucida Bright',
             'Lucidabright',
@@ -217,19 +213,18 @@ module.exports = {
             'Bitstream Vera Serif',
             'Liberation Serif',
             'Georgia',
-      'serif',
+            'serif'
         ],
-    'mono': [
+        mono: [
             'Menlo',
             'Monaco',
             'Consolas',
             'Liberation Mono',
             'Courier New',
-      'monospace',
+            'monospace'
         ]
     },
 
-
     /*
   |-----------------------------------------------------------------------------
   | Text sizes                         https://tailwindcss.com/docs/text-sizing
@@ -250,18 +245,17 @@ module.exports = {
   */
 
     textSizes: {
-    'xs': '.75rem',     // 12px
+        xs: '.75rem', // 12px
-    'sm': '.875rem',    // 14px
+        sm: '.875rem', // 14px
-    'base': '1rem',     // 16px
+        base: '1rem', // 16px
-    'lg': '1.125rem',   // 18px
+        lg: '1.125rem', // 18px
-    'xl': '1.25rem',    // 20px
+        xl: '1.25rem', // 20px
         '2xl': '1.5rem', // 24px
         '3xl': '1.875rem', // 30px
         '4xl': '2.25rem', // 36px
-    '5xl': '3rem',      // 48px
+        '5xl': '3rem' // 48px
     },
 
-
     /*
   |-----------------------------------------------------------------------------
   | Font weights                       https://tailwindcss.com/docs/font-weight
@@ -277,18 +271,17 @@ module.exports = {
   */
 
     fontWeights: {
-    'hairline': 100,
+        hairline: 100,
-    'thin': 200,
+        thin: 200,
-    'light': 300,
+        light: 300,
-    'normal': 400,
+        normal: 400,
-    'medium': 500,
+        medium: 500,
-    'semibold': 600,
+        semibold: 600,
-    'bold': 700,
+        bold: 700,
-    'extrabold': 800,
+        extrabold: 800,
-    'black': 900,
+        black: 900
     },
 
-
     /*
   |-----------------------------------------------------------------------------
   | Leading (line height)              https://tailwindcss.com/docs/line-height
@@ -302,13 +295,12 @@ module.exports = {
   */
 
     leading: {
-    'none': 1,
+        none: 1,
-    'tight': 1.25,
+        tight: 1.25,
-    'normal': 1.5,
+        normal: 1.5,
-    'loose': 2,
+        loose: 2
     },
 
-
     /*
   |-----------------------------------------------------------------------------
   | Tracking (letter spacing)       https://tailwindcss.com/docs/letter-spacing
@@ -322,12 +314,11 @@ module.exports = {
   */
 
     tracking: {
-    'tight': '-0.05em',
+        tight: '-0.05em',
-    'normal': '0',
+        normal: '0',
-    'wide': '0.05em',
+        wide: '0.05em'
     },
 
-
     /*
   |-----------------------------------------------------------------------------
   | Text colors                         https://tailwindcss.com/docs/text-color
@@ -343,7 +334,6 @@ module.exports = {
 
     textColors: colors,
 
-
     /*
   |-----------------------------------------------------------------------------
   | Background colors             https://tailwindcss.com/docs/background-color
@@ -359,7 +349,6 @@ module.exports = {
 
     backgroundColors: colors,
 
-
     /*
   |-----------------------------------------------------------------------------
   | Background sizes               https://tailwindcss.com/docs/background-size
@@ -374,12 +363,11 @@ module.exports = {
   */
 
     backgroundSize: {
-    'auto': 'auto',
+        auto: 'auto',
-    'cover': 'cover',
+        cover: 'cover',
-    'contain': 'contain',
+        contain: 'contain'
     },
 
-
     /*
   |-----------------------------------------------------------------------------
   | Border widths                     https://tailwindcss.com/docs/border-width
@@ -398,10 +386,9 @@ module.exports = {
         '0': '0',
         '2': '2px',
         '4': '4px',
-    '8': '8px',
+        '8': '8px'
     },
 
-
     /*
   |-----------------------------------------------------------------------------
   | Border colors                     https://tailwindcss.com/docs/border-color
@@ -419,8 +406,10 @@ module.exports = {
   |
   */
 
-  borderColors: global.Object.assign({ default: colors['grey-light'] }, colors),
+    borderColors: global.Object.assign(
-
+        { default: colors['grey-light'] },
+        colors
+    ),
 
     /*
   |-----------------------------------------------------------------------------
@@ -439,14 +428,13 @@ module.exports = {
   */
 
     borderRadius: {
-    'none': '0',
+        none: '0',
-    'sm': '.125rem',
+        sm: '.125rem',
         default: '.25rem',
-    'lg': '.5rem',
+        lg: '.5rem',
-    'full': '9999px',
+        full: '9999px'
     },
 
-
     /*
   |-----------------------------------------------------------------------------
   | Width                                    https://tailwindcss.com/docs/width
@@ -468,8 +456,8 @@ module.exports = {
   */
 
     width: {
-    'auto': 'auto',
+        auto: 'auto',
-    'px': '1px',
+        px: '1px',
         '1': '0.25rem',
         '2': '0.5rem',
         '3': '0.75rem',
@@ -495,11 +483,10 @@ module.exports = {
         '4/5': '80%',
         '1/6': '16.66667%',
         '5/6': '83.33333%',
-    'full': '100%',
+        full: '100%',
-    'screen': '100vw'
+        screen: '100vw'
     },
 
-
     /*
   |-----------------------------------------------------------------------------
   | Height                                  https://tailwindcss.com/docs/height
@@ -516,8 +503,8 @@ module.exports = {
   */
 
     height: {
-    'auto': 'auto',
+        auto: 'auto',
-    'px': '1px',
+        px: '1px',
         '1': '0.25rem',
         '2': '0.5rem',
         '3': '0.75rem',
@@ -532,11 +519,10 @@ module.exports = {
         '32': '8rem',
         '48': '12rem',
         '64': '16rem',
-    'full': '100%',
+        full: '100%',
-    'screen': '100vh'
+        screen: '100vh'
     },
 
-
     /*
   |-----------------------------------------------------------------------------
   | Minimum width                        https://tailwindcss.com/docs/min-width
@@ -553,10 +539,9 @@ module.exports = {
 
     minWidth: {
         '0': '0',
-    'full': '100%',
+        full: '100%'
     },
 
-
     /*
   |-----------------------------------------------------------------------------
   | Minimum height                      https://tailwindcss.com/docs/min-height
@@ -573,11 +558,10 @@ module.exports = {
 
     minHeight: {
         '0': '0',
-    'full': '100%',
+        full: '100%',
-    'screen': '100vh'
+        screen: '100vh'
     },
 
-
     /*
   |-----------------------------------------------------------------------------
   | Maximum width                        https://tailwindcss.com/docs/max-width
@@ -594,19 +578,18 @@ module.exports = {
   */
 
     maxWidth: {
-    'xs': '20rem',
+        xs: '20rem',
-    'sm': '30rem',
+        sm: '30rem',
-    'md': '40rem',
+        md: '40rem',
-    'lg': '50rem',
+        lg: '50rem',
-    'xl': '60rem',
+        xl: '60rem',
         '2xl': '70rem',
         '3xl': '80rem',
         '4xl': '90rem',
         '5xl': '100rem',
-    'full': '100%',
+        full: '100%'
     },
 
-
     /*
   |-----------------------------------------------------------------------------
   | Maximum height                      https://tailwindcss.com/docs/max-height
@@ -622,11 +605,10 @@ module.exports = {
   */
 
     maxHeight: {
-    'full': '100%',
+        full: '100%',
-    'screen': '100vh',
+        screen: '100vh'
     },
 
-
     /*
   |-----------------------------------------------------------------------------
   | Padding                                https://tailwindcss.com/docs/padding
@@ -643,7 +625,7 @@ module.exports = {
   */
 
     padding: {
-    'px': '1px',
+        px: '1px',
         '0': '0',
         '1': '0.25rem',
         '2': '0.5rem',
@@ -657,10 +639,9 @@ module.exports = {
         '16': '4rem',
         '20': '5rem',
         '24': '6rem',
-    '32': '8rem',
+        '32': '8rem'
     },
 
-
     /*
   |-----------------------------------------------------------------------------
   | Margin                                  https://tailwindcss.com/docs/margin
@@ -677,8 +658,8 @@ module.exports = {
   */
 
     margin: {
-    'auto': 'auto',
+        auto: 'auto',
-    'px': '1px',
+        px: '1px',
         '0': '0',
         '1': '0.25rem',
         '2': '0.5rem',
@@ -692,10 +673,9 @@ module.exports = {
         '16': '4rem',
         '20': '5rem',
         '24': '6rem',
-    '32': '8rem',
+        '32': '8rem'
     },
 
-
     /*
   |-----------------------------------------------------------------------------
   | Negative margin                https://tailwindcss.com/docs/negative-margin
@@ -712,7 +692,7 @@ module.exports = {
   */
 
     negativeMargin: {
-    'px': '1px',
+        px: '1px',
         '0': '0',
         '1': '0.25rem',
         '2': '0.5rem',
@@ -726,10 +706,9 @@ module.exports = {
         '16': '4rem',
         '20': '5rem',
         '24': '6rem',
-    '32': '8rem',
+        '32': '8rem'
     },
 
-
     /*
   |-----------------------------------------------------------------------------
   | Shadows                                https://tailwindcss.com/docs/shadows
@@ -748,14 +727,13 @@ module.exports = {
 
     shadows: {
         default: '0 2px 4px 0 rgba(0,0,0,0.10)',
-    'md': '0 4px 8px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.08)',
+        md: '0 4px 8px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.08)',
-    'lg': '0 15px 30px 0 rgba(0,0,0,0.11), 0 5px 15px 0 rgba(0,0,0,0.08)',
+        lg: '0 15px 30px 0 rgba(0,0,0,0.11), 0 5px 15px 0 rgba(0,0,0,0.08)',
-    'inner': 'inset 0 2px 4px 0 rgba(0,0,0,0.06)',
+        inner: 'inset 0 2px 4px 0 rgba(0,0,0,0.06)',
-    'outline': '0 0 0 3px rgba(52,144,220,0.5)',
+        outline: '0 0 0 3px rgba(52,144,220,0.5)',
-    'none': 'none',
+        none: 'none'
     },
 
-
     /*
   |-----------------------------------------------------------------------------
   | Z-index                                https://tailwindcss.com/docs/z-index
@@ -770,16 +748,15 @@ module.exports = {
   */
 
     zIndex: {
-    'auto': 'auto',
+        auto: 'auto',
         '0': 0,
         '10': 10,
         '20': 20,
         '30': 30,
         '40': 40,
-    '50': 50,
+        '50': 50
     },
 
-
     /*
   |-----------------------------------------------------------------------------
   | Opacity                                https://tailwindcss.com/docs/opacity
@@ -798,10 +775,9 @@ module.exports = {
         '25': '.25',
         '50': '.5',
         '75': '.75',
-    '100': '1',
+        '100': '1'
     },
 
-
     /*
   |-----------------------------------------------------------------------------
   | SVG fill                                   https://tailwindcss.com/docs/svg
@@ -817,10 +793,9 @@ module.exports = {
   */
 
     svgFill: {
-    'current': 'currentColor',
+        current: 'currentColor'
     },
 
-
     /*
   |-----------------------------------------------------------------------------
   | SVG stroke                                 https://tailwindcss.com/docs/svg
@@ -836,10 +811,9 @@ module.exports = {
   */
 
     svgStroke: {
-    'current': 'currentColor',
+        current: 'currentColor'
     },
 
-
     /*
   |-----------------------------------------------------------------------------
   | Modules                  https://tailwindcss.com/docs/configuration#modules
@@ -906,10 +880,9 @@ module.exports = {
         visibility: ['responsive'],
         whitespace: ['responsive'],
         width: ['responsive'],
-    zIndex: ['responsive'],
+        zIndex: ['responsive']
     },
 
-
     /*
   |-----------------------------------------------------------------------------
   | Plugins                                https://tailwindcss.com/docs/plugins
@@ -928,10 +901,9 @@ module.exports = {
         require('tailwindcss/plugins/container')({
             // center: true,
             // padding: '1rem',
-    }),
+        })
     ],
 
-
     /*
   |-----------------------------------------------------------------------------
   | Advanced Options         https://tailwindcss.com/docs/configuration#options
@@ -945,7 +917,6 @@ module.exports = {
     options: {
         prefix: '',
         important: false,
-    separator: ':',
+        separator: ':'
-  },
+    }
-
 }