Lint project

website/src/.vitepress/config.ts

@@ -11,7 +11,7 @@ import generateOgImages from "./config/hooks/generateOgImages";
 const title = "Tachiyomi";
 const description = "Read your favorite manga, webtoons, comics, and more – easier than ever on your Android.";
 
-const env = loadEnv("", process.cwd())
+const env = loadEnv("", process.cwd());
 const hostname: string = env.VITE_HOSTNAME || "http://localhost:4173";
 
 export default defineConfig({

website/src/.vitepress/config/hooks/generateMeta.ts

@@ -69,12 +69,8 @@ const generateMeta = (context: TransformContext, hostname: string) => {
 			},
 		]);
 	} else {
-		const url = pageData.filePath
-			.replace("index.md", "")
-			.replace(".md", "");
-		const imageUrl = `${url}/__og_image__/og.png`
-			.replace(/\/\//g, "/")
-			.replace(/^\//, "");
+		const url = pageData.filePath.replace("index.md", "").replace(".md", "");
+		const imageUrl = `${url}/__og_image__/og.png`.replace(/\/\//g, "/").replace(/^\//, "");
 
 		head.push(["meta", { property: "og:image", content: `${hostname}/${imageUrl}` }]);
 		head.push(["meta", { property: "og:image:width", content: "1200" }]);

website/src/.vitepress/config/hooks/generateOgImages.ts

@@ -10,7 +10,7 @@ const __dirname = dirname(fileURLToPath(import.meta.url));
 const __fonts = resolve(__dirname, "../../fonts");
 
 async function generateOgImages(config: SiteConfig) {
-	const pages = await createContentLoader("**/*.md", { excerpt: true }).load()
+	const pages = await createContentLoader("**/*.md", { excerpt: true }).load();
 	const template = await readFile(resolve(__dirname, "../../theme/components/OgImageTemplate.vue"), "utf-8");
 
 	const fonts: SatoriOptions["fonts"] = [
@@ -40,14 +40,14 @@ async function generateOgImages(config: SiteConfig) {
 		},
 	];
 
-	const filteredPages = pages.filter(p => p.frontmatter.image === undefined);
+	const filteredPages = pages.filter((p) => p.frontmatter.image === undefined);
 
 	for (const page of filteredPages) {
 		await generateImage({
 			page,
 			template,
 			outDir: config.outDir,
-			fonts
+			fonts,
 		});
 	}
 }
@@ -69,19 +69,17 @@ async function generateImage({ page, template, outDir, fonts }: GenerateImagesOp
 		height: 628,
 		fonts,
 		props: {
-			title: frontmatter.layout === "home"
-				? (frontmatter.hero.name ?? frontmatter.title.replace(/\s\-.*$/, ""))
-				: (frontmatter.customMetaTitle ?? frontmatter.title.replace(/\s\-.*$/, "")),
-			description: frontmatter.layout === "home"
-				? (frontmatter.hero.tagline ?? frontmatter.description)
+			title:
+				frontmatter.layout === "home"
+					? frontmatter.hero.name ?? frontmatter.title.replace(/\s\-.*$/, "")
+					: frontmatter.customMetaTitle ?? frontmatter.title.replace(/\s\-.*$/, ""),
+			description:
+				frontmatter.layout === "home"
+					? frontmatter.hero.tagline ?? frontmatter.description
 					: frontmatter.description,
-			dir: (url.startsWith("/docs/faq/"))
-				? "FAQ"
-				: (url.startsWith("/docs/guides/"))
-				? "Guide"
-				: undefined,
-		}
-	}
+			dir: url.startsWith("/docs/faq/") ? "FAQ" : url.startsWith("/docs/guides/") ? "Guide" : undefined,
+		},
+	};
 
 	const svg = await satoriVue(options, template);
 

website/src/.vitepress/config/markdownConfig.ts

@@ -24,7 +24,6 @@ const markdownConfig: MarkdownOptions = {
 
 		md.use(shortcode_plugin, shortcodes);
 	},
-
 };
 
 export default markdownConfig;

website/src/.vitepress/config/navigation/navbar.ts

@@ -8,7 +8,7 @@ const nav = [
 	},
 	{
 		text: APP_VERSION,
-		activeMatch: "^\/*?(download|changelogs)\/*?$",
+		activeMatch: "^/*?(download|changelogs)/*?$",
 		items: [
 			{
 				text: "Download",

website/src/.vitepress/theme/components/Changelogs.vue

@@ -56,14 +56,14 @@ const dateFormatter = new Intl.DateTimeFormat("en", {
 
 <style lang="stylus" scoped>
 h2 {
-	margin-bottom: 0;
-	display: flex;
-	align-items: center;
-	gap: 0.5rem;
+	margin-bottom: 0
+	display: flex
+	align-items: center
+	gap: 0.5rem
 }
 
 time {
-	font-size: 0.875rem;
-	color: var(--vp-c-text-2);
+	font-size: 0.875rem
+	color: var(--vp-c-text-2)
 }
 </style>

website/src/.vitepress/theme/components/Contributors.vue

@@ -81,29 +81,29 @@ function addToNonExistent(user: string) {
 <style lang="stylus" scoped>
 .contributors {
 	ul {
-		display: flex;
-		align-items: center;
-		flex-wrap: wrap;
-		gap: 0.5rem;
-		list-style-type: none;
-		padding-left: 0;
+		display: flex
+		align-items: center
+		flex-wrap: wrap
+		gap: 0.5rem
+		list-style-type: none
+		padding-left: 0
 
 		li + li {
-			margin-top: 0;
+			margin-top: 0
 		}
 	}
 
 	.avatar {
-		width: 32px;
-		height: 32px;
-		border-radius: 50%;
-		box-shadow: var(--vp-shadow-1);
-		border: 1px solid var(--vp-c-divider);
+		width: 32px
+		height: 32px
+		border-radius: 50%
+		box-shadow: var(--vp-shadow-1)
+		border: 1px solid var(--vp-c-divider)
 	}
 
 	.names {
-		font-size: 0.875rem;
-		color: var(--vp-c-text-2);
+		font-size: 0.875rem
+		color: var(--vp-c-text-2)
 	}
 }
 </style>

website/src/.vitepress/theme/components/ExtensionGroup.vue

@@ -1,50 +0,0 @@
-<script>
-import { langName, simpleLangName } from "../../../config/scripts/languages";
-import ExtensionItem from "./ExtensionItem.vue";
-
-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);
-		},
-	},
-	methods: {
-		simpleLangName,
-		langName,
-	},
-};
-</script>
-
-<template>
-	<div class="extension-group">
-		<h2>
-			{{ groupName }}
-
-			<span class="extensions-total">
-				Total:
-				<span class="extensions-total-sum">
-					{{ totalCount }}
-				</span>
-			</span>
-		</h2>
-		<ExtensionItem
-			v-for="extension in list"
-			:id="extension.pkg.replace('eu.kanade.tachiyomi.extension.', '')"
-			:key="extension.apk"
-			:item="extension"
-		/>
-	</div>
-</template>
-
-<style lang="stylus">
-.extensions-total {
-	float: right
-
-	&-sum {
-		color: var(--vp-c-brand)
-	}
-}
-</style>

website/src/.vitepress/theme/components/Extensions/ExtensionItem.vue

@@ -77,7 +77,7 @@ export default {
 
 	.extension-icon {
 		flex-shrink: 0
-		margin-left: -4px;
+		margin-left: -4px
 	}
 
 	.extension-text {
@@ -129,7 +129,7 @@ export default {
 	}
 
 	@media (max-width 767px) {
-		padding: 0.4em 0em
+		padding: 0.4em 0
 	}
 }
 
@@ -144,7 +144,7 @@ export default {
 		padding: 0.5em
 
 		.extension-icon {
-			margin-left: 0;
+			margin-left: 0
 		}
 
 		.extension-download {

website/src/.vitepress/theme/components/News.vue

@@ -33,14 +33,15 @@ const dateFormatter = new Intl.DateTimeFormat("en", { dateStyle: "medium" });
 
 <style lang="stylus" scoped>
 .news {
-	display: flex;
-	flex-direction: column;
+	display: flex
+	flex-direction: column
 	gap: 0.5rem
 	position: relative
 
 	&:first-of-type {
 		margin-top: 3rem
 	}
+
 	& + .news {
 		margin-top: 3rem
 	}
@@ -52,7 +53,8 @@ const dateFormatter = new Intl.DateTimeFormat("en", { dateStyle: "medium" });
 		z-index: 10
 	}
 
-	h3, p {
+	h3,
+	p {
 		margin: 0
 	}
 
@@ -77,7 +79,10 @@ const dateFormatter = new Intl.DateTimeFormat("en", { dateStyle: "medium" });
 		}
 	}
 
-	.title,	.readPrompt, p,	time {
+	.title,
+	.readPrompt,
+	p,
+	time {
 		position: relative
 	}
 
@@ -102,7 +107,8 @@ const dateFormatter = new Intl.DateTimeFormat("en", { dateStyle: "medium" });
 		}
 	}
 
-	.hover, .background {
+	.hover,
+	.background {
 		position: absolute
 		z-index: 20
 		bottom: -1rem
@@ -117,18 +123,27 @@ const dateFormatter = new Intl.DateTimeFormat("en", { dateStyle: "medium" });
 		transform: scale(0.95)
 		opacity: 0
 		z-index: 0
-		transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1),
-			transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
+		transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1), transform 0.15s cubic-bezier(0.4, 0, 0.2, 1)
 	}
 
-	&:hover .background, &:focus-within .background {
+	&:hover .background,
+	&:focus-within .background {
 		opacity: 1
 		transform: scale(1)
 	}
 
-	h3 a:focus-visible + .background {
+	h3: a
+
+	:focus-visible + .background {
+		outline: 2px solid var(--vp-c-brand-2)
+	}
+
+	:focus-visible + .background {
+		outline: 2px solid var(--vp-c-brand-2)
+	}
+
+	:focus-visible + .background {
 		outline: 2px solid var(--vp-c-brand-2)
 	}
 }
-
 </style>

website/src/.vitepress/theme/components/OgImageTemplate.vue

@@ -24,6 +24,6 @@
 				<div v-if="description" tw="mt-2 text-4xl text-slate-600">{{ description }}</div>
 			</div>
 		</div>
-		<div tw="shrink-0 h-2 w-full flex" style="background-color: #8995FF;" />
+		<div tw="shrink-0 h-2 w-full flex" style="background-color: #8995ff;" />
 	</div>
 </template>

website/src/.vitepress/theme/components/WhatsNew.vue

@@ -50,7 +50,7 @@ const whatsNew = computed(() => {
 	transition: border-color 0.25s, background-color 0.25s
 	padding: 24px
 	height: 100%
-	margin: 1.5em auto 0.5em auto
+	margin: 1.5em auto 0.5em
 
 	header {
 		display: flex

website/src/.vitepress/theme/data/changelogs.data.ts

@@ -1,4 +1,4 @@
-import { defineLoader } from "vitepress"
+import { defineLoader } from "vitepress";
 import { Octokit } from "@octokit/rest";
 import type { GetResponseDataTypeFromEndpointMethod } from "@octokit/types";
 
@@ -18,5 +18,5 @@ export default defineLoader({
 		});
 
 		return releases;
-	}
+	},
 });

website/src/.vitepress/theme/data/news.data.ts

@@ -1,4 +1,4 @@
-import { defineLoader, createContentLoader } from "vitepress"
+import { defineLoader, createContentLoader } from "vitepress";
 
 export interface News {
 	title: string;
@@ -16,12 +16,15 @@ export default defineLoader({
 
 		return articles
 			.filter(({ url }) => url !== "/news/")
-			.map(({ frontmatter, url }) => <News>({
+			.map(
+				({ frontmatter, url }) =>
+					<News>{
 						title: frontmatter.title,
 						description: frontmatter.description,
 						date: frontmatter.date,
 						url,
-			}))
-			.sort((a, b) => b.date.localeCompare(a.date));
 					}
+			)
+			.sort((a, b) => b.date.localeCompare(a.date));
+	},
 });

website/src/.vitepress/theme/data/release.data.ts

@@ -1,4 +1,4 @@
-import { defineLoader } from "vitepress"
+import { defineLoader } from "vitepress";
 import { Octokit } from "@octokit/rest";
 import type { GetResponseDataTypeFromEndpointMethod } from "@octokit/types";
 
@@ -27,5 +27,5 @@ export default defineLoader({
 		});
 
 		return { stable, preview };
-	}
+	},
 });

website/src/.vitepress/theme/styles/base.styl

@@ -117,13 +117,14 @@ html:not(.dark) {
 /**
  * Component: LocalSearch
  */
+
 .VPLocalSearchBox {
-	--vp-local-search-highlight-bg: var(--vp-c-brand-soft);
-	--vp-local-search-highlight-text: var(--vp-c-brand-dark);
+	--vp-local-search-highlight-bg: var(--vp-c-brand-soft)
+	--vp-local-search-highlight-text: var(--vp-c-brand-dark)
 }
 
 .dark .VPLocalSearchBox {
-	--vp-local-search-highlight-text: var(--vp-c-brand-lightest);
+	--vp-local-search-highlight-text: var(--vp-c-brand-lightest)
 }
 
 /**
@@ -191,6 +192,7 @@ main :where(h1, h2, h3, h4, h5, h6) + figure {
 /**
  * Component: Shortcodes
  * -------------------------------------------------------------------------- */
+
 .navigation {
 	color: var(--vp-c-text-2)
 	font-weight: 600
@@ -202,7 +204,7 @@ main :where(h1, h2, h3, h4, h5, h6) + figure {
 
 	svg,
 	span.name {
-		vertical-align: middle; /* Align both SVG and <span> vertically */
+		vertical-align: middle // Align both SVG and <span> vertically
 	}
 
 	svg {

website/src/.vitepress/theme/styles/forks/lint.styl

@@ -0,0 +1,9 @@
+.extension-list {
+	> div {
+		&:not(:first-of-type) {
+			.extensions-total {
+				display: none
+			}
+		}
+	}
+}