Make eslint work, and fix all warnings. (#511)

* Make eslint work, and fix all warnings.

* Don't ignore v-html rule globally.

* Remove eslint file and merge in package.json.

src/components/FeedPage.vue

@@ -1,12 +1,12 @@
 <template>
-    <h1 class="uk-text-bold uk-text-center" v-t="'titles.feed'" />
+    <h1 v-t="'titles.feed'" class="uk-text-bold uk-text-center" />
 
     <button
         v-if="authenticated"
-        @click="exportHandler"
         class="uk-button uk-button-small"
         style="background: #222; margin-right: 0.5rem"
         type="button"
+        @click="exportHandler"
     >
         <router-link to="/subscriptions">
             Subscriptions
@@ -19,11 +19,11 @@
 
     <span class="uk-align-right@m">
         <label for="ddlSortBy">{{ $t("actions.sort_by") }}</label>
-        <select id="ddlSortBy" class="uk-select uk-width-auto" v-model="selectedSort" @change="onChange()">
-            <option value="descending" v-t="'actions.most_recent'" />
-            <option value="ascending" v-t="'actions.least_recent'" />
-            <option value="channel_ascending" v-t="'actions.channel_name_asc'" />
-            <option value="channel_descending" v-t="'actions.channel_name_desc'" />
+        <select id="ddlSortBy" v-model="selectedSort" class="uk-select uk-width-auto" @change="onChange()">
+            <option v-t="'actions.most_recent'" value="descending" />
+            <option v-t="'actions.least_recent'" value="ascending" />
+            <option v-t="'actions.channel_name_asc'" value="channel_ascending" />
+            <option v-t="'actions.channel_name_desc'" value="channel_descending" />
         </select>
     </span>
 
@@ -31,10 +31,10 @@
 
     <div class="uk-grid-xl" uk-grid="parallax: 0">
         <div
+            v-for="video in videos"
+            :key="video.url"
             :style="[{ background: backgroundColor }]"
             class="uk-width-1-1 uk-width-1-3@s uk-width-1-4@m uk-width-1-5@l uk-width-1-6@xl"
-            v-bind:key="video.url"
-            v-for="video in videos"
         >
             <VideoItem :video="video" />
         </div>
@@ -45,6 +45,9 @@
 import VideoItem from "@/components/VideoItem.vue";
 
 export default {
+    components: {
+        VideoItem,
+    },
     data() {
         return {
             currentVideoCount: 0,
@@ -54,6 +57,11 @@ export default {
             selectedSort: "descending",
         };
     },
+    computed: {
+        getRssUrl(_this) {
+            return _this.apiUrl() + "/feed/rss?authToken=" + _this.getAuthToken();
+        },
+    },
     mounted() {
         this.fetchFeed().then(videos => {
             this.videosStore = videos;
@@ -105,13 +113,5 @@ export default {
             }
         },
     },
-    computed: {
-        getRssUrl(_this) {
-            return _this.apiUrl() + "/feed/rss?authToken=" + _this.getAuthToken();
-        },
-    },
-    components: {
-        VideoItem,
-    },
 };
 </script>