Fix lint errors

.eslintrc.js

@@ -5,11 +5,7 @@ module.exports = {
 	},
 
 	extends: ["vuepress", "prettier"],
-
+	plugins: ["vue", "prettier", "markdown"],
-	globals: {
-		Atomics: "readonly",
-		SharedArrayBuffer: "readonly",
-	},
 
 	parserOptions: {
 		ecmaVersion: 2018,
@@ -31,7 +27,6 @@ module.exports = {
 			},
 		],
 		curly: ["error", "all"],
+		"vue/multi-word-component-names": "off"
 	},
-
-	plugins: ["vue", "prettier", "markdown"],
 };

package-lock.json

@@ -12,6 +12,7 @@
 				"@mr-hope/vuepress-plugin-sitemap": "^1.21.0",
 				"axios": "^0.24.0",
 				"core-js": "2.6.4",
+				"docsearch.js": "^2.6.3",
 				"element-ui": "^2.15.6",
 				"lodash.groupby": "^4.6.0",
 				"lodash.sortby": "^4.7.0",

package.json

@@ -4,7 +4,7 @@
 	"description": "Official website for the Tachiyomi app.",
 	"scripts": {
 		"build": "npm run lint && vuepress build src",
-		"lint": "eslint --fix src/.vuepress/**/*.{js,vue} --no-ignore",
+		"lint": "eslint --fix 'src/.vuepress/**/*.{js,vue}' --no-ignore",
 		"serve": "vuepress dev src"
 	},
 	"repository": {
@@ -45,6 +45,7 @@
 		"@mr-hope/vuepress-plugin-sitemap": "^1.21.0",
 		"axios": "^0.24.0",
 		"core-js": "2.6.4",
+		"docsearch.js": "^2.6.3",
 		"element-ui": "^2.15.6",
 		"lodash.groupby": "^4.6.0",
 		"lodash.sortby": "^4.7.0",

src/.vuepress/components/CarouselWrapper.vue

@@ -1,5 +1,5 @@
 <template>
-	<Agile :id="name" :options="config">
+	<VueAgile :id="name" :options="config">
 		<slot />
 		<template #prevButton>
 			<MaterialIcon icon="navigate_next" />
@@ -7,7 +7,7 @@
 		<template #nextButton>
 			<MaterialIcon icon="navigate_next" />
 		</template>
-	</Agile>
+	</VueAgile>
 </template>
 
 <script>

src/.vuepress/components/HelpPage.vue

@@ -1,6 +1,6 @@
 <template>
 	<div class="theme-container help-page">
-		<Navbar />
+		<NavBar />
 		<main class="page">
 			<div class="theme-custom-content content__default">
 				<slot name="top" />
@@ -89,7 +89,7 @@
 
 <script>
 import AlgoliaSearchBox from "@theme/components/AlgoliaSearchBox.vue";
-import Navbar from "@theme/components/Navbar.vue";
+import NavBar from "@theme/components/NavBar.vue";
 import ClipboardListIcon from "vue-material-design-icons/ClipboardList.vue";
 import ClipboardSearchIcon from "vue-material-design-icons/ClipboardSearch.vue";
 import DiscordIcon from "vue-material-design-icons/Discord.vue";
@@ -101,7 +101,7 @@ import SourceForkIcon from "vue-material-design-icons/SourceFork.vue";
 
 export default {
 	components: {
-		Navbar,
+		NavBar,
 		AlgoliaSearchBox,
 		ClipboardListIcon,
 		SourceForkIcon,

src/.vuepress/config.js

@@ -1,5 +1,5 @@
-const pluginsConfig = require("./config/plugins");
 const navBarConfig = require("./config/navBar");
+const pluginsConfig = require("./config/plugins");
 const sideBarConfig = require("./config/sideBar");
 
 module.exports = {

src/.vuepress/constants.js

@@ -1,4 +1,5 @@
-export const GITHUB_EXTENSION_JSON = "https://raw.githubusercontent.com/tachiyomiorg/tachiyomi-extensions/repo/index.json";
+export const GITHUB_EXTENSION_JSON =
+	"https://raw.githubusercontent.com/tachiyomiorg/tachiyomi-extensions/repo/index.json";
 export const GITHUB_STABLE_API = "https://api.github.com/repos/tachiyomiorg/tachiyomi/releases/latest";
 export const GITHUB_STABLE_RELEASE = "https://github.com/tachiyomiorg/tachiyomi/releases/latest";
 export const GITHUB_PREVIEW_API = "https://api.github.com/repos/tachiyomiorg/android-app-preview/releases/latest";

src/.vuepress/enhanceApp.js

@@ -1,11 +1,10 @@
 import "./styles/animate.css";
 import "./styles/sweetalert2.css";
 import "vue-material-design-icons/styles.css";
-import { VueAgile } from "vue-agile";
-import VueSweetalert2 from "vue-sweetalert2";
-import VueMoment from "vue-moment";
 import Element from "element-ui";
-
+import { VueAgile } from "vue-agile";
+import VueMoment from "vue-moment";
+import VueSweetalert2 from "vue-sweetalert2";
 import store from "./store";
 
 const redirectList = [
@@ -30,7 +29,7 @@ export default ({
 	siteData, // site metadata
 }) => {
 	// eslint-disable-next-line vue/match-component-file-name
-	Vue.component("Agile", VueAgile);
+	Vue.component("VueAgile", VueAgile);
 	Vue.use(VueSweetalert2);
 	Vue.use(VueMoment);
 	Vue.use(Element);

src/.vuepress/theme/components/Home.vue

@@ -74,8 +74,8 @@
 </template>
 
 <script>
-import CloudDownloadIcon from "vue-material-design-icons/CloudDownload.vue";
 import BookOpenVariantIcon from "vue-material-design-icons/BookOpenVariant.vue";
+import CloudDownloadIcon from "vue-material-design-icons/CloudDownload.vue";
 
 export default {
 	name: "Home",

src/.vuepress/theme/components/NavBar.vue

@@ -35,12 +35,12 @@
 
 <script>
 import SearchBox from "@SearchBox";
-import SidebarButton from "@theme/components/SidebarButton.vue";
 import NavLinks from "@theme/components/NavLinks.vue";
+import SidebarButton from "@theme/components/SidebarButton.vue";
 import AlgoliaSearchBox from "./AlgoliaSearchBox.vue";
 
 export default {
-	name: "Navbar",
+	name: "NavBar",
 
 	components: {
 		SidebarButton,