Happifies eslint and adds an editorconfig

.editorconfig

@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+insert_final_newline = true
+
+[*.{js,vue}]
+indent_style = tab

src/App.vue

@@ -22,18 +22,18 @@
 
 <template>
 
-<div
+	<div
 		id="content"
 		v-bind:class="{ 'nav-hidden': navHidden, 'sidebar-hidden': sidebarHidden }">
 		<AppNavigation :menu="menu" />
 		<div id="app-content">
-		<Controls></Controls>
+			<Controls />
 			<router-view />
 		</div>
 		<div id="app-sidebar">
-        <component v-bind:is="sidebarComponent"></component>
+			<component v-bind:is="sidebarComponent" />
+		</div>
 	</div>
-</div>
 
 </template>
 
@@ -63,7 +63,7 @@ export default {
 
 <style lang="scss" scoped>
 
-#content {
+	#content {
 		#app-content {
 			transition: margin-left 100ms ease;
 		}
@@ -84,14 +84,14 @@ export default {
 				min-width: 0;
 			}
 		}
-}
+	}
 
-.deck-main {
+	.deck-main {
 		bottom: 0;
 		overflow: auto;
 		position: absolute;
 		top: 44px;
 		width: 100%;
-}
+	}
 
 </style>

src/components/Controls.vue

@@ -22,15 +22,15 @@
 
 <template>
 
-<div>
-    <div id="app-navigation-toggle-custom" class="icon-menu" v-on:click="toggleNav"></div>
-</div>
+	<div>
+		<div id="app-navigation-toggle-custom" class="icon-menu" v-on:click="toggleNav" />
+	</div>
 
 </template>
 
 <script>
 export default {
-    name: "Controls",
+	name: 'Controls',
 	methods: {
 		toggleNav() {
 			this.$store.dispatch('nav/toggle')

src/components/Main.vue

@@ -21,9 +21,9 @@
   -->
 
 <template>
-<div class="deck-main">
+	<div class="deck-main">
 		Main
-</div>
+	</div>
 </template>
 
 <script>

src/store/modules/nav.js

@@ -57,22 +57,26 @@ let defaultCategories = [
 
 const boardActions = [
 	{
-        action: () => {},
+		action: () => {
+		},
 		icon: 'icon-edit',
 		text: t('deck', 'Edit board')
 	},
 	{
-        action: () => {},
+		action: () => {
+		},
 		icon: 'icon-archive',
 		text: t('deck', 'Archive board')
 	},
 	{
-        action: () => {},
+		action: () => {
+		},
 		icon: 'icon-delete',
 		text: t('deck', 'Delete board')
 	},
 	{
-        action: () => {},
+		action: () => {
+		},
 		icon: 'icon-settings',
 		text: t('deck', 'Board details')
 	}
@@ -97,7 +101,8 @@ const boards = [
 const addButton = {
 	icon: 'icon-add',
 	text: t('deck', 'Create new board'),
-    action: () => {}
+	action: () => {
+	}
 }
 
 // initial state
@@ -114,14 +119,14 @@ const getters = {}
 
 // actions
 const actions = {
-    toggle ({ commit }) {
+	toggle({ commit }) {
 		commit('toggle')
 	}
 }
 
 // mutations
 const mutations = {
-    toggle (state) {
+	toggle(state) {
 		state.hidden = !state.hidden
 	}
 }

src/store/modules/sidebar.js

@@ -20,7 +20,6 @@
  *
  */
 
-
 // initial state
 const state = {
 	hidden: true,
@@ -32,14 +31,14 @@ const getters = {}
 
 // actions
 const actions = {
-    toggle ({ commit }) {
+	toggle({ commit }) {
 		commit('toggle')
 	}
 }
 
 // mutations
 const mutations = {
-    toggle (state) {
+	toggle(state) {
 		state.hidden = !state.hidden
 	}
 }