增加了一些作品信息展示和更友好的错误界面

[BugFix] 增加了错误界面返回链接缺失的换行修复了不显示作者笔名的陈年老 Bug (我觉得我是不是 SB, 把 pseud 写成 pesud)
[Base] 更新 SSR 机制, 支持流式渲染注入 head 标签
2025-06-09 17:20:48 +08:00 · 2025-06-05 18:02:03 +08:00 · 2025-06-03 17:45:33 +08:00 · 2025-05-31 23:50:23 +08:00 · 2025-05-31 19:11:20 +08:00 · 2025-05-28 20:39:22 +08:00
33 changed files with 937 additions and 764 deletions
--- a/index.html
+++ b/index.html
@ -1,9 +1,9 @@
 <!doctype html>
-<html>
+<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="icon" type="image/svg" href="/favicon.svg">
+    <link rel="icon" type="image/svg" href="/favicon.svg" />
    <!--app-head-->
  </head>
  <body>
--- a/package-lock.json
+++ b/package-lock.json
@ -9,15 +9,15 @@
      "version": "0.0.0",
      "dependencies": {
        "@mdui/icons": "^1.0.2",
-        "@vueuse/core": "^13.2.0",
-        "@vueuse/integrations": "^13.2.0",
+        "@vueuse/core": "^13.3.0",
+        "@vueuse/integrations": "^13.3.0",
        "axios": "^1.9.0",
        "compress-json": "^3.1.1",
        "cookie-parser": "^1.4.7",
        "express": "^5.1.0",
-        "mdui": "^2.1.3",
+        "mdui": "^2.1.4",
        "pinia": "^3.0.2",
-        "vue": "^3.5.13",
+        "vue": "^3.5.15",
        "vue-router": "^4.5.1"
      },
      "devDependencies": {
@ -26,7 +26,7 @@
        "cross-env": "^7.0.3",
        "markdown-it-anchor": "^9.2.0",
        "markdown-it-attrs": "^4.3.1",
-        "sass": "^1.88.0",
+        "sass": "^1.89.0",
        "vite": "^6.3.5",
        "vite-plugin-md": "^0.21.5",
        "vite-plugin-vue-devtools": "^7.7.6"
@ -290,17 +290,17 @@
      }
    },
    "node_modules/@babel/helper-string-parser": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmmirror.com/@babel/helper-string-parser/-/helper-string-parser-7.25.9.tgz",
-      "integrity": "sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==",
+      "version": "7.27.1",
+      "resolved": "https://registry.npmmirror.com/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
      "engines": {
        "node": ">=6.9.0"
      }
    },
    "node_modules/@babel/helper-validator-identifier": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmmirror.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz",
-      "integrity": "sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==",
+      "version": "7.27.1",
+      "resolved": "https://registry.npmmirror.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz",
+      "integrity": "sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==",
      "engines": {
        "node": ">=6.9.0"
      }
@ -328,11 +328,11 @@
      }
    },
    "node_modules/@babel/parser": {
-      "version": "7.26.9",
-      "resolved": "https://registry.npmmirror.com/@babel/parser/-/parser-7.26.9.tgz",
-      "integrity": "sha512-81NWa1njQblgZbQHxWHpxxCzNsa3ZwvFqpUg7P+NNUU6f3UU2jBEg4OlF/J6rl8+PQGh1q6/zWScd001YwcA5A==",
+      "version": "7.27.3",
+      "resolved": "https://registry.npmmirror.com/@babel/parser/-/parser-7.27.3.tgz",
+      "integrity": "sha512-xyYxRj6+tLNDTWi0KCBcZ9V7yg3/lwL9DWh9Uwh/RIVlIfFidggcgxKX3GCXwCiswwcGRawBKbEg2LG/Y8eJhw==",
      "dependencies": {
-        "@babel/types": "^7.26.9"
+        "@babel/types": "^7.27.3"
      },
      "bin": {
        "parser": "bin/babel-parser.js"
@ -505,12 +505,12 @@
      "dev": true
    },
    "node_modules/@babel/types": {
-      "version": "7.26.9",
-      "resolved": "https://registry.npmmirror.com/@babel/types/-/types-7.26.9.tgz",
-      "integrity": "sha512-Y3IR1cRnOxOCDvMmNiym7XpXQ93iGDDPHx+Zj+NM+rg0fBaShfQLkg+hKPaZCEvg5N/LeCo4+Rj/i3FuJsIQaw==",
+      "version": "7.27.3",
+      "resolved": "https://registry.npmmirror.com/@babel/types/-/types-7.27.3.tgz",
+      "integrity": "sha512-Y1GkI4ktrtvmawoSq+4FCVHNryea6uR+qUQy0AGxLSsjCX0nVmkYQMBLHDkXZuo5hGx7eYdnIaslsdBFm7zbUw==",
      "dependencies": {
-        "@babel/helper-string-parser": "^7.25.9",
-        "@babel/helper-validator-identifier": "^7.25.9"
+        "@babel/helper-string-parser": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.27.1"
      },
      "engines": {
        "node": ">=6.9.0"
@ -1009,9 +1009,9 @@
      }
    },
    "node_modules/@lit/reactive-element": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmmirror.com/@lit/reactive-element/-/reactive-element-2.0.4.tgz",
-      "integrity": "sha512-GFn91inaUa2oHLak8awSIigYz0cU0Payr1rcFsrkf5OJ5eSPxElyZfKh0f2p9FsTiZWXQdWGJeXZICEfXXYSXQ==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/@lit/reactive-element/-/reactive-element-2.1.0.tgz",
+      "integrity": "sha512-L2qyoZSQClcBmq0qajBVbhYEcG6iK0XfLn66ifLe/RfC0/ihpc+pl0Wdn8bJ8o+hj38cG0fGXRgSS20MuXn7qA==",
      "dependencies": {
        "@lit-labs/ssr-dom-shim": "^1.2.0"
      }
@ -1032,24 +1032,24 @@
      }
    },
    "node_modules/@mdui/jq": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmmirror.com/@mdui/jq/-/jq-3.0.2.tgz",
-      "integrity": "sha512-Er6cvAgW4RrjWrMBJDnajIiPD99EPYmAWyIgQURhUtO2V1NQQ80oLDo9ILllMoj1idsi1G4EQEqOEdinlH85DQ==",
+      "version": "3.0.3",
+      "resolved": "https://registry.npmmirror.com/@mdui/jq/-/jq-3.0.3.tgz",
+      "integrity": "sha512-nI8QK9UPHhiIbECrC1aMdLXNxP6WgUtC9XwRPs/e56FtwduePyxPyloXmgU8VYw85i6TtYdgClHS9tW8JweNZA==",
      "dependencies": {
-        "ssr-window": "^4.0.2",
-        "tslib": "^2.6.3"
+        "ssr-window": "^5.0.0",
+        "tslib": "^2.8.1"
      }
    },
    "node_modules/@mdui/shared": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmmirror.com/@mdui/shared/-/shared-1.0.7.tgz",
-      "integrity": "sha512-rs12tndL8Y4cy8eiGnkWvKMTHOTbwtHpfpFrPvnUm6ajLnAAaHjX7CJkOMjs5sh7cd+ez2Zm77MEgovKAWeeRQ==",
+      "version": "1.0.8",
+      "resolved": "https://registry.npmmirror.com/@mdui/shared/-/shared-1.0.8.tgz",
+      "integrity": "sha512-YY863fjHBuk8KtiO4uLDm1YyIVdGrWv4xUxfv8jP32WqIQBkSTbV7HN8jnKXXIej0NFP7pU89yGr4GJYzVszPg==",
      "dependencies": {
-        "@lit/reactive-element": "^2.0.4",
-        "@mdui/jq": "^3.0.2",
-        "lit": "^3.1.4",
-        "ssr-window": "^4.0.2",
-        "tslib": "^2.6.3"
+        "@lit/reactive-element": "^2.1.0",
+        "@mdui/jq": "^3.0.3",
+        "lit": "^3.3.0",
+        "ssr-window": "^5.0.0",
+        "tslib": "^2.8.1"
      }
    },
    "node_modules/@nodelib/fs.scandir": {
@ -1818,49 +1818,49 @@
      }
    },
    "node_modules/@vue/compiler-core": {
-      "version": "3.5.13",
-      "resolved": "https://registry.npmmirror.com/@vue/compiler-core/-/compiler-core-3.5.13.tgz",
-      "integrity": "sha512-oOdAkwqUfW1WqpwSYJce06wvt6HljgY3fGeM9NcVA1HaYOij3mZG9Rkysn0OHuyUAGMbEbARIpsG+LPVlBJ5/Q==",
+      "version": "3.5.15",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-core/-/compiler-core-3.5.15.tgz",
+      "integrity": "sha512-nGRc6YJg/kxNqbv/7Tg4juirPnjHvuVdhcmDvQWVZXlLHjouq7VsKmV1hIxM/8yKM0VUfwT/Uzc0lO510ltZqw==",
      "dependencies": {
-        "@babel/parser": "^7.25.3",
-        "@vue/shared": "3.5.13",
+        "@babel/parser": "^7.27.2",
+        "@vue/shared": "3.5.15",
        "entities": "^4.5.0",
        "estree-walker": "^2.0.2",
-        "source-map-js": "^1.2.0"
+        "source-map-js": "^1.2.1"
      }
    },
    "node_modules/@vue/compiler-dom": {
-      "version": "3.5.13",
-      "resolved": "https://registry.npmmirror.com/@vue/compiler-dom/-/compiler-dom-3.5.13.tgz",
-      "integrity": "sha512-ZOJ46sMOKUjO3e94wPdCzQ6P1Lx/vhp2RSvfaab88Ajexs0AHeV0uasYhi99WPaogmBlRHNRuly8xV75cNTMDA==",
+      "version": "3.5.15",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-dom/-/compiler-dom-3.5.15.tgz",
+      "integrity": "sha512-ZelQd9n+O/UCBdL00rlwCrsArSak+YLZpBVuNDio1hN3+wrCshYZEDUO3khSLAzPbF1oQS2duEoMDUHScUlYjA==",
      "dependencies": {
-        "@vue/compiler-core": "3.5.13",
-        "@vue/shared": "3.5.13"
+        "@vue/compiler-core": "3.5.15",
+        "@vue/shared": "3.5.15"
      }
    },
    "node_modules/@vue/compiler-sfc": {
-      "version": "3.5.13",
-      "resolved": "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.5.13.tgz",
-      "integrity": "sha512-6VdaljMpD82w6c2749Zhf5T9u5uLBWKnVue6XWxprDobftnletJ8+oel7sexFfM3qIxNmVE7LSFGTpv6obNyaQ==",
+      "version": "3.5.15",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.5.15.tgz",
+      "integrity": "sha512-3zndKbxMsOU6afQWer75Zot/aydjtxNj0T2KLg033rAFaQUn2PGuE32ZRe4iMhflbTcAxL0yEYsRWFxtPro8RQ==",
      "dependencies": {
-        "@babel/parser": "^7.25.3",
-        "@vue/compiler-core": "3.5.13",
-        "@vue/compiler-dom": "3.5.13",
-        "@vue/compiler-ssr": "3.5.13",
-        "@vue/shared": "3.5.13",
+        "@babel/parser": "^7.27.2",
+        "@vue/compiler-core": "3.5.15",
+        "@vue/compiler-dom": "3.5.15",
+        "@vue/compiler-ssr": "3.5.15",
+        "@vue/shared": "3.5.15",
        "estree-walker": "^2.0.2",
-        "magic-string": "^0.30.11",
-        "postcss": "^8.4.48",
-        "source-map-js": "^1.2.0"
+        "magic-string": "^0.30.17",
+        "postcss": "^8.5.3",
+        "source-map-js": "^1.2.1"
      }
    },
    "node_modules/@vue/compiler-ssr": {
-      "version": "3.5.13",
-      "resolved": "https://registry.npmmirror.com/@vue/compiler-ssr/-/compiler-ssr-3.5.13.tgz",
-      "integrity": "sha512-wMH6vrYHxQl/IybKJagqbquvxpWCuVYpoUJfCqFZwa/JY1GdATAQ+TgVtgrwwMZ0D07QhA99rs/EAAWfvG6KpA==",
+      "version": "3.5.15",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-ssr/-/compiler-ssr-3.5.15.tgz",
+      "integrity": "sha512-gShn8zRREZbrXqTtmLSCffgZXDWv8nHc/GhsW+mbwBfNZL5pI96e7IWcIq8XGQe1TLtVbu7EV9gFIVSmfyarPg==",
      "dependencies": {
-        "@vue/compiler-dom": "3.5.13",
-        "@vue/shared": "3.5.13"
+        "@vue/compiler-dom": "3.5.15",
+        "@vue/shared": "3.5.15"
      }
    },
    "node_modules/@vue/devtools-api": {
@ -1926,58 +1926,58 @@
      }
    },
    "node_modules/@vue/reactivity": {
-      "version": "3.5.13",
-      "resolved": "https://registry.npmmirror.com/@vue/reactivity/-/reactivity-3.5.13.tgz",
-      "integrity": "sha512-NaCwtw8o48B9I6L1zl2p41OHo/2Z4wqYGGIK1Khu5T7yxrn+ATOixn/Udn2m+6kZKB/J7cuT9DbWWhRxqixACg==",
+      "version": "3.5.15",
+      "resolved": "https://registry.npmmirror.com/@vue/reactivity/-/reactivity-3.5.15.tgz",
+      "integrity": "sha512-GaA5VUm30YWobCwpvcs9nvFKf27EdSLKDo2jA0IXzGS344oNpFNbEQ9z+Pp5ESDaxyS8FcH0vFN/XSe95BZtHQ==",
      "dependencies": {
-        "@vue/shared": "3.5.13"
+        "@vue/shared": "3.5.15"
      }
    },
    "node_modules/@vue/runtime-core": {
-      "version": "3.5.13",
-      "resolved": "https://registry.npmmirror.com/@vue/runtime-core/-/runtime-core-3.5.13.tgz",
-      "integrity": "sha512-Fj4YRQ3Az0WTZw1sFe+QDb0aXCerigEpw418pw1HBUKFtnQHWzwojaukAs2X/c9DQz4MQ4bsXTGlcpGxU/RCIw==",
+      "version": "3.5.15",
+      "resolved": "https://registry.npmmirror.com/@vue/runtime-core/-/runtime-core-3.5.15.tgz",
+      "integrity": "sha512-CZAlIOQ93nj0OPpWWOx4+QDLCMzBNY85IQR4Voe6vIID149yF8g9WQaWnw042f/6JfvLttK7dnyWlC1EVCRK8Q==",
      "dependencies": {
-        "@vue/reactivity": "3.5.13",
-        "@vue/shared": "3.5.13"
+        "@vue/reactivity": "3.5.15",
+        "@vue/shared": "3.5.15"
      }
    },
    "node_modules/@vue/runtime-dom": {
-      "version": "3.5.13",
-      "resolved": "https://registry.npmmirror.com/@vue/runtime-dom/-/runtime-dom-3.5.13.tgz",
-      "integrity": "sha512-dLaj94s93NYLqjLiyFzVs9X6dWhTdAlEAciC3Moq7gzAc13VJUdCnjjRurNM6uTLFATRHexHCTu/Xp3eW6yoog==",
+      "version": "3.5.15",
+      "resolved": "https://registry.npmmirror.com/@vue/runtime-dom/-/runtime-dom-3.5.15.tgz",
+      "integrity": "sha512-wFplHKzKO/v998up2iCW3RN9TNUeDMhdBcNYZgs5LOokHntrB48dyuZHspcahKZczKKh3v6i164gapMPxBTKNw==",
      "dependencies": {
-        "@vue/reactivity": "3.5.13",
-        "@vue/runtime-core": "3.5.13",
-        "@vue/shared": "3.5.13",
+        "@vue/reactivity": "3.5.15",
+        "@vue/runtime-core": "3.5.15",
+        "@vue/shared": "3.5.15",
        "csstype": "^3.1.3"
      }
    },
    "node_modules/@vue/server-renderer": {
-      "version": "3.5.13",
-      "resolved": "https://registry.npmmirror.com/@vue/server-renderer/-/server-renderer-3.5.13.tgz",
-      "integrity": "sha512-wAi4IRJV/2SAW3htkTlB+dHeRmpTiVIK1OGLWV1yeStVSebSQQOwGwIq0D3ZIoBj2C2qpgz5+vX9iEBkTdk5YA==",
+      "version": "3.5.15",
+      "resolved": "https://registry.npmmirror.com/@vue/server-renderer/-/server-renderer-3.5.15.tgz",
+      "integrity": "sha512-Gehc693kVTYkLt6QSYEjGvqvdK2zZ/gf/D5zkgmvBdeB30dNnVZS8yY7+IlBmHRd1rR/zwaqeu06Ij04ZxBscg==",
      "dependencies": {
-        "@vue/compiler-ssr": "3.5.13",
-        "@vue/shared": "3.5.13"
+        "@vue/compiler-ssr": "3.5.15",
+        "@vue/shared": "3.5.15"
      },
      "peerDependencies": {
-        "vue": "3.5.13"
+        "vue": "3.5.15"
      }
    },
    "node_modules/@vue/shared": {
-      "version": "3.5.13",
-      "resolved": "https://registry.npmmirror.com/@vue/shared/-/shared-3.5.13.tgz",
-      "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ=="
+      "version": "3.5.15",
+      "resolved": "https://registry.npmmirror.com/@vue/shared/-/shared-3.5.15.tgz",
+      "integrity": "sha512-bKvgFJJL1ZX9KxMCTQY6xD9Dhe3nusd1OhyOb1cJYGqvAr0Vg8FIjHPMOEVbJ9GDT9HG+Bjdn4oS8ohKP8EvoA=="
    },
    "node_modules/@vueuse/core": {
-      "version": "13.2.0",
-      "resolved": "https://registry.npmmirror.com/@vueuse/core/-/core-13.2.0.tgz",
-      "integrity": "sha512-n5TZoIAxbWAQ3PqdVPDzLgIRQOujFfMlatdI+f7ditSmoEeNpPBvp7h2zamzikCmrhFIePAwdEQB6ENccHr7Rg==",
+      "version": "13.3.0",
+      "resolved": "https://registry.npmmirror.com/@vueuse/core/-/core-13.3.0.tgz",
+      "integrity": "sha512-uYRz5oEfebHCoRhK4moXFM3NSCd5vu2XMLOq/Riz5FdqZMy2RvBtazdtL3gEcmDyqkztDe9ZP/zymObMIbiYSg==",
      "dependencies": {
        "@types/web-bluetooth": "^0.0.21",
-        "@vueuse/metadata": "13.2.0",
-        "@vueuse/shared": "13.2.0"
+        "@vueuse/metadata": "13.3.0",
+        "@vueuse/shared": "13.3.0"
      },
      "funding": {
        "url": "https://github.com/sponsors/antfu"
@ -1987,12 +1987,12 @@
      }
    },
    "node_modules/@vueuse/integrations": {
-      "version": "13.2.0",
-      "resolved": "https://registry.npmmirror.com/@vueuse/integrations/-/integrations-13.2.0.tgz",
-      "integrity": "sha512-tnwdzUYadAiewvMtBcjH/ZPgRCoQBvuVzbFA/VSysPDaIuG41Jp/Z1Sn/rYoFMOLJfcOEcVh+tN3mkrVIyumig==",
+      "version": "13.3.0",
+      "resolved": "https://registry.npmmirror.com/@vueuse/integrations/-/integrations-13.3.0.tgz",
+      "integrity": "sha512-h5mGRYPbiTZTFP/AKELLPGnUDBly7z7Qd1pgEQlT3ItQ0NlZM0vB+8SOQycpSBOBlgg72Zgw+mi2r+4O/G8RuQ==",
      "dependencies": {
-        "@vueuse/core": "13.2.0",
-        "@vueuse/shared": "13.2.0"
+        "@vueuse/core": "13.3.0",
+        "@vueuse/shared": "13.3.0"
      },
      "funding": {
        "url": "https://github.com/sponsors/antfu"
@ -2052,17 +2052,17 @@
      }
    },
    "node_modules/@vueuse/metadata": {
-      "version": "13.2.0",
-      "resolved": "https://registry.npmmirror.com/@vueuse/metadata/-/metadata-13.2.0.tgz",
-      "integrity": "sha512-kPpzuQCU0+D8DZCzK0iPpIcXI+6ufWSgwnjJ6//GNpEn+SHViaCtR+XurzORChSgvpHO9YC8gGM97Y1kB+UabA==",
+      "version": "13.3.0",
+      "resolved": "https://registry.npmmirror.com/@vueuse/metadata/-/metadata-13.3.0.tgz",
+      "integrity": "sha512-42IzJIOYCKIb0Yjv1JfaKpx8JlCiTmtCWrPxt7Ja6Wzoq0h79+YVXmBV03N966KEmDEESTbp5R/qO3AB5BDnGw==",
      "funding": {
        "url": "https://github.com/sponsors/antfu"
      }
    },
    "node_modules/@vueuse/shared": {
-      "version": "13.2.0",
-      "resolved": "https://registry.npmmirror.com/@vueuse/shared/-/shared-13.2.0.tgz",
-      "integrity": "sha512-vx9ZPDF5HcU9up3Jgt3G62dMUfZEdk6tLyBAHYAG4F4n73vpaA7J5hdncDI/lS9Vm7GA/FPlbOmh9TrDZROTpg==",
+      "version": "13.3.0",
+      "resolved": "https://registry.npmmirror.com/@vueuse/shared/-/shared-13.3.0.tgz",
+      "integrity": "sha512-L1QKsF0Eg9tiZSFXTgodYnu0Rsa2P0En2LuLrIs/jgrkyiDuJSsPZK+tx+wU0mMsYHUYEjNsuE41uqqkuR8VhA==",
      "funding": {
        "url": "https://github.com/sponsors/antfu"
      },
@ -4166,29 +4166,29 @@
      }
    },
    "node_modules/lit": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmmirror.com/lit/-/lit-3.2.1.tgz",
-      "integrity": "sha512-1BBa1E/z0O9ye5fZprPtdqnc0BFzxIxTTOO/tQFmyC/hj1O3jL4TfmLBw0WEwjAokdLwpclkvGgDJwTIh0/22w==",
+      "version": "3.3.0",
+      "resolved": "https://registry.npmmirror.com/lit/-/lit-3.3.0.tgz",
+      "integrity": "sha512-DGVsqsOIHBww2DqnuZzW7QsuCdahp50ojuDaBPC7jUDRpYoH0z7kHBBYZewRzer75FwtrkmkKk7iOAwSaWdBmw==",
      "dependencies": {
-        "@lit/reactive-element": "^2.0.4",
-        "lit-element": "^4.1.0",
-        "lit-html": "^3.2.0"
+        "@lit/reactive-element": "^2.1.0",
+        "lit-element": "^4.2.0",
+        "lit-html": "^3.3.0"
      }
    },
    "node_modules/lit-element": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmmirror.com/lit-element/-/lit-element-4.1.1.tgz",
-      "integrity": "sha512-HO9Tkkh34QkTeUmEdNYhMT8hzLid7YlMlATSi1q4q17HE5d9mrrEHJ/o8O2D0cMi182zK1F3v7x0PWFjrhXFew==",
+      "version": "4.2.0",
+      "resolved": "https://registry.npmmirror.com/lit-element/-/lit-element-4.2.0.tgz",
+      "integrity": "sha512-MGrXJVAI5x+Bfth/pU9Kst1iWID6GHDLEzFEnyULB/sFiRLgkd8NPK/PeeXxktA3T6EIIaq8U3KcbTU5XFcP2Q==",
      "dependencies": {
        "@lit-labs/ssr-dom-shim": "^1.2.0",
-        "@lit/reactive-element": "^2.0.4",
-        "lit-html": "^3.2.0"
+        "@lit/reactive-element": "^2.1.0",
+        "lit-html": "^3.3.0"
      }
    },
    "node_modules/lit-html": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmmirror.com/lit-html/-/lit-html-3.2.1.tgz",
-      "integrity": "sha512-qI/3lziaPMSKsrwlxH/xMgikhQ0EGOX2ICU73Bi/YHFvz2j/yMCIrw4+puF2IpQ4+upd3EWbvnHM9+PnJn48YA==",
+      "version": "3.3.0",
+      "resolved": "https://registry.npmmirror.com/lit-html/-/lit-html-3.3.0.tgz",
+      "integrity": "sha512-RHoswrFAxY2d8Cf2mm4OZ1DgzCoBKUKSPvA1fhtSELxUERq2aQQ2h05pO9j81gS1o7RIRJ+CePLogfyahwmynw==",
      "dependencies": {
        "@types/trusted-types": "^2.0.2"
      }
@ -4290,21 +4290,21 @@
      }
    },
    "node_modules/mdui": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmmirror.com/mdui/-/mdui-2.1.3.tgz",
-      "integrity": "sha512-rBaFJYPloaWcHSem9PCD3AT3nyjO072M9HCOGifGxmhVE0QYABtzdiActf9BvgbTMOrIPdlCyPKF+JVW/b6G4Q==",
+      "version": "2.1.4",
+      "resolved": "https://registry.npmmirror.com/mdui/-/mdui-2.1.4.tgz",
+      "integrity": "sha512-QtK5xia5HXtVO7yH30QjwvvNruw5JdrJL1MEc1k6S/ZfsbHOj6BxxdYjrdv2HiN5ikkGqt5CIbZdFyq6shaZyw==",
      "dependencies": {
-        "@floating-ui/utils": "^0.2.4",
-        "@lit/localize": "^0.12.1",
-        "@lit/reactive-element": "^2.0.4",
+        "@floating-ui/utils": "^0.2.9",
+        "@lit/localize": "^0.12.2",
+        "@lit/reactive-element": "^2.1.0",
        "@material/material-color-utilities": "^0.3.0",
-        "@mdui/jq": "^3.0.2",
-        "@mdui/shared": "^1.0.7",
+        "@mdui/jq": "^3.0.3",
+        "@mdui/shared": "^1.0.8",
        "classcat": "^5.0.5",
        "is-promise": "^4.0.0",
-        "lit": "^3.1.4",
-        "ssr-window": "^4.0.2",
-        "tslib": "^2.6.3"
+        "lit": "^3.3.0",
+        "ssr-window": "^5.0.0",
+        "tslib": "^2.8.1"
      }
    },
    "node_modules/mdurl": {
@ -4958,9 +4958,9 @@
      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
    },
    "node_modules/sass": {
-      "version": "1.88.0",
-      "resolved": "https://registry.npmmirror.com/sass/-/sass-1.88.0.tgz",
-      "integrity": "sha512-sF6TWQqjFvr4JILXzG4ucGOLELkESHL+I5QJhh7CNaE+Yge0SI+ehCatsXhJ7ymU1hAFcIS3/PBpjdIbXoyVbg==",
+      "version": "1.89.0",
+      "resolved": "https://registry.npmmirror.com/sass/-/sass-1.89.0.tgz",
+      "integrity": "sha512-ld+kQU8YTdGNjOLfRWBzewJpU5cwEv/h5yyqlSeJcj6Yh8U4TDA9UA5FPicqDz/xgRPWRSYIQNiFks21TbA9KQ==",
      "dev": true,
      "dependencies": {
        "chokidar": "^4.0.0",
@ -5221,9 +5221,9 @@
      }
    },
    "node_modules/ssr-window": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmmirror.com/ssr-window/-/ssr-window-4.0.2.tgz",
-      "integrity": "sha512-ISv/Ch+ig7SOtw7G2+qkwfVASzazUnvlDTwypdLoPoySv+6MqlOV10VwPSE6EWkGjhW50lUmghPmpYZXMu/+AQ=="
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/ssr-window/-/ssr-window-5.0.0.tgz",
+      "integrity": "sha512-3Iqawoo0DkAaUEScd80SYq3I5clEFDVy//DdzjHXACj/hqcKzsnMzRZ1yHRj+r5dW3UeXNs30ofnhP6YSWg5iA=="
    },
    "node_modules/statuses": {
      "version": "2.0.1",
@ -6235,15 +6235,15 @@
      }
    },
    "node_modules/vue": {
-      "version": "3.5.13",
-      "resolved": "https://registry.npmmirror.com/vue/-/vue-3.5.13.tgz",
-      "integrity": "sha512-wmeiSMxkZCSc+PM2w2VRsOYAZC8GdipNFRTsLSfodVqI9mbejKeXEGr8SckuLnrQPGe3oJN5c3K0vpoU9q/wCQ==",
+      "version": "3.5.15",
+      "resolved": "https://registry.npmmirror.com/vue/-/vue-3.5.15.tgz",
+      "integrity": "sha512-aD9zK4rB43JAMK/5BmS4LdPiEp8Fdh8P1Ve/XNuMF5YRf78fCyPE6FUbQwcaWQ5oZ1R2CD9NKE0FFOVpMR7gEQ==",
      "dependencies": {
-        "@vue/compiler-dom": "3.5.13",
-        "@vue/compiler-sfc": "3.5.13",
-        "@vue/runtime-dom": "3.5.13",
-        "@vue/server-renderer": "3.5.13",
-        "@vue/shared": "3.5.13"
+        "@vue/compiler-dom": "3.5.15",
+        "@vue/compiler-sfc": "3.5.15",
+        "@vue/runtime-dom": "3.5.15",
+        "@vue/server-renderer": "3.5.15",
+        "@vue/shared": "3.5.15"
      },
      "peerDependencies": {
        "typescript": "*"
--- a/package.json
+++ b/package.json
@ -12,15 +12,15 @@
  },
  "dependencies": {
    "@mdui/icons": "^1.0.2",
-    "@vueuse/core": "^13.2.0",
-    "@vueuse/integrations": "^13.2.0",
+    "@vueuse/core": "^13.3.0",
+    "@vueuse/integrations": "^13.3.0",
    "axios": "^1.9.0",
    "compress-json": "^3.1.1",
    "cookie-parser": "^1.4.7",
    "express": "^5.1.0",
-    "mdui": "^2.1.3",
+    "mdui": "^2.1.4",
    "pinia": "^3.0.2",
-    "vue": "^3.5.13",
+    "vue": "^3.5.15",
    "vue-router": "^4.5.1"
  },
  "devDependencies": {
@ -29,7 +29,7 @@
    "cross-env": "^7.0.3",
    "markdown-it-anchor": "^9.2.0",
    "markdown-it-attrs": "^4.3.1",
-    "sass": "^1.88.0",
+    "sass": "^1.89.0",
    "vite": "^6.3.5",
    "vite-plugin-md": "^0.21.5",
    "vite-plugin-vue-devtools": "^7.7.6"
--- a/public/robots.txt
+++ b/public/robots.txt
@ -0,0 +1,3 @@
+Sitemap: https://ao3.unknownmp.top/sitemap.xml
+User-agent: *
+Disallow: /assets/
--- a/server.js
+++ b/server.js
@ -2,17 +2,15 @@ import fs from 'node:fs/promises'
 import express from 'express'
 import cookieParser from 'cookie-parser'
 import { compress } from 'compress-json'
-// Constants
+
 const isProduction = process.env.NODE_ENV === 'production'
 const port = process.env.PORT || 5173
 const base = process.env.BASE || '/'

-// Cached production assets
 const templateHtml = isProduction
 	? await fs.readFile('./dist/client/index.html', 'utf-8')
 	: ''

-// Create http server
 const app = express()
 app.use(cookieParser());

@ -21,8 +19,6 @@ const MESSAGE = {
 	0: 'Unknown'
 }

-// Add Vite or respective production middlewares
-/** @type {import('vite').ViteDevServer | undefined} */
 let vite
 if (!isProduction) {
 	const { createServer } = await import('vite')
@ -33,9 +29,7 @@ if (!isProduction) {
 	})
 	app.use(vite.middlewares)
 } else {
-  //const compression = (await import('compression')).default
 	const sirv = (await import('sirv')).default
-  //app.use(compression())
 	app.use(base, sirv('./dist/client', { extensions: [] }))
 }

@ -44,9 +38,7 @@ app.use('*all', async (req, res) => {
 	try {
 		const url = req.originalUrl.replace(base, '')
 		console.log(`Request ${url}`)
-    /** @type {string} */
 		let template
-    /** @type {import('./src/entry-server.js').render} */
 		let render, getRoute
 		if (!isProduction) {
 			// Always read fresh template in development
@ -61,21 +53,65 @@ app.use('*all', async (req, res) => {
 			render = module.render
 			getRoute = module.getRoute
 		}
-    const { router, code } = await getRoute(url)
+		const { router, code, title, metas, meta } = await getRoute(url)
 		if (code != 200 && !req.accepts('html')) {
 			res.status(code).set({ 'Content-Type': 'text/plain' })
 			res.write(MESSAGE[code] || MESSAGE[0])
 			res.end()
 			return
 		}
-    const { stream, piniaState } = await render(router, req.cookies, req.headers.host)
+		const { stream, piniaState, headState } = await render(router, req.cookies, req.headers.host)
 		const [htmlStart, htmlEnd] = template.split('<!--app-html-->')
+		if (meta) {
+			const buffer = []
+			let headReady = false
+			for await (const chunk of stream) {
+				if (res.closed) break
+				if (headReady) res.write(chunk)
+				else {
+					if (headState.ready) {
+						res.status(headState.code || code).set({ 'Content-Type': 'text/html' })
+						const heads = [`<title>${ headState.title || title }</title>`]
+						for (const item of [ ...metas, ...headState.meta ]) {
+							const properties = []
+							for (const [key, value] of Object.entries(item)) properties.push(`${key}="${value}"`)
+							heads.push(`<meta ${properties.join(' ')}>`)
+						}
+						res.write(htmlStart.replace('<!--app-head-->',heads.join('')))
+						for (const item of buffer) res.write(item)
+						res.write(chunk)
+						headReady = true
+					} else buffer.push(chunk)
+				}
+			}
+			if (!headState.ready) {
+				console.warn('Page not set meta ready! No stream render at all!')
+				const heads = [`<title>${ title }</title>`]
+				for (const item of metas) {
+					const properties = []
+					for (const [key, value] of Object.entries(item)) properties.push(`${key}="${value}"`)
+					heads.push(`<meta ${properties.join(' ')}>`)
+				}
+				res.write(htmlStart.replace('<!--app-head-->',heads.join('')))
+				for await (const chunk of buffer) {
+					if (res.closed) break
+					res.write(chunk)
+				}
+			}
+		} else {
 			res.status(code).set({ 'Content-Type': 'text/html' })
-    res.write(htmlStart)  
+			const heads = [`<title>${ title }</title>`]
+			for (const item of metas) {
+				const properties = []
+				for (const [key, value] of Object.entries(item)) properties.push(`${key}="${value}"`)
+				heads.push(`<meta ${properties.join(' ')}>`)
+			}
+			res.write(htmlStart.replace('<!--app-head-->',heads.join('')))
 			for await (const chunk of stream) {
 				if (res.closed) break
 				res.write(chunk)
 			}
+		}
 		const piniaStateContent = JSON.stringify(compress(piniaState))
 		const stateScript = `<script>window.__PINIA_STATE__=${piniaStateContent}</script>`
 		res.write(htmlEnd.replace('<!--app-state-->', stateScript))
@ -87,7 +123,6 @@ app.use('*all', async (req, res) => {
 	}
 })

-// Start http server
 app.listen(port, () => {
-  console.log(`Server started at http://localhost:${port}`)
+	console.log(`Server started at port ${port}`)
 })
--- a/src/App.vue
+++ b/src/App.vue
@ -1,6 +1,8 @@
 <script setup>
-import { onMounted, onBeforeMount, onServerPrefetch, nextTick, ref, watch } from 'vue'
-import { useRouter, useRoute, RouterView } from 'vue-router'
+import 'mdui/mdui.css'
+import './main.scss'
+
+import { onMounted, onBeforeMount, nextTick, ref, watch } from 'vue'

 import { useApiStore } from '@/stores/api.js'

@ -22,39 +24,27 @@ import '@mdui/icons/arrow-back.js'
 import '@mdui/icons/light-mode.js'
 import '@mdui/icons/menu.js'

-const router = useRouter()
-const route = useRoute()
-
 const clientOnlyStore = useClientOnlyStore()
-const api = useApiStore()
-let themeScheme = null
-const mobileScreen = useMobileScreen()
 const routeStore = useRouteStore()
+const api = useApiStore()
+const mobileScreen = useMobileScreen()
+let themeScheme = null

 const drawerOpen = ref(false)
 const drawer = ref(null)
 const closeDrawer = ref(true)

-let progressTimer = null
-
-onServerPrefetch(async () => {
-
-})
-
 onBeforeMount(() => {
+	themeScheme = useThemeStore()
 	mobileScreen.reCal()
 	if(!mobileScreen.isMobile) drawerOpen.value = true
 })

 onMounted(async () => {
-	themeScheme = useThemeStore()
 	themeScheme.applyTheme()
 	clientOnlyStore.setClient()
-	new MutationObserver(() => {
-	  if (document.documentElement.style.width.includes('calc')) {
-		document.documentElement.style.width = '';
-	  }
-	}).observe(document.documentElement, { attributes: true, attributeFilter: ['style'] });
+	new MutationObserver(() => { if (document.documentElement.style.width.includes('calc')) document.documentElement.style.width = '' })
+	.observe(document.documentElement, { attributes: true, attributeFilter: ['style'] });
 	watch(() => mobileScreen.isMobile, (newV, oldV) => {
 		if( oldV && !newV ) nextTick(() => drawer.value.open = true)
 		if( !oldV && newV ) nextTick(() => drawer.value.open = false)
@ -65,12 +55,7 @@ onMounted(async () => {
 <template>
 	<header><ClientOnly>
 		<mdui-top-app-bar style="background-color: rgb(var(--mdui-color-primary-container));" scroll-behavior="shrink elevate">
-		<mdui-button-icon @click="drawer.open = !drawer.open">
-			<mdui-icon-menu></mdui-icon-menu>
-		</mdui-button-icon>
-		<!--<mdui-button-icon @click="$router.back()" v-if="$route.path != '/'">
-			<mdui-icon-arrow-back></mdui-icon-arrow-back>
-		</mdui-button-icon>-->
+		<mdui-button-icon @click="drawer.open = !drawer.open"><mdui-icon-menu></mdui-icon-menu></mdui-button-icon>
 		<mdui-top-app-bar-title style="color: rgb(var(--mdui-color-on-surface-variant))">{{ routeStore.title }}</mdui-top-app-bar-title>
 		<mdui-circular-progress v-if="routeStore.showProgress" :value='routeStore.progress' :max='routeStore.progressMax'></mdui-circular-progress>
 		<div style="flex-grow: 1"></div>
@ -99,9 +84,7 @@ onMounted(async () => {
 			><a :href="item.path">{{ item.name }}</a></li></ul>
 	</template></ClientOnly></nav>
 	<main :class="{ 'mdui-prose' : clientOnlyStore.isClient , 'content' : clientOnlyStore.isClient }">
-		<RouterView v-slot="{ Component }">
-			<component :is="Component" />
-		</RouterView>
+		<RouterView />
 	</main><footer></footer>
 </template>

--- a/src/assets/typescale.css
+++ b/src/assets/typescale.css
@ -1,42 +0,0 @@
-.typescale-body-large {
-	line-height: var(--mdui-typescale-body-large-line-height);
-	font-size: var(--mdui-typescale-body-large-size);
-	letter-spacing: var(--mdui-typescale-body-large-tracking);
-	font-weight: var(--mdui-typescale-body-large-weight);
-}
-
-.typescale-body-small {
-	line-height: var(--mdui-typescale-body-small-line-height);
-	font-size: var(--mdui-typescale-body-small-size);
-	letter-spacing: var(--mdui-typescale-body-small-tracking);
-	font-weight: var(--mdui-typescale-body-small-weight);
-}
-
-.typescale-label-small {
-	line-height: var(--mdui-typescale-label-small-line-height);
-	font-size: var(--mdui-typescale-label-small-size);
-	letter-spacing: var(--mdui-typescale-label-small-tracking);
-	font-weight: var(--mdui-typescale-label-small-weight);
-}
-
-.typescale-headline-small {
-	line-height: var(--mdui-typescale-headline-small-line-height);
-	font-size: var(--mdui-typescale-headline-small-size);
-	letter-spacing: var(--mdui-typescale-headline-small-tracking);
-	font-weight: var(--mdui-typescale-headline-small-weight);
-}
-
-.typescale-headline-large {
-	line-height: var(--mdui-typescale-headline-large-line-height);
-	font-size: var(--mdui-typescale-headline-large-size);
-	letter-spacing: var(--mdui-typescale-headline-large-tracking);
-	font-weight: var(--mdui-typescale-headline-large-weight);
-}
-
-.typescale-headline-medium {
-	line-height: var(--mdui-typescale-headline-medium-line-height);
-	font-size: var(--mdui-typescale-headline-medium-size);
-	letter-spacing: var(--mdui-typescale-headline-medium-tracking);
-	font-weight: var(--mdui-typescale-headline-medium-weight);
-}
-
--- a/src/composables/apiRequest.js
+++ b/src/composables/apiRequest.js
@ -1,6 +1,8 @@
 import { useAxios } from '@vueuse/integrations/useAxios'
 import axios from 'axios'

+import { objectToQueryString } from '../utils.js'
+
 function getEndpoint() {
  const apiMapping = {
    '': ['http://localhost:28001/', '/api/'],
@ -18,9 +20,10 @@ function replaceUrl(url) {
 }

 export function useApiRequest(method, url, data, config = {}) {
-  const start = Date.now()
  const baseURL = getEndpoint()
-  const fullURL = `${baseURL}${url}`
+  const fullURL = method === 'GET' && data
+    ? `${baseURL}${url}?${objectToQueryString(data)}`
+    : `${baseURL}${url}`
  const {
    response,
    error,
@ -40,14 +43,14 @@ export function useApiRequest(method, url, data, config = {}) {
    }
  )
  const exec = async () => {
-    await execute()
+    const start = Date.now()
+    try { await execute() }
+    catch (e) {}
    const stop = Date.now()
    return {
      status: response.value?.status || (error.value?.response?.status ?? -1),
      data: response.value?.data || error.value?.response?.data || null,
      duration: stop - start,
-      start,
-      stop,
      error: error.value,
      isSSR: import.meta.env.SSR,
    }
--- a/src/entry-client.js
+++ b/src/entry-client.js
@ -1,5 +1,4 @@
 import { decompress } from 'compress-json'
-import './main.scss'

 import { createApp } from './main'
 import { createSSRRouter } from './router.js'
@ -9,15 +8,7 @@ const router = createSSRRouter()

 app.use(router)

-if (window.__PINIA_STATE__) {
-  pinia.state.value = decompress(window.__PINIA_STATE__)
-}
+if (window.__PINIA_STATE__) pinia.state.value = decompress(window.__PINIA_STATE__)

-if (window.__INITIAL_STATE__) {
-  window.__INITIAL_STATE__ = decompress(window.__INITIAL_STATE__)
-}
-
-router.isReady().then(() => {
-  app.mount('#app')
-})
+router.isReady().then(() => app.mount('#app'))

--- a/src/entry-server.js
+++ b/src/entry-server.js
@ -1,7 +1,7 @@
 import { renderToWebStream } from 'vue/server-renderer'
 import { createApp } from './main'

-import { createSSRRouter } from './router.js'
+import { createSSRRouter, defaultHead } from './router.js'

 export async function getRoute(_url) {
 	const router = createSSRRouter()
@ -9,20 +9,24 @@ export async function getRoute(_url) {
 	await router.isReady()
 	const route = router.currentRoute.value.matched[0]
 	const code = route.meta.code || 200
-  return { router, code }
+	return { router, code, meta: route.meta.meta || false,
+		title: route.meta.title || route.meta.name || defaultHead.title,
+		metas: [...defaultHead.meta, ...route.meta.metas || []]
+	}
 }

 export async function render(router, cookies, host) {
 	const { app, pinia } = createApp()
-  
 	app.use(router)
-  const ctx = {
-    cookies,
-    host,
-    initialState: {}
+	const headState = {
+		ready: false,
+		code: null,
+		title: null,
+		meta: []
 	}
+	const ctx = { cookies, host, headState }
 	const stream = renderToWebStream(app, ctx)
 	const piniaState = pinia.state.value
-  return { stream, piniaState }
+	return { stream, piniaState, headState }
 }

--- a/src/main.js
+++ b/src/main.js
@ -16,5 +16,6 @@ export function createApp() {
 		.component('Hr', Hr)
 		.component('BetterHr', Hr)
 		.component('Form', Form)
+		.component('BetterForm', Form)
 	return { app, pinia }
 }
--- a/src/main.scss
+++ b/src/main.scss
@ -1,33 +1,25 @@
-@import 'mdui/mdui.css';
-// @import './assets/typescale.css';
-
-// 字体配置
 $font-family: Roboto, Noto Sans SC, PingFang SC, Lantinghei SC,
  Microsoft Yahei, Hiragino Sans GB, "Microsoft Sans Serif",
  WenQuanYi Micro Hei, sans-serif;

-// MDUI 变量简写
 $bg-color: rgb(var(--mdui-color-background));
 $error-color: rgb(var(--mdui-color-error));
 $on-error-color: rgb(var(--mdui-color-on-error));
-$transition-duration: var(--mdui-motion-duration-short2);
-$transition-easing: var(--mdui-motion-easing-linear);

 html {
-  scroll-padding-top: 64px; /* 等于顶栏高度 */
+  scroll-padding-top: 64px;
 }

 body {
  font-family: $font-family;
  background-color: $bg-color;
-  transition: opacity $transition-duration $transition-easing;
 }

 pre {
  overflow-x: auto;
  overflow-y: hidden;
 }
-// MDUI 组件样式
+
 mdui-card {
  width: 100%;
  padding: 8px;
@ -37,7 +29,6 @@ mdui-text-field {
  margin: 8px 0;
 }

-// 警告样式
 .warn {
  background-color: $error-color;
  color: $on-error-color;
@ -47,7 +38,6 @@ mdui-text-field {
  color: $error-color;
 }

-// 通用工具类
 .pre-break {
  white-space: pre-line;
 }
@ -55,4 +45,3 @@ mdui-text-field {
 .no-select {
  user-select: none;
 }
-
--- a/src/router.js
+++ b/src/router.js
@ -1,19 +1,35 @@
 import { createMemoryHistory, createWebHistory, createRouter } from 'vue-router'

-export function createSSRRouter() {
-	const router = createRouter({
+export const defaultHead = {
+	title: 'AO3 Mirror',
+	meta: [
+		{ name: 'description',
+		content: 'ArchiveOfOurOwn 镜像站, 使用 Vue 3 与 MDUI 2 重写界面, 优化 UI/UX' },
+		{ name: 'author',
+		content: 'UnknownMp' },
+		{ property: 'og:title',
+		content: 'AO3 Mirror' },
+		{ property: 'og:description',
+		content: 'ArchiveOfOurOwn 重构镜像' },
+		{ property: 'og:image',
+		content: 'https://cdn.unknownmp.top/website/ao3mirror.svg' },
+		{ property: 'og:url',
+		content: 'https://ao3.unknownmp.top' },
+		{ property: 'og:type',
+		content: 'website' },
+	]
+}
+
+export const createSSRRouter = () => createRouter({
 	history: import.meta.env.SSR ? createMemoryHistory() : createWebHistory(),
 	scrollBehavior(to, from, savedPosition) {
-			if (savedPosition) {
-				return savedPosition
-			} else if (to.hash) {
+		if (savedPosition) return savedPosition
+		else if (to.hash) {
 			return {
 				el: to.hash,
 				behavior: 'smooth',
 			}
-			} else {
-				return { top: 0 }
-			}
+		} else return { top: 0 }
 	},
 	routes: [{
 		path: '/',
@ -29,7 +45,8 @@ export function createSSRRouter() {
 		component: () => import('./views/Work.vue'),
 		meta: {
 			title: '阅读',
-				hidden: true
+			hidden: true,
+			meta: true
 		}
 	},{
 		path: '/work/:id/:cid',
@ -37,30 +54,36 @@ export function createSSRRouter() {
 		component: () => import('./views/Work.vue'),
 		meta: {
 			title: '阅读',
-				hidden: true
+			hidden: true,
+			meta: true
+		}
+	},{
+		path: '/search/simple',
+		name: '搜索',
+		component: () => import('./views/SimpleSearch.vue'),
+		meta: {
+			title: '搜索',
+			order: 2
 		}
 	},{
 		path: '/settings',
 		name: '设置',
 		component: () => import('./views/Settings.vue'),
 		meta: {
-				title: '设置',
-				order: 2
+			order: 90
 		},
 	},{
 		path: '/about',
 		name: '关于',
-			component: () => import('./views/About.vue'),
+		component: () => import('./views/About.md'),
 		meta: {
-				title: '',
-				order: 3
+			order: 100
 		},
 	},{
 		path: '/developer',
 		name: '开发人员选项',
 		component: () => import('./views/Developer.vue'),
 		meta: {
-				title: '',
 			hidden: true
 		},
 	},{
@ -74,5 +97,3 @@ export function createSSRRouter() {
 		}
 	}
 ]})
-	return router
-}
--- a/src/ssr/ClientOnly.vue
+++ b/src/ssr/ClientOnly.vue
@ -2,11 +2,11 @@
 import { useClientOnlyStore } from './clientOnlyStore.js'
 const clientOnlyStore = useClientOnlyStore()
 </script>
-<template data-allow-mismatch>
-  <template v-if="clientOnlyStore.isClient" data-allow-mismatch>
+<template>
+  <template v-if="clientOnlyStore.isClient">
    <slot></slot>
  </template><template v-else>
-    <slot name="ssr" data-allow-mismatch></slot>
+    <slot name="ssr"></slot>
  </template>
 </template>

--- a/src/ssr/ClientOnly1.vue
+++ b/src/ssr/ClientOnly1.vue
@ -1,25 +0,0 @@
-<script setup>
-import { ref, onMounted, useSlots } from 'vue'
-
-const isClient = ref(false)
-const slots = useSlots()
-
-onMounted(() => {
-  isClient.value = true
-})
-/*
-USe:
-<ClientOnly>
-	<template #ssr>
-		SSR Content
-	</template>
-	Real Content
-</ClientOnly>
-*/
-</script>
-
-<template data-allow-mismatch>
-  <template v-if="isClient" data-allow-mismatch><slot></slot></template>
-  <template v-else><slot name="ssr" data-allow-mismatch></slot></template>
-</template>
-
--- a/src/ssr/headHelper.js
+++ b/src/ssr/headHelper.js
@ -0,0 +1,47 @@
+import { useSSRContext } from 'vue'
+
+export function useHeadHelper() {
+	if (!import.meta.env.SSR) {
+		return {
+			headReady: () => {},
+			setMeta: () => {},
+			addMeta: () => {},
+			setTitle: () => {},
+			setCode: () => {},
+		}
+	}
+
+	const ssrContext = useSSRContext()
+
+	if (!ssrContext || !ssrContext.headState) {
+		return {
+			headReady: () => {},
+			setMeta: () => {},
+			addMeta: () => {},
+			setTitle: () => {},
+			setCode: () => {},
+		}
+	}
+
+	return {
+		headReady: () => {
+			ssrContext.headState.ready = true
+		},
+		setMeta: (metas = []) => {
+			ssrContext.headState.meta = [
+				...ssrContext.headState.meta,
+				...metas
+			]
+		},
+		addMeta: (meta) => {
+			ssrContext.headState.meta.push(meta)
+		},
+		setTitle: (title) => {
+			ssrContext.headState.title = title
+		},
+		setCode: (code) => {
+			ssrContext.headState.code = code
+		}
+	}
+}
+
--- a/src/ssr/useInitialState.js
+++ b/src/ssr/useInitialState.js
@ -1,9 +0,0 @@
-export function getInitialState(key) {
-  if (typeof window !== 'undefined' && window.__INITIAL_STATE__) {
-    if (window.__INITIAL_STATE__[key] !== undefined) {
-      let value = window.__INITIAL_STATE__[key]
-      delete window.__INITIAL_STATE__[key]
-      return value
-    }
-  }
-}
--- a/src/stores/api.js
+++ b/src/stores/api.js
@ -1,5 +1,5 @@
 import { defineStore } from 'pinia'
-import { useApiRequest } from '../composables/apiRequest'
+import { useApiRequest } from '../composables/apiRequest.js'

 export const useApiStore = defineStore('api', () => {
 	async function getWork(workId, chapterId) {
@ -8,13 +8,13 @@ export const useApiStore = defineStore('api', () => {
 		return await execute()
 	}

-	async function postData(url, payload) {
-		const { execute } = useApiRequest('POST', url, payload)
+	async function workSimpleSearch(keyword, page = 1) {
+		const { execute } = useApiRequest('GET', 'search/simple', { keyword, page })
 		return await execute()
 	}

 	return {
 		getWork,
-		postData,
+		workSimpleSearch
 	}
 })
--- a/src/stores/appSetting.js
+++ b/src/stores/appSetting.js
@ -1,6 +1,5 @@
 import { defineStore } from 'pinia'
-import { reactive } from 'vue'
-import { useStorage, watchWithFilter, debounceFilter } from '@vueuse/core'
+import { useStorage } from '@vueuse/core'

 const CURRENT_VERSION = 1

--- a/src/stores/route.js
+++ b/src/stores/route.js
@ -2,6 +2,8 @@ import { ref, computed, watch } from 'vue'
 import { defineStore } from 'pinia'
 import { useRouter, useRoute } from 'vue-router'

+import { useHeadHelper } from '../ssr/headHelper.js'
+
 export const useRouteStore = defineStore('route', () => {
 	const router = useRouter()
 	const route = useRoute()
@ -16,14 +18,14 @@ export const useRouteStore = defineStore('route', () => {
 	)
 	const lastFromDrawer = ref(0)
 	const customTitle = ref(null)
-	const title = computed(() => customTitle.value || route.meta.title || route.name)
+	const title = import.meta.env.SSR ?
+		computed(() => route.meta.title || route.name) :
+		computed(() => customTitle.value || route.meta.title || route.name)
 	function drawerPress(target) {
 		if (lastFromDrawer.value == 0) {
 			lastFromDrawer.value = 1
 			router.push(target)
-		} else {
-			router.replace(target)
-		}
+		} else router.replace(target)
 	}
 	const progress = ref(0)
 	const progressMax = ref(1)
@ -32,11 +34,9 @@ export const useRouteStore = defineStore('route', () => {
 		watch(title, title => document.title = title)
 		let progressTimer = null
 		router.beforeEach((to, from) => {
-			if (lastFromDrawer.value == 2) {
-				lastFromDrawer.value = 0
-			} else if (lastFromDrawer.value == 1) {
-				lastFromDrawer.value = 2
-			}
+			if (showProgress.value) return false
+			if (lastFromDrawer.value == 2) lastFromDrawer.value = 0
+			else if (lastFromDrawer.value == 1) lastFromDrawer.value = 2
 			progress.value = 0
 			progressMax.value = 1
 			showProgress.value = true
--- a/src/stores/search.js
+++ b/src/stores/search.js
@ -0,0 +1,57 @@
+import { ref } from 'vue'
+import { defineStore } from 'pinia'
+
+import { useApiStore } from '@/stores/api.js'
+
+export const useSimpleSearchState = defineStore('simpleSearch', () => {
+	const api = useApiStore()
+	const keyword = ref('')
+	const result = ref([])
+	const count = ref(0)
+	const pageCount = ref(0)
+	const currentPage = ref(0)
+	const state = ref(null)
+	async function load() {
+		if (pageCount.value && currentPage.value >= pageCount.value){ state.value = 'finish'; return }
+		state.value = 'loading'
+		let res = await api.workSimpleSearch(keyword.value, currentPage.value)
+		res = res.data
+		if (res.code == 0) {
+			currentPage.value++
+			if( pageCount.value ) {
+				if (currentPage.value > pageCount.value) currentPage.value = pageCount.value
+			} else {
+				pageCount.value = res.pageCount
+			}
+			count.value = res.count
+			state.value = import.meta.env.SSR ? 'ssrready' : 'ready'
+			result.value.push(...res.works)
+		} else if (res.code == 1) {
+			if ( count.value ) {
+				state.value = 'finish'
+			} else {
+				currentPage.value = 0
+				state.value = 'notfound'
+			}
+		}
+	}
+	async function start(key) {
+		if (key == keyword.value) return
+		keyword.value = key
+		result.value = []
+		state.value = 'loading'
+		currentPage.value = 1
+		pageCount.value = 0
+		await load()
+	} 
+	
+	return {
+		keyword,
+		result,
+		count,
+		pageCount,
+		currentPage,
+		state,
+		load, start
+	}
+})
--- a/src/stores/workRead.js
+++ b/src/stores/workRead.js
@ -10,58 +10,80 @@ export const useWorkReadState = defineStore('workRead', () => {
 	const id = ref(null)
 	const cid = ref(null)
 	const summary = ref(null)
-	const pesud = ref(null)
+	const pseud = ref(null)
 	const title = ref(null)
 	const text = ref(null)
 	const state = ref('')
 	const publishedTime = ref(null)
+	const completedTime = ref(null)
+	const updatedTime = ref(null)
 	const wordCount = ref(0)
 	const kudoCount = ref(0)
 	const hitCount = ref(0)
 	const category = ref([])
 	const fandom = ref([])
 	const lang = ref(null)
+	const chapters = ref([])
+	const chapterIndex = ref(null)
+	const chapterStat = ref(null)
 	function setData(data) {
+		cid.value = data.chapterId
 		id.value = data.workId
 		title.value = data.title
-		summary.value = [escapeAndFormatText(data.summary)]
-		pesud.value = data.pesud
+		summary.value = data.summary ? escapeAndFormatText(data.summary) : null
+		pseud.value = data.pseud
 		text.value = data.text
 		publishedTime.value = data.stats.publishedTime
+		completedTime.value = data.stats.completedTime
+		updatedTime.value = data.stats.updatedTime
 		wordCount.value = data.stats.wordCount
 		kudoCount.value = data.stats.kudoCount
 		hitCount.value = data.stats.hitCount
 		category.value = data.category
 		fandom.value = data.fandom
 		lang.value = data.lang
+		chapters.value = data.chapters || []
+		chapterIndex.value = data.chapterIndex ?? null
+		chapterStat.value = data.stats.chapter
 	}
 	async function loadWork(target, targetc) {
-		if (target == id.value && targetc == cid.value || state.value == 'loading') return
+		const itarget = parseInt(target)
+		if (isNaN(itarget)) {
+			console.log('a')
+			state.value = 'errformat'
+			return
+		}
+		const itargetc = parseInt(targetc)
+		if (
+			itarget === id.value &&
+			(itargetc === cid.value || (isNaN(itargetc) && cid.value === null)) &&
+			state.value !== 'loading'
+		) return
+		id.value = itarget
+		cid.value = isNaN(itargetc) ? null : itargetc
 		state.value = 'loading'
-		const result = await api.getWork(target, targetc)
+		const result = await api.getWork(id.value, cid.value)
 		if (result.status == 200) {
 			setData(result.data)
 			state.value = 'ready'
-		} else {
-			id.value = target
+		} else if (result.status == 404) {
 			state.value = import.meta.env.SSR ? 'ssrnotfound' : 'notfound'
+		} else if (result.status == 401) {
+			state.value = 'unauth'
+		} else if (result.status == 500) {
+			state.value = 'error'
 		}
 	}
 	return {
 		id, cid,
-		title,
-		summary,
-		pesud,
-		text,
-		state,
+		title, summary,
+		pseud, text, state,
 		publishedTime,
-		wordCount,
-		kudoCount,
-		hitCount,
-		category,
-		fandom,
-		lang,
-		setData,
-		loadWork
+		completedTime,
+		updatedTime,
+		wordCount, kudoCount, hitCount,
+		category, fandom, lang,
+		chapters, chapterIndex, chapterStat,
+		setData, loadWork
 	}
 })
--- a/src/texts/intro.md
+++ b/src/texts/intro.md
@ -1,9 +1,3 @@
-# 欢迎来到 AO3 Mirror! 👋👋
-
-一个基于重构渲染的 AO3 镜像站
-
---
-
 ## 这是什么🤨

 本网站是对 ArchiveOfOurOwn (AO3) 的一个镜像网站
@ -45,3 +39,4 @@
 - ✅ 作品详细数据
 - 📝 搜索
 - ❌ 书签 (本地) **不再支持! [详情](/about#deprecated-feature-bookmark)**
+
--- a/src/ui/Form.vue
+++ b/src/ui/Form.vue
@ -1,9 +1,3 @@
-<template>
-  <form @submit="handleSubmit">
-    <slot></slot>
-  </form>
-</template>
-
 <script setup>
 import { ref } from 'vue'

@ -18,3 +12,9 @@ function handleSubmit(event) {
 }
 </script>

+<template>
+  <form @submit="handleSubmit">
+    <slot></slot>
+  </form>
+</template>
+
--- a/src/utils.js
+++ b/src/utils.js
@ -1,11 +1,7 @@
 import { snackbar } from 'mdui/functions/snackbar.js'
 import { alert } from 'mdui/functions/alert.js'

-export function mduiSnackbar(message) {
-	snackbar({
-		message: message,
-	})
-}
+export const mduiSnackbar = (message) => snackbar({ message })

 export function mduiAlert(title,desc,callback = null,confirmText = "OK") {
 	alert({
@ -19,50 +15,44 @@ export function mduiAlert(title,desc,callback = null,confirmText = "OK") {
 }

 export function getQueryVariable(variable) {
-    var query = window.location.search.substring(1);
+	var query = window.location.search.substring(1)
 	var vars = query.split("&")
 	for (var i=0;i<vars.length;i++) {
 		var pair = vars[i].split("=")
 		if(pair[0] == variable){return pair[1]}
 	}
-    return(null);
+	return null
 }

-export const escapeHtml = (text) =>
-    text
+export const escapeHtml = (text) => text
 	.replace(/&/g, "&amp;") // 转义 &
 	.replace(/</g, "&lt;") // 转义 <
 	.replace(/>/g, "&gt;") // 转义 >
 	.replace(/"/g, "&quot;") // 转义 "
 	.replace(/'/g, "&#39;"); // 转义 '

-export function escapeAndFormatText(input) {
-  let escapedText = escapeHtml(input);
-  escapedText = escapedText.replace(/ /g, "&nbsp;");
-  escapedText = escapedText.replace(/\t/g, "&emsp;&emsp;");
-  escapedText = escapedText.replace(/\n/g, "<br/>");
-  return escapedText;
-}
+export const escapeAndFormatText = (text) => escapeHtml(text)
+	.replace(/ /g, "&nbsp;")
+	.replace(/\t/g, "&emsp;&emsp;")
+	.replace(/\n/g, "<br/>")

 export function getCookie(name) {
 	const cookieArr = document.cookie.split(";")
 	for (let i = 0; i < cookieArr.length; i++) {
 		const cookiePair = cookieArr[i].trim()
-		if (cookiePair.startsWith(name + "=")) {
-			return cookiePair.substring(name.length + 1);
+		if (cookiePair.startsWith(name + "=")) return cookiePair.substring(name.length + 1)
 	}
-  }
-  return null;
+	return null
 }

 export function setCookie(name, value, days = 3650) {
 	var expires = ""
 	if (days) {
 		var date = new Date()
-		date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
+		date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000))
 		expires = "; expires=" + date.toUTCString()
 	}
-	document.cookie = name + "=" + value + expires + "; path=/";
+	document.cookie = name + "=" + value + expires + "; path=/"
 }

 export function objectToQueryString(obj, parentKey = '') {
@ -71,42 +61,37 @@ export function objectToQueryString(obj, parentKey = '') {
 		if (!Object.prototype.hasOwnProperty.call(obj, key)) continue
 		let value = obj[key]
 		let newKey = parentKey ? `${parentKey}[${key}]` : key
-		if (typeof value === 'object' && value !== null) {
-			parts.push(objectToQueryString(value, newKey))
-		} else {
-			parts.push(encodeURIComponent(newKey) + '=' + encodeURIComponent(value))
-		}
+		if (typeof value === 'object' && value !== null) parts.push(objectToQueryString(value, newKey))
+		else parts.push(encodeURIComponent(newKey) + '=' + encodeURIComponent(value))
 	}
 	return parts.join('&')
 }

 export function formatUnixTimestamp(unixTimestamp, timeZone) {
-    const date = new Date(unixTimestamp * 1000); // 将 UNIX 时间戳转换为毫秒
+	const date = new Date(unixTimestamp * 1000)
 	const options = {
-        timeZone: timeZone || Intl.DateTimeFormat().resolvedOptions().timeZone, // 使用指定时区或浏览器本地时区
+		timeZone: timeZone || Intl.DateTimeFormat().resolvedOptions().timeZone,
 		year: 'numeric',
 		month: '2-digit',
 		day: '2-digit',
 		hour: '2-digit',
 		minute: '2-digit',
 		second: '2-digit',
-        hour12: false, // 24小时制
-    };
-    const formatter = new Intl.DateTimeFormat('en-US', options);
-    const parts = formatter.formatToParts(date);
-    const formatMap = {};
-    parts.forEach(({ type, value }) => {
-        formatMap[type] = value;
-    });
-    return `${formatMap.year}-${formatMap.month}-${formatMap.day} ${formatMap.hour}:${formatMap.minute}:${formatMap.second}`;
+		hour12: false,
+	}
+	const formatter = new Intl.DateTimeFormat('en-US', options)
+	const parts = formatter.formatToParts(date)
+	const formatMap = {}
+	parts.forEach(({ type, value }) => { formatMap[type] = value })
+	return `${formatMap.year}-${formatMap.month}-${formatMap.day} ${formatMap.hour}:${formatMap.minute}:${formatMap.second}`
 }

 export function isMobileDeviceByUA() {
-  const ua = navigator.userAgent || navigator.vendor || window.opera;
+	const ua = navigator.userAgent || navigator.vendor || window.opera
 	return /android/i.test(ua) ||
 		/iphone/i.test(ua) ||
 		/ipod/i.test(ua) ||
 		/ipad/i.test(ua) ||
 		/blackberry/i.test(ua) ||
-         /windows phone/i.test(ua);
+		/windows phone/i.test(ua)
 }
--- a/src/views/About.md
+++ b/src/views/About.md
@ -1,3 +1,18 @@
+<script setup>
+import About from '../texts/about.md'
+import FunAnimation from '../components/FunAnimation.vue'
+
+import 'mdui/components/avatar.js'
+/*import { onBeforeMount, onMounted, onUnmounted, onBeforeUnmount, onActivated, onDeactivated } from 'vue'
+console.log('Setup')
+onBeforeMount(() => console.log('Before mount'))
+onMounted(() => console.log('Mounted'))
+onDeactivated(() => console.log('Deactivated'))
+onActivated(() => console.log('Activated'))
+onBeforeUnmount(() => console.log('Before unmount'))
+onUnmounted(() => console.log('Unmounted'))*/
+</script>
+
 # 关于

 这是什么, 有口舍用 ?
@ -6,9 +21,10 @@
 ---
 一个 AO3 镜像站, 优化了 UI/UX

-作者 (1)
+作者 {#contact}
 ---
 - [UnknownMp](https://www.unknownmp.top)  
+  邮件: unknownmp@unknownmp.top  
  <mdui-avatar src="https://cdn.unknownmp.top/website/logo.jpg"></mdui-avatar>

 ---
@ -43,3 +59,5 @@
 本站支持 "Server Side Rendering" by Vite SSR

 CDN by Cloudflare (赛博佛祖😭)
+
+<FunAnimation />
--- a/src/views/About.vue
+++ b/src/views/About.vue
@ -1,19 +0,0 @@
-<script setup>
-import About from '../texts/about.md'
-import FunAnimation from '../components/FunAnimation.vue'
-
-import 'mdui/components/avatar.js'
-/*import { onBeforeMount, onMounted, onUnmounted, onBeforeUnmount, onActivated, onDeactivated } from 'vue'
-console.log('Setup')
-onBeforeMount(() => console.log('Before mount'))
-onMounted(() => console.log('Mounted'))
-onDeactivated(() => console.log('Deactivated'))
-onActivated(() => console.log('Activated'))
-onBeforeUnmount(() => console.log('Before unmount'))
-onUnmounted(() => console.log('Unmounted'))*/
-</script>
-<template>
-	<About/>
-	<FunAnimation />
-</template>
-
--- a/src/views/Developer.vue
+++ b/src/views/Developer.vue
@ -1,11 +1,9 @@
 <script setup>
 import { ref, onMounted } from 'vue'
-import { useRouter } from 'vue-router'

 import { useApiStore } from '@/stores/api.js'
 import { useRouteStore } from '../stores/route.js'

-const router = useRouter()
 const api = useApiStore()
 const routeStore = useRouteStore()

@ -30,23 +28,18 @@ onMounted(() => {
 })
 </script>

-
 <template>
 	<h1 class="warn-text">注意本页面仅为测试用!</h1>
 	<blockquote>
 		当然如果你是乱点那个唐鬼小人进来的, 这就是个彩蛋? (神金
-	</blockquote>
-	<Hr />
+	</blockquote><Hr />
 	<section>
 		<h2>页面信息</h2>
 		<h3>可见路由信息:</h3>
 		<pre>{{ routeStore.allRoutes }}</pre>
-	</section>
-	<Hr />
-	<ClientOnly>
-		<section>
-			<h2>浏览器信息</h2>
-			<dl>
+	</section><Hr />
+	<ClientOnly><section>
+		<h2>浏览器信息</h2><dl>
 		<dt>User-Agent:</dt>
 		<dd>{{ ua }}</dd>
 		<dt>语言:</dt>
@ -63,12 +56,5 @@ onMounted(() => {
 		<dd>{{ touchSupport ? '是' : '否' }}</dd>
 		<dt>页面可见性状态:</dt>
 		<dd>{{ visibility }}</dd>
-			</dl>
-		</section>
-		<Hr />
-	</ClientOnly>
+	</dl></section><Hr /></ClientOnly>
 </template>
-
-
-<style scoped>
-</style>
--- a/src/views/Mask.vue
+++ b/src/views/Mask.vue
@ -1,24 +0,0 @@
-<script setup>
-import { ref, onMounted, onServerPrefetch, onBeforeMount} from 'vue'
-import { useRouter, useRoute, RouterView } from 'vue-router'
-const router = useRouter()
-import { useApiStore } from '@/stores/api.js'
-const api = useApiStore()
-
-onServerPrefetch(async () => {
-	// Load data
-})
-onBeforeMount(() => {
-	// Re apply data
-})
-onMounted(() => {
-	// Render other
-})
-</script>
-
-<template>
-	Padding! No content cause hydration mismatch!
-</template>
-
-<style scoped>
-</style>
--- a/src/views/Root.vue
+++ b/src/views/Root.vue
@ -9,73 +9,60 @@ import Intro from '../texts/intro.md'

 const router = useRouter()

-const err = ref(false)
-const srcText = ref(null)
-
 function convert(from) {
-	if( Number(from) ) {
-		return {
+	if( Number(from) ) {return {
 		type: 's',
 		id: Number(from)
-		}
-	} else if (from.includes('https://archiveofourown.org/works/')) {
+	}} else if (from.includes('https://archiveofourown.org/works/')) {
 		const sid = from.split('https://archiveofourown.org/works/')[1];
-		console.log(sid)
 		if ( sid ) {
 			const id = Number(sid)
-			if (id) {
-				return {
+			if (id) { return {
 				type: 's',
 				id
-				}
-			} else {
+			}} else {
 				const splited = sid.split('/chapters/')
 				const id = Number(splited[0])
 				const cid = Number(splited[1])
-				if (id && cid) {
-					return {
+				if (id && cid) return {
 					type: 'c',
 					id, cid
 				}
 			}
 		}
 	}
-	}
-	return { type: null }
+	return { type: 'f', key: from }
 }

 function onConvert(data) {
-	const { type, id, cid } = convert(data.src)
-	if (type == null) {
-		err.value = true
-		srcText.value?.focus()
-	} else {
-		err.value = false
+	const { type, id, cid, key } = convert(data.src)
+	if (type == null) return
+	else if ( type == 'f') router.push(`/search/simple?keyword=${encodeURIComponent(key)}`)
+	else {
 		if (cid) router.push(`/work/${id}/${cid}`)
 		else router.push(`/work/${id}`)
 	}
 }
-
 </script>

 <template>
-	<img style="display: block; margin: 0px auto 10px;" height="200px" alt="logo" src="/favicon.svg" />
-	<Intro />
-	<br/><Hr/>
+	<img style="display: block; margin: 0px auto 10px;" height="200px" width="200px" alt="logo" src="/favicon.svg" />
+	<h1>欢迎来到 AO3 Mirror! 👋👋</h1>
+	<p>一个基于重构渲染的 AO3 镜像站</p><Hr />
 	<section id="converter">
 		<h2>链接转换</h2>
-		<p>输入完整链接或者 ID</p>
+		<p>AO3 链接 或 关键词搜索</p>
 		<Form @submit="onConvert"><ClientOnly>
-			<mdui-text-field variant="filled" label="链接" name="src" placeholder="https://archiveofourown.org/works/114514" ref='srcText'>
-			<span v-if='err' slot="helper" class='warn-text'>链接格式错误!</span>
+			<mdui-text-field variant="filled" label="链接 / 关键词" name="src">
 			</mdui-text-field><br/>
 			<div style="display: flex">
 				<div style="flex-grow: 1"></div>
 				<mdui-button type="submit">-></mdui-button>
-			</div>
-		<template #ssr>
+		</div><template #ssr>
 			<input type="text" id="src" name="src" />
 			<input type="submit" />
 		</template></ClientOnly></Form>
-	</section>
+	</section><Hr/>
+	<Intro />
 </template>
+
--- a/src/views/Settings.vue
+++ b/src/views/Settings.vue
@ -11,14 +11,11 @@ let appSetting = null
 onBeforeMount(() => {
 	appSetting = useAppSettingStore()
 })
-
 </script>

 <template>
-	<h1>设置</h1>
-	<Hr />
-	<ClientOnly><div class="settings">
-		<section><mdui-card>
+	<h1>设置</h1><Hr />
+	<ClientOnly><div class="settings"><section><mdui-card>
 		<h2>界面</h2><Hr />
 		<div>自动黑暗模式<div style="flex: 1;"/>
 		<mdui-switch :checked="appSetting.value.autoTheme"
@ -28,8 +25,7 @@ onBeforeMount(() => {
 		<mdui-switch :checked="appSetting.value.darkTheme"
 		@change="e => appSetting.value.darkTheme = e.target.checked">
 		</mdui-switch></div>
-		</mdui-card></section>
-	</div></ClientOnly>
+	</mdui-card></section></div></ClientOnly>
 </template>

 <style scoped>
--- a/src/views/SimpleSearch.vue
+++ b/src/views/SimpleSearch.vue
@ -0,0 +1,86 @@
+<script setup>
+import { ref, watch, onMounted, nextTick, onServerPrefetch, onBeforeUnmount } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+
+import 'mdui/components/text-field.js'
+import 'mdui/components/card.js'
+
+import { escapeAndFormatText } from '../utils.js'
+import { useSimpleSearchState } from '../stores/search.js'
+
+const route = useRoute()
+const router = useRouter()
+
+const simpleSearchState = useSimpleSearchState()
+
+const inputField = ref('')
+const label = ref(null)
+const stateLabel = {
+	'loading': '加载中',
+	'finish': '加载完成',
+	'ready': '就绪',
+	'ssrready': '就绪',
+	'notfound': '未找到',
+	'ssrnotfound': '未找到',
+}
+
+let isObserver = null
+
+onServerPrefetch(async () => { if (route.query.keyword) await simpleSearchState.start(route.query.keyword) })
+
+onMounted(async () => {
+	watch(() => simpleSearchState.keyword, () => document.title = simpleSearchState.keyword)
+	inputField.value = route.query.keyword || ''
+	if (inputField.value && simpleSearchState != 'ssrready') simpleSearchState.start(inputField.value)
+	isObserver = new IntersectionObserver((entries) => {
+		entries.forEach((entry) => {
+			if (entry.isIntersecting) if (simpleSearchState.state == 'ready' || simpleSearchState.state == 'ssrready') setTimeout(simpleSearchState.load,400)
+		})
+	}, { threshold: 1 })
+	await nextTick()
+	isObserver.observe(label.value)
+})
+
+onBeforeUnmount(() => isObserver.disconnect())
+
+function onSubmit(data) {
+	if (simpleSearchState) {
+		simpleSearchState.start(data.src)
+		router.replace(`/search/simple?keyword=${encodeURIComponent(data.src)}`)
+	}
+}
+</script>
+
+<template>
+	<h1>搜索</h1>
+	<Form @submit="onSubmit"><ClientOnly>
+		<mdui-text-field variant="filled" :value="inputField" label="链接 / 关键词" name="src">
+		</mdui-text-field><br/>
+		<div style="display: flex">
+			<div style="flex-grow: 1"></div>
+			<mdui-button type="submit">-></mdui-button>
+		</div>
+	<template #ssr>
+		<input type="text" id="src" name="src" />
+		<input type="submit" />
+	</template></ClientOnly></Form><Hr />
+	<template v-if="simpleSearchState.state == 'ready' || simpleSearchState.state == 'finish' || simpleSearchState.state == 'ssrready'">
+		<p>找到 {{ simpleSearchState.count }}</p><Hr/>
+	</template>
+	<template v-if="simpleSearchState.result" v-for="work in simpleSearchState.result" :key="work.workId">
+		<ClientOnly><mdui-card style="margin: 8px 0px;"><article>
+			<router-link :to="`/work/${work.workId}`"><h3>{{ work.title }}</h3></router-link>
+			<h4>{{ work.pseud }}</h4><Hr />
+			<p v-html="escapeAndFormatText(work.summary)"></p>
+		</article></mdui-card><template #ssr>
+			<router-link :to="`/work/${work.workId}`"><h3>{{ work.title }}</h3></router-link>
+			<h4>{{ work.pseud }}</h4>
+			<p>{{ work.summary }}</p><Hr />
+		</template></ClientOnly>
+	</template>
+	<p style="display: flex;" ref='label'>
+		{{ stateLabel[simpleSearchState.state] }} ({{ simpleSearchState.count }})
+	<span style="flex: 1;"/>
+		{{ simpleSearchState.currentPage }} / {{ simpleSearchState.pageCount }}
+	</p>
+</template>
--- a/src/views/Work.vue
+++ b/src/views/Work.vue
@ -1,14 +1,16 @@
 <script setup>
-import { ref, onMounted, onServerPrefetch, onBeforeUnmount, watch, nextTick } from 'vue'
-import { useRouter, useRoute, RouterView } from 'vue-router'
+import { ref, onMounted, onBeforeUnmount, onServerPrefetch, watch, nextTick } from 'vue'
+import { useRouter, useRoute } from 'vue-router'
 const router = useRouter()
 const route = useRoute()

-import { useWorkReadState } from '@/stores/workRead.js'
-const workReadState = useWorkReadState()
+import { useHeadHelper } from '../ssr/headHelper.js'

+import { useWorkReadState } from '@/stores/workRead.js'
 import { useRouteStore } from '@/stores/route.js'
+
 const routeState = useRouteStore()
+const workReadState = useWorkReadState()

 import 'mdui/components/list.js'
 import 'mdui/components/list-item.js'
@ -19,16 +21,10 @@ import 'mdui/components/button.js'
 import 'mdui/components/dropdown.js'
 import 'mdui/components/menu.js'
 import 'mdui/components/menu-item.js'
-import 'mdui/components/collapse.js'
-import 'mdui/components/collapse-item.js'
 import 'mdui/components/card.js'

 import '@mdui/icons/bookmark.js'

-import { confirm } from 'mdui/functions/confirm.js'
-import { snackbar } from 'mdui/functions/snackbar.js'
-import { prompt } from 'mdui/functions/prompt.js'
-
 import { mduiSnackbar } from '../utils.js'

 const fabExtended = ref(false)
@ -41,6 +37,7 @@ let lastCloseTimer = null
 let isObserver = null
 let paragraphs = []
 let currentParagraph = null
+const chapterDialog = ref(null)

 const categoryName = {
 	mm: "男/男",
@ -48,21 +45,35 @@ const categoryName = {
 	fm: '女/男'
 }

-
 onServerPrefetch(async () => {
+	const headHelper = useHeadHelper()
 	await workReadState.loadWork(route.params.id, route.params.cid)
+	if (workReadState.state == 'ready') headHelper.setTitle(workReadState.title)
+	else if (workReadState.state == 'ssrnotfound') {
+		headHelper.setTitle('文章未找到')
+		headHelper.setCode(404)
+	} else if (workReadState.state == 'unauth') {
+		headHelper.setTitle('访问被阻止')
+		headHelper.setCode(401)
+	}
+	headHelper.headReady()
 })

 onMounted(async () => {
-	if (workReadState.state != 'ssrnotfound') await workReadState.loadWork(route.params.id, route.params.cid)
+	watch(() => workReadState.state, (value) => { if (value == 'ready') routeState.customTitle = workReadState.title })
+	if (workReadState.state != 'ssrnotfound' && workReadState.state != 'ready') await workReadState.loadWork(route.params.id, route.params.cid)
 	if (workReadState.state == 'ready') {
 		routeState.customTitle = workReadState.title
+		if (workReadState.cid !== null && parseInt(route.params.cid) != workReadState.cid) {
+			router.replace(`/work/${workReadState.id}/${workReadState.cid}`)
+			return
+		}
 		const paraCount = workReadState.text.length - 1
 		isObserver = new IntersectionObserver((entries) => {
 			entries.forEach((entry) => {
 				if (entry.isIntersecting) {
 					currentParagraph = entry.target
-					readIndex = entry.target.dataset.index;
+					readIndex = entry.target.dataset.index	
 					readPercent.value = parseInt(readIndex / paraCount * 100)
 					if (lastPercent == 0) {
 						lastPercent = readPercent.value
@ -83,22 +94,20 @@ onMounted(async () => {
 			threshold: 0.5
 		})
 		await nextTick()
-		paragraphs = content.value?.querySelectorAll('p');
-		paragraphs?.forEach(p => isObserver.observe(p));
+		paragraphs = content.value?.querySelectorAll('p')
+		paragraphs?.forEach(p => isObserver.observe(p))
 	}
 })

-onBeforeUnmount(() => {
-	isObserver.disconnect();
-})
+onBeforeUnmount(() => { if(isObserver) isObserver.disconnect() })
+
+async function switchWorkWithIndex(target) {
+	workReadState.loadWork(workReadState.id,workReadState.chapters[target].chapterId)
+	router.replace(`/work/${workReadState.id}/${workReadState.cid}`)
+}
 </script>

 <template>
-	<ClientOnly>
-		<template v-if="workReadState.state == 'loading'">
-			加载中...<br/>
-			<mdui-linear-progress></mdui-linear-progress>
-		</template>
 	<template v-if="workReadState.state == 'notfound' || workReadState.state == 'ssrnotfound'">
 		<h2>文章不存在...</h2>
 		是不是链接没有复制完全?<br/>
@ -107,15 +116,136 @@ onBeforeUnmount(() => {
 			CID: {{ workReadState.cid }}
 		</template>
 		<a @click="$router.back()">返回</a>
+	</template><template v-if="workReadState.state == 'unauth'">
+		<h2>访问被阻止!</h2>
+		上游 AO3 不允许匿名用户访问该作品<br/>
+		ID: {{workReadState.id}}<br/>
+		<template v-if="workReadState.cid">
+			CID: {{ workReadState.cid }}
+		</template><br/>
+		<a @click="$router.back()">返回</a>
+	</template><template v-if="workReadState.state == 'error'">
+		<h2>内部服务器错误</h2>
+		这种情况不是你的问题, 而是我给网站写的屎山代码发力了, 在 <a href="/about#contact">这里</a> 联系我修复此问题<br/>
+		并提供以下信息:<br/>
+		ID: {{workReadState.id}}<br/>
+		<template v-if="workReadState.cid">
+			CID: {{ workReadState.cid }}
+		</template><br/>
+		<a @click="$router.back()">返回</a>
+	</template><template v-if="workReadState.state == 'errformat'">
+		<h2>路径格式错误</h2>
+		ID: {{ $route.params.id }}<br/>
+		<template v-if="$route.params.id">
+			CID: {{ $route.params.id }}
+		</template><br/>
+		 <a @click="$router.back()">返回</a>
+	</template><ClientOnly>
+		<template v-if="workReadState.state == 'loading'">
+			加载中...<br/>
+			<mdui-linear-progress></mdui-linear-progress>
 		</template>
 		<template v-if="workReadState.state == 'ready'">
 			<article>
-				<h1 style="margin: auto">{{ workReadState.title }}</h1>
-				<h4>{{ workReadState.pesud }}</h4>
-				<mdui-card style="margin: 8px; padding: 0px;"><mdui-collapse acc>
-					<mdui-collapse-item value="info"><mdui-list-item class="infoblockhead" slot="header">
-						作品信息
-					</mdui-list-item><div class="infoblock"><dl>
+				<h1>{{ workReadState.title }}</h1>
+				<h4>{{ workReadState.pseud }}</h4>
+				<a target="_blank" :href="workReadState.cid ? `https://archiveofourown.org/works/${workReadState.id}/chapters/${workReadState.cid}` : `https://archiveofourown.org/works/${workReadState.id}`">原 AO3 链接</a>
+				<mdui-card style="margin: 8px 0px; padding: 16px;">
+					<strong>作品信息</strong><dl>
+						<template v-if="workReadState.category"><dt>分类</dt><ul>
+							<li v-for="item in workReadState.category" :key="item">
+							{{ categoryName[item] }}</li>
+						</ul></template>
+						<template v-if="workReadState.fandom"><dt>作品圈</dt><ul>
+							<li v-for="item in workReadState.fandom" :key="item">
+							{{ item }}</li>
+						</ul></template>
+						<template v-if="workReadState.additionalTags"><dt>附加 Tag</dt><ul>
+							<li v-for="item in workReadState.additionalTags" :key="item">
+							{{ item }}</li>
+						</ul></template>
+						<dt>语言</dt><dd>
+							{{ workReadState.lang }}
+						</dd>
+					</dl><Hr/>
+					<strong>作品状态</strong><dl>
+						<dt>发布</dt><dd>
+							{{ workReadState.publishedTime.year }} -
+							{{ workReadState.publishedTime.month }} -
+							{{ workReadState.publishedTime.date }}
+						</dd>
+						<template v-if="workReadState.completedTime"><dt>完成</dt><dd>
+							{{ workReadState.completedTime.year }} -
+							{{ workReadState.completedTime.month }} -
+							{{ workReadState.completedTime.date }}
+						</dd></template>
+						<template v-if="workReadState.updatedTime"><dt>更新</dt><dd>
+							{{ workReadState.updatedTime.year }} -
+							{{ workReadState.updatedTime.month }} -
+							{{ workReadState.updatedTime.date }}
+						</dd></template>
+						<dt>字数</dt><dd>
+							{{ workReadState.wordCount }}
+						</dd>
+						<dt>点击</dt><dd>
+							{{ workReadState.hitCount }}
+						</dd>
+						<template v-if="workReadState.chapterStat"><dt>
+							章节
+						</dt><dd>
+							{{ workReadState.chapterStat.left }} /
+							{{ workReadState.chapterStat.right == -1 ? '?' : workReadState.chapterStat.right }}
+						</dd></template>
+					</dl>
+				</mdui-card>
+				<template v-if="workReadState.cid">
+					<h4>第 {{ workReadState.chapterIndex + 1 }} / {{ workReadState.chapters.length }} 章: {{ workReadState.chapters[workReadState.chapterIndex].title }}</h4>
+					<div style="display: flex;">
+					<mdui-button variant="filled" v-if="workReadState.chapterIndex != 0" @click="switchWorkWithIndex(workReadState.chapterIndex - 1)">上一章</mdui-button>
+					<mdui-button variant='elevated' @click="chapterDialog.open = true" style="margin: 0px 16px;">章节列表</mdui-button>
+					<mdui-button variant="filled" v-if="workReadState.chapterIndex != workReadState.chapters.length - 1" @click="switchWorkWithIndex(workReadState.chapterIndex + 1)">下一章</mdui-button>
+					</div><br/>
+				</template>
+				<blockquote v-if="workReadState.summary">
+					<p v-html='workReadState.summary'></p>
+				</blockquote><Hr />
+				<article ref='content'>
+					<p v-for="(para, index) in workReadState.text" :key="para" :data-index="index">{{ para }}</p>
+				</article>
+			</article><Hr/>
+			<p style="display: flex;" v-if="workReadState.cid">
+				<mdui-button variant="filled" v-if="workReadState.chapterIndex != 0" @click="switchWorkWithIndex(workReadState.chapterIndex - 1)">上一章</mdui-button>
+				<span style="flex: 1;"/>
+				{{ workReadState.chapterIndex + 1 }} / {{ workReadState.chapters.length }}
+				<span style="flex: 1;"/>
+				<mdui-button variant="filled" v-if="workReadState.chapterIndex != workReadState.chapters.length - 1" @click="switchWorkWithIndex(workReadState.chapterIndex + 1)">下一章</mdui-button>
+			</p>
+			<div style="height: 64px" />
+			<mdui-fab class="mdui-fab" :extended="fabExtended">
+				<mdui-icon-bookmark slot="icon"></mdui-icon-bookmark>
+				{{ readPercent }}%
+			</mdui-fab>
+			<mdui-dialog ref='chapterDialog' close-on-overlay-click>
+				<span slot="headline">章节列表</span>
+				<span slot="description">
+					共 {{ workReadState.chapters.length }} 个
+				<br/>
+					点击跳转
+				</span>
+				<mdui-list><mdui-list-item
+					v-for="(chapter,index) in workReadState.chapters"
+					:key="chapter.chapterId" @click="switchWorkWithIndex(index)"
+					:class="{ 'active-item' : index === workReadState.chapterIndex }"
+				>
+					{{index + 1}}. {{ chapter.title }}
+				</mdui-list-item></mdui-list>
+			</mdui-dialog>
+		</template>
+	<template #ssr>
+		<template v-if="workReadState.state == 'ready'">
+			<h2>{{ workReadState.title }}</h2>
+			<h4>{{ workReadState.pseud }}</h4>
+			<dl>
 				<template v-if="workReadState.category"><dt>分类</dt><ul>
 					<li v-for="item in workReadState.category" :key="item">
 					{{ categoryName[item] }}</li>
@ -127,84 +257,46 @@ onBeforeUnmount(() => {
 				<dt>语言</dt><dd>
 					{{ workReadState.lang }}
 				</dd>
-					</dl></div></mdui-collapse-item>
-					<mdui-collapse-item value="stats"><mdui-list-item class="infoblockhead" slot="header">
-						作品状态
-					</mdui-list-item><div class="infoblock"><dl>
-						<dt>发布时间</dt><dd>
+				<dt>发布</dt><dd>
 					{{ workReadState.publishedTime.year }} -
 					{{ workReadState.publishedTime.month }} -
 					{{ workReadState.publishedTime.date }}
 				</dd>
+				<template v-if="workReadState.completedTime"><dt>完成</dt><dd>
+					{{ workReadState.completedTime.year }} -
+					{{ workReadState.completedTime.month }} -
+					{{ workReadState.completedTime.date }}
+				</dd></template>
+				<template v-if="workReadState.updatedTime"><dt>更新</dt><dd>
+					{{ workReadState.updatedTime.year }} -
+					{{ workReadState.updatedTime.month }} -
+					{{ workReadState.updatedTime.date }}
+				</dd></template>
 				<dt>字数</dt><dd>
 					{{ workReadState.wordCount }}
 				</dd>
 				<dt>点击</dt><dd>
 					{{ workReadState.hitCount }}
 				</dd>
-					</dl></div></mdui-collapse-item>
-				</mdui-collapse></mdui-card>
-				<blockquote>
-					<p v-for="para in workReadState.summary" :key="para" v-html='para'></p>
-				</blockquote>
-				<Hr />
-				<article ref='content'>
-					<p v-for="(para, index) in workReadState.text" :key="para" :data-index="index">{{ para }}</p>
-				</article>
-			</article>
-			<mdui-fab class="mdui-fab" :extended="fabExtended">
-				<mdui-icon-bookmark slot="icon"></mdui-icon-bookmark>
-				{{ readPercent }}%
-			</mdui-fab>
-		</template>
-	<template #ssr>
-		<template v-if="workReadState.state == 'notfound' || workReadState.state == 'ssrnotfound'">
-			<h2>文章不存在...</h2>
-			是不是链接没有复制完全?<br/>
-			ID: {{workReadState.id}}<br/>
-			<template v-if="workReadState.cid">
-				CID: {{ workReadState.cid }}
-			</template>
-			<a @click="$router.back()">返回</a>
-		</template>
-		<template v-if="workReadState.state == 'ready'">
-			<h1>{{ workReadState.title }}</h1>
-			<h2>{{ workReadState.pesud }}</h2>
-			<dl>
-				<template v-if="workReadState.category"><dt>作品圈</dt><ul>
-					<li v-for="item in workReadState.category" :key="item">
-					{{ categoryName[item] }}</li>
-				</ul></template>
-				<template v-if="workReadState.fandom"><dt>原著</dt><ul>
-					<li v-for="item in workReadState.fandom" :key="item">
-					{{ item }}</li>
-				</ul></template>
-				<dt>语言</dt><dd>
-					{{ workReadState.lang }}
-				</dd>
-				<dt>发布时间</dt><dd>
-					{{ workReadState.publishedTime.year }} -
-					{{ workReadState.publishedTime.month }} -
-					{{ workReadState.publishedTime.date }}
-				</dd>
-				<dt>字数</dt><dd>
-					{{ workReadState.wordCount }}
-				</dd>
-				<dt>点击</dt><dd>
-					{{ workReadState.hitCount }}
-				</dd>
-			</dl>
-			<Hr />
-			<blockquote>
-				<p v-for="para in workReadState.summary" :key="para" v-html='para'></p>
-			</blockquote>
-			<Hr/>
-			<article><p v-for="para in workReadState.text.slice(0, 10)" :key="para">{{ para }}</p></article>
+				<template v-if="workReadState.chapterStat"><dt>
+					章节
+				</dt><dd>
+					{{ workReadState.chapterStat.left }} /
+					{{ workReadState.chapterStat.right == -1 ? '?' : workReadState.chapterStat.right }}
+				</dd></template>
+			</dl><Hr />
+			<template v-if="workReadState.summary"><blockquote>
+				<p v-html='workReadState.summary'></p>
+			</blockquote><Hr /></template>
+			<article><p v-for="para in workReadState.text.slice(0, 20)" :key="para">{{ para }}</p></article>
 		</template>
 	</template></ClientOnly>
 </template>

 <style scoped>
+.active-item {
+	background-color: rgb(var(--mdui-color-secondary-container));
+}
 .mdui-fab {
    position: fixed;
    bottom: 16px; /* 调整垂直位置 */
@ -212,12 +304,4 @@ onBeforeUnmount(() => {
    z-index: 1000; /* 确保悬浮按钮在其他内容上方 */
    animation: slideInFromRight var(--mdui-motion-duration-medium2) var(--mdui-motion-easing-standard); /* 动画时长和缓动效果 */
 }
-
-.infoblock {
-	margin: 8px 16px;
-}
-
-.infoblockhead {
-	background-color: rgb(var(--mdui-color-primary-container));
-}
 </style>
Author	SHA1	Message	Date
UnknownMp	c4464e1202	增加了一些作品信息展示和更友好的错误界面 All checks were successful Build / build-and-test (push) Successful in 42s Details [BugFix] 增加了错误界面返回链接缺失的换行修复了不显示作者笔名的陈年老 Bug (我觉得我是不是 SB, 把 pseud 写成 pesud)	2025-06-09 17:20:48 +08:00
UnknownMp	eca669d62a	[Base] 更新 SSR 机制, 支持流式渲染注入 head 标签 All checks were successful Build / build-and-test (push) Successful in 28s Details 损失的 TTFB 可以忽略不计	2025-06-05 18:02:03 +08:00
UnknownMp	b1804ae060	[BugFix] 修复章节列表暗色显示问题 All checks were successful Build / build-and-test (push) Successful in 37s Details [Base] 增加 robots.txt	2025-06-03 17:45:33 +08:00
UnknownMp	78fe779c93	小优化和 A11Y 调整	2025-05-31 23:50:23 +08:00
UnknownMp	3a6d10c2ec	修整了代码, 移除不必要导入, 使代码紧凑 All checks were successful Build / build-and-test (push) Successful in 29s Details [UX] 在路由加载时如果有新的路由请求直接拦截取消 (beforeEach 路由守卫)	2025-05-31 19:11:20 +08:00
UnknownMp	7c46970dfe	增加了章节列表的当前章节高亮 All checks were successful Build / build-and-test (push) Successful in 24s Details [BugFix] 修复了搜索页面加载重复的问题	2025-05-28 20:39:22 +08:00
UnknownMp	eda629e58d	[BugFix] 修复了在非章节化作品时仍判断为章节作品的 BUG All checks were successful Build / build-and-test (push) Successful in 26s Details	2025-05-28 14:39:08 +08:00
UnknownMp	51b20c860f	增加作品总章节状态显示 All checks were successful Build / build-and-test (push) Successful in 36s Details [Base] 更新依赖	2025-05-28 13:35:57 +08:00
UnknownMp	7e0087a7db	支持带章节作品网站功能基本完善 🥳 All checks were successful Build / build-and-test (push) Successful in 39s Details [UX] 增加对格式错误的链接检测在搜索或者切换章节时地址栏和标题会跟着变动 [UI] 不再使用 mdui-collapse 作为作品信息容器 SSR 时作品文段渲染增加到 20 行 [Fix] SSR 时 Category 与 Fandom 标识错误 [Base] Summary 不再使用 v-for [NewBug] 在搜索不到东西时会显示搜索完成, 推断是状态转移不完全	2025-05-27 23:59:27 +08:00
UnknownMp	8ff45e210c	[BugFix] 修复页面自动尝试加载更多的问题 All checks were successful Build / build-and-test (push) Successful in 26s Details	2025-05-26 18:24:46 +08:00
UnknownMp	f60bf907b1	增加搜索页面自动加载更多 (之前只能加载一页) All checks were successful Build / build-and-test (push) Successful in 30s Details ~~其实就是太激动了没做完就提交了~~	2025-05-26 18:15:53 +08:00
UnknownMp	f5d3e7ea88	更新了搜索功能 (终于!) 1.1.0 版本 Release! All checks were successful Build / build-and-test (push) Successful in 33s Details	2025-05-26 11:23:24 +08:00
UnknownMp	eb5b28249f	[Base] 修改 API 接口使得支持 GET 请求参数 All checks were successful Build / build-and-test (push) Successful in 28s Details	2025-05-24 10:33:57 +08:00