Merge pull request #20 from nakrovati/refactor/website

Refactor/website

Author: Koitharu

.editorconfig

@@ -4,16 +4,12 @@ root = true
 [*]
 charset = utf-8
 end_of_line = lf
-insert_final_newline = true
-trim_trailing_whitespace = true
 indent_style = space
-tab_width = 4
+indent_size = 2
 max_line_length = off
-
-[*.{js,ts,vue,css,json,jsonc,yml,yaml}]
-tab_width = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
 
 [*.md]
-tab_width = 2
 max_line_length = off
-trim_trailing_whitespace = false
+trim_trailing_whitespace = false

.github/workflows/deploy.yml

@@ -15,12 +15,12 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout 🛎️
-        uses: actions/checkout@v4
+        uses: actions/checkout@v5
 
       - name: Setup Node
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v6
         with:
-          node-version: 22
+          node-version: 24
           cache: npm
 
       - name: Install dependencies

.gitignore

@@ -17,8 +17,5 @@ yarn-error.log*
 .zed/
 .vscode/
 
-release.data.json
-changelogs.data.json
-
 yarn.lock
 pnpm-lock.yaml

.markdownlintignore

@@ -1 +1,3 @@
-node_modules
+node_modules
+.vitepress/cache
+.vitepress/dist

.prettierignore

@@ -1,2 +1,2 @@
 package-lock.json
-pnpm-lock.yaml
+pnpm-lock.yaml

.vitepress/config/en.ts

@@ -1,5 +1,7 @@
 import type { DefaultTheme, LocaleConfig } from "vitepress";
-import type { CustomConfig, Theme } from "../theme/types";
+
+import type { CustomConfig, ThemeConfig } from "../theme/types";
+
 import { sections } from "../theme/plugins/section";
 import { resolveBaseUrl } from "../theme/utils";
 
@@ -31,7 +33,7 @@ export const searchLocale: Record<string, Partial<Omit<DefaultTheme.LocalSearchO
   },
 };
 
-export const config: LocaleConfig<Theme.Config> = {
+export const config: LocaleConfig<ThemeConfig> = {
   root: {
     label: "English",
     lang: "en",

.vitepress/config/hooks/generateMeta.ts

@@ -1,4 +1,5 @@
 import type { HeadConfig, TransformContext } from "vitepress";
+
 import type { DocsPageData } from "../../theme/plugins/section";
 
 function generateMeta(context: TransformContext, hostname: string) {

.vitepress/config/hooks/generateOgImages.ts

@@ -1,10 +1,11 @@
+import type { ContentData, SiteConfig } from "vitepress";
+
+import { renderAsync } from "@resvg/resvg-js";
 import { mkdir, readFile, writeFile } from "node:fs/promises";
 import { dirname, resolve } from "node:path";
 import { fileURLToPath } from "node:url";
 import { createContentLoader } from "vitepress";
-import type { ContentData, SiteConfig } from "vitepress";
 import { type SatoriOptions, satoriVue } from "x-satori/vue";
-import { renderAsync } from "@resvg/resvg-js";
 
 const __dirname = dirname(fileURLToPath(import.meta.url));
 const __fonts = resolve(__dirname, "../../fonts");
@@ -55,7 +56,7 @@ interface GenerateImagesOptions {
   fonts: SatoriOptions["fonts"];
 }
 
-type Dirs = "FAQ" | "Guide" | "News" | "Sandbox" | "Dev" | "Other";
+type Dirs = "Dev" | "FAQ" | "Guide" | "News" | "Other" | "Sandbox";
 
 function getDir(url: string): Dirs {
   if (url.startsWith("/manuals/faq/")) {

.vitepress/config/index.ts

@@ -1,22 +1,25 @@
-import type { Theme } from "../theme/types";
-import { defineConfigWithTheme } from "vitepress";
-import { config as root, searchLocale as searchLocaleEn } from "./en";
-import { addPlugins } from "../theme/plugins/markdown";
-import { sections, prepareData } from "../theme/plugins/section";
-import { slugify } from "transliteration";
+// @ts-expect-error Missing types
+import shortcode_plugin from "markdown-it-shortcode-tag";
 import { fileURLToPath, URL } from "node:url";
-import { telegram } from "../../website/icons";
+import { slugify } from "transliteration";
+import { defineConfigWithTheme } from "vitepress";
 import { tabsMarkdownPlugin } from "vitepress-plugin-tabs";
-import shortcode_plugin from "markdown-it-shortcode-tag";
-import shortcodes from "./shortcodes";
-import generateOgImages from "./hooks/generateOgImages";
+
+import type { ThemeConfig } from "../theme/types";
+
+import { telegram } from "../../website/icons";
+import { addPlugins } from "../theme/plugins/markdown";
+import { prepareData, sections } from "../theme/plugins/section";
+import { config as root, searchLocale as searchLocaleEn } from "./en";
 import generateMeta from "./hooks/generateMeta";
+import generateOgImages from "./hooks/generateOgImages";
+import shortcodes from "./shortcodes";
 
 const SITE_HOST = "https://kotatsu.app";
 const SITE_TITLE = "kotatsu.app";
 const SITE_TITLE_SEPARATOR = " / ";
 
-export default defineConfigWithTheme<Theme.Config>({
+export default defineConfigWithTheme<ThemeConfig>({
   lastUpdated: true,
   cleanUrls: true,
 
@@ -36,8 +39,8 @@ export default defineConfigWithTheme<Theme.Config>({
           .trim()
           .replace(/^\d*/g, "") // Удаление чисел из начала строки
           .replace(/[^a-zA-Zа-яА-ЯЁё0-9\-\s]/g, "") // Удаление ненужных символов
-          .replace(/\s\-\s/, "-")
-          .replace(/\-+/g, "-") // Избавление от повторяющихся символов
+          .replace(/\s-\s/, "-")
+          .replace(/-+/g, "-") // Избавление от повторяющихся символов
           .replace(/^(.{25}[^\s]*).*/, "$1"); // Ограничение количества символов
 
         return encodeURIComponent(slugify(str, { lowercase: true }));
@@ -102,7 +105,7 @@ export default defineConfigWithTheme<Theme.Config>({
   vite: {
     resolve: {
       alias: ["VPSidebar", "VPNavBarTranslations", "VPNavScreenTranslations", "VPNavBar", "VPNavBarMenu", "VPNavScreenMenu", "VPFooter"].map((componentName) => ({
-        find: new RegExp(`^.*\/${componentName}\.vue$`),
+        find: new RegExp(`^.*/${componentName}.vue$`),
         replacement: fileURLToPath(new URL(`../theme/components/${componentName.replace(/^VP/, "")}.vue`, import.meta.url)),
       })),
     },

.vitepress/theme/components/Breadcrumbs.vue renamed to .vitepress/theme/components/BaseBreadcrumbs.vue

@@ -1,10 +1,11 @@
 <script setup lang="ts">
 import type { Ref } from "vue";
-import { useData, withBase, useRoute } from "vitepress";
-import type { DocsPageData } from "../plugins/section";
 
+import { useData, useRoute, withBase } from "vitepress";
 import VPLink from "vitepress/dist/client/theme-default/components/VPLink.vue";
 
+import type { DocsPageData } from "../plugins/section";
+
 const { page }: { page: Ref<DocsPageData> } = useData();
 const route = useRoute();
 </script>