diff --git a/.eslintrc.js b/.eslintrc.js
index a8aa82b2..89148b77 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -5,11 +5,7 @@ module.exports = {
 	},
 
 	extends: ["vuepress", "prettier"],
-
-	globals: {
-		Atomics: "readonly",
-		SharedArrayBuffer: "readonly",
-	},
+	plugins: ["vue", "prettier", "markdown"],
 
 	parserOptions: {
 		ecmaVersion: 2018,
@@ -31,7 +27,6 @@ module.exports = {
 			},
 		],
 		curly: ["error", "all"],
+		"vue/multi-word-component-names": "off"
 	},
-
-	plugins: ["vue", "prettier", "markdown"],
 };
diff --git a/package-lock.json b/package-lock.json
index 91a624c6..3be20f0f 100644
--- a/package-lock.json
+++ b/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",
diff --git a/package.json b/package.json
index c0abfb40..14400651 100644
--- a/package.json
+++ b/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",
diff --git a/src/.vuepress/components/CarouselWrapper.vue b/src/.vuepress/components/CarouselWrapper.vue
index d5ad7c7d..541693d1 100644
--- a/src/.vuepress/components/CarouselWrapper.vue
+++ b/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>
diff --git a/src/.vuepress/components/HelpPage.vue b/src/.vuepress/components/HelpPage.vue
index 940c74f6..e2001616 100644
--- a/src/.vuepress/components/HelpPage.vue
+++ b/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,
diff --git a/src/.vuepress/config.js b/src/.vuepress/config.js
index 0054ad2b..093a5274 100644
--- a/src/.vuepress/config.js
+++ b/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 = {
diff --git a/src/.vuepress/constants.js b/src/.vuepress/constants.js
index 3d262f3f..3f6bb349 100644
--- a/src/.vuepress/constants.js
+++ b/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";
diff --git a/src/.vuepress/enhanceApp.js b/src/.vuepress/enhanceApp.js
index e290a279..93a128f8 100644
--- a/src/.vuepress/enhanceApp.js
+++ b/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);
diff --git a/src/.vuepress/theme/components/Home.vue b/src/.vuepress/theme/components/Home.vue
index 74c13931..68df2d10 100644
--- a/src/.vuepress/theme/components/Home.vue
+++ b/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",
diff --git a/src/.vuepress/theme/components/Navbar.vue b/src/.vuepress/theme/components/NavBar.vue
similarity index 99%
rename from src/.vuepress/theme/components/Navbar.vue
rename to src/.vuepress/theme/components/NavBar.vue
index 4014ebe2..d901a6e3 100644
--- a/src/.vuepress/theme/components/Navbar.vue
+++ b/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,