chore: lint

.eslintrc.js

@@ -11,6 +11,7 @@ module.exports = {
     'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
     'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
     'comma-dangle': ['error', 'only-multiline'],
+    'curly': 'error',
   },
   parserOptions: {
     parser: 'babel-eslint',

.postcssrc.js

@@ -1,5 +1,5 @@
 module.exports = {
   plugins: {
-    autoprefixer: {}
-  }
+    autoprefixer: {},
+  },
 }

babel.config.js

@@ -1,5 +1,5 @@
 module.exports = {
   presets: [
-    '@vue/app'
-  ]
+    '@vue/app',
+  ],
 }

config/dev.env.js

@@ -3,5 +3,5 @@ const merge = require('webpack-merge')
 const prodEnv = require('./prod.env')
 
 module.exports = merge(prodEnv, {
-  NODE_ENV: '"development"'
+  NODE_ENV: '"development"',
 })

config/index.js

@@ -20,7 +20,7 @@ module.exports = {
     // View the bundle analyzer report after build finishes:
     // `npm run build --report`
     // Set to `true` or `false` to always turn it on or off
-    bundleAnalyzerReport: process.env.npm_config_report
+    bundleAnalyzerReport: process.env.npm_config_report,
   },
   dev: {
     env: require('./dev.env'),
@@ -34,6 +34,6 @@ module.exports = {
     // (https://github.com/webpack/css-loader#sourcemaps)
     // In our experience, they generally work as expected,
     // just be aware of this issue when enabling this option.
-    cssSourceMap: false
-  }
+    cssSourceMap: false,
+  },
 }

config/prod.env.js

@@ -1,4 +1,4 @@
 'use strict'
 module.exports = {
-  NODE_ENV: '"production"'
+  NODE_ENV: '"production"',
 }

jest.config.js

@@ -3,21 +3,21 @@ module.exports = {
     'js',
     'jsx',
     'json',
-    'vue'
+    'vue',
   ],
   transform: {
     '^.+\\.vue$': 'vue-jest',
     '.+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$': 'jest-transform-stub',
-    '^.+\\.jsx?$': 'babel-jest'
+    '^.+\\.jsx?$': 'babel-jest',
   },
   moduleNameMapper: {
-    '^@/(.*)$': '<rootDir>/src/$1'
+    '^@/(.*)$': '<rootDir>/src/$1',
   },
   snapshotSerializers: [
-    'jest-serializer-vue'
+    'jest-serializer-vue',
   ],
   testMatch: [
-    '**/src/**/*.spec.(js|jsx|ts|tsx)'
+    '**/src/**/*.spec.(js|jsx|ts|tsx)',
   ],
-  testURL: 'http://localhost/'
+  testURL: 'http://localhost/',
 }

src/.eslintrc.js

@@ -1,5 +1,5 @@
 module.exports = {
   env: {
-    jest: true
-  }
+    jest: true,
+  },
 }

src/app/App.vue

@@ -6,7 +6,7 @@
 
 <script>
 export default {
-  name: 'app'
+  name: 'app',
 }
 </script>
 
@@ -15,6 +15,7 @@ export default {
 
 body {
   height: 100%;
+
   #app {
     height: 100%;
   }

src/app/main.js

@@ -1,7 +1,6 @@
 // Polyfills
 import 'es6-promise/auto'
 import 'babel-polyfill'
-
 // The Vue build version to load with the `import` command
 // (runtime-only or standalone) has been set in webpack.base.conf with an alias.
 import Vue from 'vue'

src/components/admin/app-breadcrumbs/Breadcrumbs.js

@@ -65,7 +65,7 @@ export const breadcrumbs = {
         },
         {
           name: 'filters',
-          displayName: 'menu.filters'
+          displayName: 'menu.filters',
         },
         {
           name: 'color-pickers',
@@ -123,12 +123,12 @@ export const breadcrumbs = {
         },
         {
           name: 'spacing',
-          displayName: 'menu.spacing'
+          displayName: 'menu.spacing',
         },
         {
           name: 'sliders',
-          displayName: 'menu.sliders'
-        }
+          displayName: 'menu.sliders',
+        },
       ],
     },
     {

src/components/admin/app-navbar/components/dropdowns/LanguageDropdown.vue

@@ -76,6 +76,7 @@ export default {
 
 .language-dropdown {
   cursor: pointer;
+
   .flag-icon-large {
     display: block;
     width: 31px;

src/components/admin/app-sidebar/AppSidebar.vue

@@ -88,11 +88,11 @@
         </sidebar-link>
         <!-- NOTE Dropdowns are not presentation ready yet. See https://github.com/epicmaxco/vuestic-admin/issues/438 -->
         <!--<sidebar-link-->
-          <!--:to="{ name: 'dropdowns' }"-->
+        <!--:to="{ name: 'dropdowns' }"-->
         <!--&gt;-->
-          <!--<span slot="title">-->
-            <!--<span>{{ $t('menu.dropdowns') }}</span>-->
-          <!--</span>-->
+        <!--<span slot="title">-->
+        <!--<span>{{ $t('menu.dropdowns') }}</span>-->
+        <!--</span>-->
         <!--</sidebar-link>-->
         <sidebar-link
           :to="{ name: 'filters' }">

src/components/admin/app-sidebar/components/SidebarLink.vue

@@ -51,22 +51,27 @@ export default {
     align-items: center;
     cursor: pointer;
     text-decoration: none;
+
     &.router-link-active,
     &:hover {
       color: $white;
       background-color: $sidebar-link-active-bg;
+
       .sidebar-menu-item-icon,
       .expand-icon {
         color: $white;
       }
     }
+
     &:hover {
       background-color: $hover-black;
     }
+
     .sidebar-menu-item-icon {
       font-size: $sidebar-menu-item-icon-size;
       color: $vue-green;
       margin-right: 14px;
+
       &.fa-dashboard {
         /* Temp fix */
         position: relative;

src/components/admin/app-sidebar/components/SidebarLinkGroup.vue

@@ -25,7 +25,7 @@ export default {
   name: 'sidebar-link-group',
   components: {
     SidebarLink,
-    Expanding
+    Expanding,
   },
   data () {
     return {
@@ -69,6 +69,7 @@ export default {
       font-weight: bold;
       transition: transform 0.3s ease;
     }
+
     &.expanded {
       .expand-icon {
         transform: rotate(180deg);
@@ -79,10 +80,12 @@ export default {
   .sidebar-submenu {
     list-style: none;
     padding-left: 0;
+
     li {
       display: block;
       padding-left: 0;
     }
+
     .sidebar-link__router-link {
       height: $sidebar-submenu-link-height;
       padding-left: $sidebar-submenu-link-pl;

src/components/auth/AuthLayout.vue

@@ -43,12 +43,14 @@ export default {
     background-color: $top-nav-bg;
     overflow: hidden;
     @include va-flex-center();
+
     &__logo {
       z-index: 2;
       position: absolute;
       height: $auth-wallpaper-ivuestic-h;
       width: 100%;
     }
+
     .va-icon-vuestic {
       height: $auth-wallpaper-ivuestic-h;
       width: 100%;
@@ -69,11 +71,13 @@ export default {
     display: none;
     height: $top-mobile-nav-height;
     background-color: $top-nav-bg;
+
     .va-icon-vuestic {
       height: $auth-mobile-nav-ivuestic-h;
       width: 100%;
     }
   }
+
   .main {
     height: 100vh;
 
@@ -89,9 +93,11 @@ export default {
 
     .main {
       height: $auth-mobile-main-h;
+
       .auth-content {
         align-items: flex-start;
       }
+
       .auth-wallpaper {
         display: none;
       }

src/components/auth/login/Login.vue

@@ -35,7 +35,7 @@
 
 <script>
 export default {
-  name: 'login'
+  name: 'login',
 }
 </script>
 

src/components/auth/signup/Signup.vue

@@ -5,13 +5,15 @@
       <div class="form-group">
         <div class="input-group">
           <input type="text" id="email" required="required"/>
-          <label class="control-label" for="email">{{ $t('auth.email') }}</label><va-icon icon="bar"/>
+          <label class="control-label" for="email">{{ $t('auth.email') }}</label>
+          <va-icon icon="bar"/>
         </div>
       </div>
       <div class="form-group">
         <div class="input-group">
           <input type="password" id="password" required="required"/>
-          <label class="control-label" for="password">{{ $t('auth.password') }}</label><va-icon icon="bar"/>
+          <label class="control-label" for="password">{{ $t('auth.password') }}</label>
+          <va-icon icon="bar"/>
         </div>
       </div>
       <vuestic-checkbox name="agree-to-terms" v-model="agreedToTerms">

src/components/dashboard/Dashboard.vue

@@ -1,28 +1,28 @@
 <template>
   <div class="dashboard">
 
-    <dashboard-info-widgets />
+    <dashboard-info-widgets/>
 
     <va-card no-padding>
       <vuestic-tabs
         :names="[$t('dashboard.dataVisualization'), $t('dashboard.usersAndMembers'), $t('dashboard.setupProfile'), $t('dashboard.features')]"
         ref="tabs">
         <div :slot="$t('dashboard.dataVisualization')">
-          <data-visualisation-tab />
+          <data-visualisation-tab/>
         </div>
         <div :slot="$t('dashboard.usersAndMembers')">
-          <users-members-tab />
+          <users-members-tab/>
         </div>
         <div :slot="$t('dashboard.setupProfile')">
-          <setup-profile-tab />
+          <setup-profile-tab/>
         </div>
         <div :slot="$t('dashboard.features')">
-          <features-tab />
+          <features-tab/>
         </div>
       </vuestic-tabs>
     </va-card>
 
-    <dashboard-bottom-widgets />
+    <dashboard-bottom-widgets/>
 
   </div>
 </template>

src/components/dashboard/DashboardBottomWidgets.vue

@@ -2,7 +2,7 @@
   <div class="va-row dashboard-bottom-widgets">
     <div class="flex md6 xs12">
       <va-card no-padding>
-        <vuestic-feed :initialPosts="posts" />
+        <vuestic-feed :initialPosts="posts"/>
       </va-card>
     </div>
     <div class="flex md6 xs12">