add eslint

src/app/App.vue

@@ -1,15 +1,15 @@
 <template>
   <div>
     <div class="min-vh-100 d-flex align-items-stretch justify-spcace-between">
-      <Sidebar/>
+      <Sidebar />
       <div class="main flex-fill">
         <div class="container-fluid pt-3 pb-3">
-          <TopNav/>
-          <router-view></router-view>
+          <TopNav />
+          <router-view />
         </div>
       </div>
     </div>
-    <ErrorBar/>
+    <ErrorBar />
     <footer class="footer elevated">
       <Player />
     </footer>
@@ -28,10 +28,10 @@
   }
 </style>
 <script lang="ts">
-  import ErrorBar from "./ErrorBar.vue";
-  import TopNav from "./TopNav.vue";
-  import Sidebar from "./Sidebar.vue";
-  import Player from "@/player/Player.vue";
+  import ErrorBar from './ErrorBar.vue'
+  import TopNav from './TopNav.vue'
+  import Sidebar from './Sidebar.vue'
+  import Player from '@/player/Player.vue'
 
   export default {
     components: {
@@ -40,5 +40,5 @@
       Sidebar,
       Player,
     },
-  };
+  }
 </script>

src/app/ErrorBar.vue

@@ -12,8 +12,8 @@
   </b-alert>
 </template>
 <script lang="ts">
-  import Vue from "vue";
-  import { mapState, mapMutations } from 'vuex';
+  import Vue from 'vue'
+  import { mapState, mapMutations } from 'vuex'
 
   export default Vue.extend({
     computed: {
@@ -24,5 +24,5 @@
         'clearError'
       ]),
     },
-  });
-</script>
+  })
+</script>

src/app/Logo.vue

@@ -20,4 +20,4 @@
   svg {
     fill: var(--primary);
   }
-</style>
+</style>

src/app/Nav.vue

@@ -2,21 +2,21 @@
   <div class="text-truncate">
     <nav class="nav flex-column">
       <router-link class="nav-link logo" :to="{name: 'home'}">
-        <Logo/>
+        <Logo />
       </router-link>
 
       <router-link class="nav-link" :to="{name: 'home'}">
-        <Icon icon="card-text" class="mr-2"/> Home
+        <Icon icon="card-text" class="mr-2" /> Home
       </router-link>
 
       <router-link class="nav-link" :to="{name: 'queue'}">
-        <Icon icon="music-note-list" class="mr-2"/> Playing
+        <Icon icon="music-note-list" class="mr-2" /> Playing
       </router-link>
 
       <router-link class="nav-link" :to="{name: 'starred'}">
-        <Icon icon="star-fill" class="mr-2"/> Starred
+        <Icon icon="star-fill" class="mr-2" /> Starred
       </router-link>
-      
+
       <a class="nav-link disabled">
         <small class="text-uppercase text-muted font-weight-bold">
           Library
@@ -24,18 +24,18 @@
       </a>
 
       <router-link class="nav-link" :to="{name: 'albums'}">
-        <Icon icon="collection-fill" class="mr-2"/> Albums
+        <Icon icon="collection-fill" class="mr-2" /> Albums
       </router-link>
 
       <router-link class="nav-link" :to="{name: 'artists'}">
-        <Icon icon="collection-fill" class="mr-2"/> Artists
+        <Icon icon="collection-fill" class="mr-2" /> Artists
       </router-link>
 
       <router-link class="nav-item nav-link" :to="{name: 'genres'}">
-        <Icon icon="collection-fill" class="mr-2"/> Genres
+        <Icon icon="collection-fill" class="mr-2" /> Genres
       </router-link>
 
-      <PlaylistNav/>
+      <PlaylistNav />
     </nav>
   </div>
 </template>
@@ -51,21 +51,20 @@
   }
 </style>
 <script lang="ts">
-import Vue from "vue";
-import Logo from "./Logo.vue";
-import PlaylistNav from "@/playlist/PlaylistNav.vue";
-import { mapState } from 'vuex';
+  import Vue from 'vue'
+  import Logo from './Logo.vue'
+  import PlaylistNav from '@/playlist/PlaylistNav.vue'
 
-export default Vue.extend({
-  components: {
-    Logo,
-    PlaylistNav,
-  },
-  methods: {
-    logout() {
-      this.$auth.logout();
-      this.$router.go(0);
+  export default Vue.extend({
+    components: {
+      Logo,
+      PlaylistNav,
     },
-  }
-});
-</script>
+    methods: {
+      logout() {
+        this.$auth.logout()
+        this.$router.go(0)
+      },
+    }
+  })
+</script>

src/app/Sidebar.vue

@@ -1,20 +1,20 @@
 <template>
   <div class="sidebar elevated">
     <div class="d-none d-md-block">
-      <Nav/>
+      <Nav />
     </div>
     <b-sidebar
-        :visible="showMenu"
-        @hidden="toggleMenu"
-        class="d-md-none"
-        sidebar-class="elevated"
-        bg-variant=""
-        shadow="lg"
-        no-header
-        backdrop
-        backdrop-variant=""
-      >
-      <Nav/>
+      :visible="showMenu"
+      class="d-md-none"
+      sidebar-class="elevated"
+      bg-variant=""
+      shadow="lg"
+      no-header
+      backdrop
+      backdrop-variant=""
+      @hidden="toggleMenu"
+    >
+      <Nav />
     </b-sidebar>
   </div>
 </template>
@@ -24,9 +24,9 @@
   }
 </style>
 <script lang="ts">
-  import Vue from "vue";
-  import Nav from "./Nav.vue";
-  import { mapState, mapMutations } from 'vuex';
+  import Vue from 'vue'
+  import Nav from './Nav.vue'
+  import { mapState, mapMutations } from 'vuex'
 
   export default Vue.extend({
     components: {
@@ -38,5 +38,5 @@
     methods: {
       ...mapMutations(['toggleMenu']),
     },
-  });
-</script>
+  })
+</script>

src/app/TopNav.vue

@@ -1,18 +1,18 @@
 <template>
   <div class="d-flex align-items-center mb-2">
     <button class="navbar-toggler text-white d-md-none" @click="toggleMenu">
-      <Icon icon="list"/>
+      <Icon icon="list" />
     </button>
 
-    <div class="ml-auto"></div>
+    <div class="ml-auto" />
 
-    <SearchForm/>
+    <SearchForm />
 
     <template v-if="username">
       <b-dropdown variant="link" right no-caret>
         <template #button-content>
           <b-avatar variant="secondary">
-            <Icon icon="person-fill"/>
+            <Icon icon="person-fill" />
           </b-avatar>
         </template>
         <b-dropdown-text>
@@ -21,7 +21,7 @@
         <b-dropdown-text>
           {{ username }}
         </b-dropdown-text>
-        <b-dropdown-divider/>
+        <b-dropdown-divider />
         <b-dropdown-item-button @click="logout">
           Log out
         </b-dropdown-item-button>
@@ -30,9 +30,9 @@
   </div>
 </template>
 <script lang="ts">
-  import Vue from "vue";
-  import { mapMutations, mapState } from 'vuex';
-  import SearchForm from '@/search/SearchForm.vue';
+  import Vue from 'vue'
+  import { mapMutations, mapState } from 'vuex'
+  import SearchForm from '@/search/SearchForm.vue'
 
   export default Vue.extend({
     components: {
@@ -40,8 +40,8 @@
     },
     computed: {
       ...mapState([
-        "server",
-        "username",
+        'server',
+        'username',
       ]),
     },
     methods: {
@@ -49,9 +49,9 @@
         'toggleMenu',
       ]),
       logout() {
-        this.$auth.logout();
-        this.$router.go(0);
+        this.$auth.logout()
+        this.$router.go(0)
       }
     }
-  });
-</script>
+  })
+</script>