Updating linting dependencies

package.json

@@ -26,12 +26,12 @@
 		"@vuepress/plugin-google-analytics": "^1.8.2",
 		"@vuepress/plugin-pwa": "^1.8.2",
 		"babel-eslint": "^10.1.0",
-		"eslint": "^7.28.0",
+		"eslint": "^7.32.0",
 		"eslint-config-vuepress": "^3.2.1",
 		"eslint-plugin-markdown": "^2.2.0",
-		"eslint-plugin-vue": "^7.11.0",
+		"eslint-plugin-vue": "^7.15.0",
 		"node-sass": "^5.0.0",
-		"prettier": "^2.3.1",
+		"prettier": "^2.3.2",
 		"sass-loader": "^10.1.1",
 		"vuepress": "^1.8.2",
 		"vuepress-plugin-clean-urls": "^1.1.2",

src/.vuepress/components/DownloadButtons.vue

@@ -3,12 +3,12 @@
 		<ElButton type="success" icon="el-icon-download" @click="downloadStable" @keyup.enter="downloadStable">
 			<span class="spacing">Stable</span>
 			<br />
-			<span class="downloadTag">{{ this.$data.tagName }}</span>
+			<span class="downloadTag">{{ $data.tagName }}</span>
 		</ElButton>
 		<ElButton type="warning" icon="el-icon-cpu" @click="downloadPreview" @keyup.enter="downloadPreview">
 			<span class="spacing">Preview</span>
 			<br />
-			<span class="downloadTag">{{ this.$data.previewTagName }}</span>
+			<span class="downloadTag">{{ $data.previewTagName }}</span>
 		</ElButton>
 		<span class="versionNotice">
 			Requires

src/.vuepress/components/ExtensionGroup.vue

@@ -28,10 +28,10 @@ export default {
 	components: { ExtensionItem },
 	props: ["list", "totalCount"],
 	computed: {
-		groupName: function() {
-			const firstItem = this.list[0]
-			return firstItem.lang === "en" ? simpleLangName(firstItem.lang) : langName(firstItem.lang)
-		}
+		groupName: function () {
+			const firstItem = this.list[0];
+			return firstItem.lang === "en" ? simpleLangName(firstItem.lang) : langName(firstItem.lang);
+		},
 	},
 	methods: {
 		simpleLangName,

src/.vuepress/components/ExtensionItem.vue

@@ -21,21 +21,21 @@
 export default {
 	props: ["item"],
 	computed: {
-		pkgId: function() {
+		pkgId: function () {
 			return this.item.pkg.replace("eu.kanade.tachiyomi.extension.", "");
 		},
-		pkgName: function() {
-			return this.item.name.split(": ")[1]
+		pkgName: function () {
+			return this.item.name.split(": ")[1];
 		},
-		pkgVersion: function() {
-			return 'v' + this.item.version;
+		pkgVersion: function () {
+			return "v" + this.item.version;
 		},
-		iconUrl: function() {
+		iconUrl: function () {
 			const pkgName = this.item.apk.substring(0, this.item.apk.lastIndexOf("."));
 			return `https://raw.githubusercontent.com/tachiyomiorg/tachiyomi-extensions/repo/icon/${pkgName}.png`;
 		},
-		apkUrl: function() {
-			return `https://raw.githubusercontent.com/tachiyomiorg/tachiyomi-extensions/repo/apk/${this.item.apk}`
+		apkUrl: function () {
+			return `https://raw.githubusercontent.com/tachiyomiorg/tachiyomi-extensions/repo/apk/${this.item.apk}`;
 		},
 	},
 };

src/.vuepress/components/Filters.vue

@@ -55,7 +55,7 @@ export default {
 	},
 	methods: {
 		simpleLangName,
-		langName 
+		langName,
 	},
 };
 </script>

src/.vuepress/components/VersionTag.vue

@@ -1,14 +1,14 @@
 <template>
-	<span v-if="stable" class="downloadTag">{{ this.$data.tagName }}</span>
+	<span v-if="stable" class="downloadTag">{{ $data.tagName }}</span>
 	<span v-else-if="fileName" class="fileNameContainer" title="File name">
 		<MaterialIcon class="fileNameIcon" icon="get_app" />
-		<span class="fileName">tachiyomi-v{{ this.$data.tagName }}.apk</span>
+		<span class="fileName">tachiyomi-v{{ $data.tagName }}.apk</span>
 		<slot />
 	</span>
-	<span v-else-if="preview" class="downloadTag">{{ this.$data.previewTagName }}</span>
+	<span v-else-if="preview" class="downloadTag">{{ $data.previewTagName }}</span>
 	<span v-else-if="previewFileName" class="fileNameContainer" title="File name">
 		<MaterialIcon class="fileNameIcon" icon="get_app" />
-		<span class="fileName">tachiyomi-{{ this.$data.previewTagName }}.apk</span>
+		<span class="fileName">tachiyomi-{{ $data.previewTagName }}.apk</span>
 		<slot />
 	</span>
 	<span v-else>You need to specify props.</span>