增加了章节列表的当前章节高亮

[BugFix]
修复了搜索页面加载重复的问题

.gitea/workflows/ci.yml

@@ -1,15 +1,31 @@
-name: Node.js CI
+name: Build
 
 on:
   push:
     tags:
-      - 'v*'  # 匹配所有 tag（也可改为 v* 等更具体的匹配）
+      - 'v*'
 
 jobs:
   build-and-test:
     runs-on: ubuntu-latest
 
     steps:
+      - name: 获取 Tag 名称
+        id: extract_tag
+        run: echo "tag=${GITHUB_REF##*/}" >> $GITHUB_OUTPUT
+
+      - name: 通知：开始构建
+        run: |
+          TAG=${{ steps.extract_tag.outputs.tag }}
+          curl -X POST http://10.0.0.3:52222/send \
+            -H "Content-Type: application/json" \
+            -d @- <<EOF
+          {
+            "alias": "ci",
+            "message": "[AO3 Mirror SSR][${TAG}]\n开始构建..."
+          }
+          EOF
+
       - name: 检出代码
         uses: actions/checkout@v3
 
@@ -40,6 +56,18 @@ jobs:
           cp server.js index.html package.json build-out/
           zip -r output.zip build-out
 
+      - name: 通知：构建完成
+        run: |
+          TAG=${{ steps.extract_tag.outputs.tag }}
+          curl -X POST http://10.0.0.3:52222/send \
+            -H "Content-Type: application/json" \
+            -d @- <<EOF
+          {
+            "alias": "ci",
+            "message": "[AO3 Mirror SSR][${TAG}]\n构建完成✅"
+          }
+          EOF
+
       - name: 设置 SSH 私钥
         run: |
           mkdir -p ~/.ssh
@@ -49,9 +77,6 @@ jobs:
           echo "  StrictHostKeyChecking no" >> ~/.ssh/config
           echo "  UserKnownHostsFile=/dev/null" >> ~/.ssh/config
       
-      - name: 获取 Tag 名称
-        id: extract_tag
-        run: echo "tag=${GITHUB_REF##*/}" >> $GITHUB_OUTPUT
 
       - name: 上传产物到远程服务器
         run: |
@@ -59,4 +84,14 @@ jobs:
           scp output.zip default@10.0.0.3:/srv/publish/ao3-mirror-ssr/${TAG}.zip
           ssh default@10.0.0.3 sh -c 'cd /srv/publish/ao3-mirror-ssr/; rm -f latest.zip; ln -s ${TAG}.zip latest.zip'
 
-
+      - name: 通知：上传完成
+        run: |
+          TAG=${{ steps.extract_tag.outputs.tag }}
+          curl -X POST http://10.0.0.3:52222/send \
+            -H "Content-Type: application/json" \
+            -d @- <<EOF
+          {
+            "alias": "ci",
+            "message": "[AO3 Mirror SSR][${TAG}]\n上传完成✅"
+          }
+          EOF

package-lock.json

@@ -9,13 +9,15 @@
       "version": "0.0.0",
       "dependencies": {
         "@mdui/icons": "^1.0.2",
+        "@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": {
@@ -24,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"
@@ -288,17 +290,17 @@
       }
     },
     "node_modules/@babel/helper-string-parser": {
-      "version": "7.25.9",
+      "version": "7.27.1",
-      "resolved": "https://registry.npmmirror.com/@babel/helper-string-parser/-/helper-string-parser-7.25.9.tgz",
+      "resolved": "https://registry.npmmirror.com/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
-      "integrity": "sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==",
+      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-validator-identifier": {
-      "version": "7.25.9",
+      "version": "7.27.1",
-      "resolved": "https://registry.npmmirror.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz",
+      "resolved": "https://registry.npmmirror.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz",
-      "integrity": "sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==",
+      "integrity": "sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==",
       "engines": {
         "node": ">=6.9.0"
       }
@@ -326,11 +328,11 @@
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.26.9",
+      "version": "7.27.3",
-      "resolved": "https://registry.npmmirror.com/@babel/parser/-/parser-7.26.9.tgz",
+      "resolved": "https://registry.npmmirror.com/@babel/parser/-/parser-7.27.3.tgz",
-      "integrity": "sha512-81NWa1njQblgZbQHxWHpxxCzNsa3ZwvFqpUg7P+NNUU6f3UU2jBEg4OlF/J6rl8+PQGh1q6/zWScd001YwcA5A==",
+      "integrity": "sha512-xyYxRj6+tLNDTWi0KCBcZ9V7yg3/lwL9DWh9Uwh/RIVlIfFidggcgxKX3GCXwCiswwcGRawBKbEg2LG/Y8eJhw==",
       "dependencies": {
-        "@babel/types": "^7.26.9"
+        "@babel/types": "^7.27.3"
       },
       "bin": {
         "parser": "bin/babel-parser.js"
@@ -503,12 +505,12 @@
       "dev": true
     },
     "node_modules/@babel/types": {
-      "version": "7.26.9",
+      "version": "7.27.3",
-      "resolved": "https://registry.npmmirror.com/@babel/types/-/types-7.26.9.tgz",
+      "resolved": "https://registry.npmmirror.com/@babel/types/-/types-7.27.3.tgz",
-      "integrity": "sha512-Y3IR1cRnOxOCDvMmNiym7XpXQ93iGDDPHx+Zj+NM+rg0fBaShfQLkg+hKPaZCEvg5N/LeCo4+Rj/i3FuJsIQaw==",
+      "integrity": "sha512-Y1GkI4ktrtvmawoSq+4FCVHNryea6uR+qUQy0AGxLSsjCX0nVmkYQMBLHDkXZuo5hGx7eYdnIaslsdBFm7zbUw==",
       "dependencies": {
-        "@babel/helper-string-parser": "^7.25.9",
+        "@babel/helper-string-parser": "^7.27.1",
-        "@babel/helper-validator-identifier": "^7.25.9"
+        "@babel/helper-validator-identifier": "^7.27.1"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1007,9 +1009,9 @@
       }
     },
     "node_modules/@lit/reactive-element": {
-      "version": "2.0.4",
+      "version": "2.1.0",
-      "resolved": "https://registry.npmmirror.com/@lit/reactive-element/-/reactive-element-2.0.4.tgz",
+      "resolved": "https://registry.npmmirror.com/@lit/reactive-element/-/reactive-element-2.1.0.tgz",
-      "integrity": "sha512-GFn91inaUa2oHLak8awSIigYz0cU0Payr1rcFsrkf5OJ5eSPxElyZfKh0f2p9FsTiZWXQdWGJeXZICEfXXYSXQ==",
+      "integrity": "sha512-L2qyoZSQClcBmq0qajBVbhYEcG6iK0XfLn66ifLe/RfC0/ihpc+pl0Wdn8bJ8o+hj38cG0fGXRgSS20MuXn7qA==",
       "dependencies": {
         "@lit-labs/ssr-dom-shim": "^1.2.0"
       }
@@ -1030,24 +1032,24 @@
       }
     },
     "node_modules/@mdui/jq": {
-      "version": "3.0.2",
+      "version": "3.0.3",
-      "resolved": "https://registry.npmmirror.com/@mdui/jq/-/jq-3.0.2.tgz",
+      "resolved": "https://registry.npmmirror.com/@mdui/jq/-/jq-3.0.3.tgz",
-      "integrity": "sha512-Er6cvAgW4RrjWrMBJDnajIiPD99EPYmAWyIgQURhUtO2V1NQQ80oLDo9ILllMoj1idsi1G4EQEqOEdinlH85DQ==",
+      "integrity": "sha512-nI8QK9UPHhiIbECrC1aMdLXNxP6WgUtC9XwRPs/e56FtwduePyxPyloXmgU8VYw85i6TtYdgClHS9tW8JweNZA==",
       "dependencies": {
-        "ssr-window": "^4.0.2",
+        "ssr-window": "^5.0.0",
-        "tslib": "^2.6.3"
+        "tslib": "^2.8.1"
       }
     },
     "node_modules/@mdui/shared": {
-      "version": "1.0.7",
+      "version": "1.0.8",
-      "resolved": "https://registry.npmmirror.com/@mdui/shared/-/shared-1.0.7.tgz",
+      "resolved": "https://registry.npmmirror.com/@mdui/shared/-/shared-1.0.8.tgz",
-      "integrity": "sha512-rs12tndL8Y4cy8eiGnkWvKMTHOTbwtHpfpFrPvnUm6ajLnAAaHjX7CJkOMjs5sh7cd+ez2Zm77MEgovKAWeeRQ==",
+      "integrity": "sha512-YY863fjHBuk8KtiO4uLDm1YyIVdGrWv4xUxfv8jP32WqIQBkSTbV7HN8jnKXXIej0NFP7pU89yGr4GJYzVszPg==",
       "dependencies": {
-        "@lit/reactive-element": "^2.0.4",
+        "@lit/reactive-element": "^2.1.0",
-        "@mdui/jq": "^3.0.2",
+        "@mdui/jq": "^3.0.3",
-        "lit": "^3.1.4",
+        "lit": "^3.3.0",
-        "ssr-window": "^4.0.2",
+        "ssr-window": "^5.0.0",
-        "tslib": "^2.6.3"
+        "tslib": "^2.8.1"
       }
     },
     "node_modules/@nodelib/fs.scandir": {
@@ -1731,6 +1733,11 @@
       "resolved": "https://registry.npmmirror.com/@types/trusted-types/-/trusted-types-2.0.7.tgz",
       "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw=="
     },
+    "node_modules/@types/web-bluetooth": {
+      "version": "0.0.21",
+      "resolved": "https://registry.npmmirror.com/@types/web-bluetooth/-/web-bluetooth-0.0.21.tgz",
+      "integrity": "sha512-oIQLCGWtcFZy2JW77j9k8nHzAOpqMHLQejDA48XXMWH6tjCQHz5RCFz1bzsmROyL6PUm+LLnUiI4BCn221inxA=="
+    },
     "node_modules/@vitejs/plugin-vue": {
       "version": "5.2.4",
       "resolved": "https://registry.npmmirror.com/@vitejs/plugin-vue/-/plugin-vue-5.2.4.tgz",
@@ -1811,49 +1818,49 @@
       }
     },
     "node_modules/@vue/compiler-core": {
-      "version": "3.5.13",
+      "version": "3.5.15",
-      "resolved": "https://registry.npmmirror.com/@vue/compiler-core/-/compiler-core-3.5.13.tgz",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-core/-/compiler-core-3.5.15.tgz",
-      "integrity": "sha512-oOdAkwqUfW1WqpwSYJce06wvt6HljgY3fGeM9NcVA1HaYOij3mZG9Rkysn0OHuyUAGMbEbARIpsG+LPVlBJ5/Q==",
+      "integrity": "sha512-nGRc6YJg/kxNqbv/7Tg4juirPnjHvuVdhcmDvQWVZXlLHjouq7VsKmV1hIxM/8yKM0VUfwT/Uzc0lO510ltZqw==",
       "dependencies": {
-        "@babel/parser": "^7.25.3",
+        "@babel/parser": "^7.27.2",
-        "@vue/shared": "3.5.13",
+        "@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",
+      "version": "3.5.15",
-      "resolved": "https://registry.npmmirror.com/@vue/compiler-dom/-/compiler-dom-3.5.13.tgz",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-dom/-/compiler-dom-3.5.15.tgz",
-      "integrity": "sha512-ZOJ46sMOKUjO3e94wPdCzQ6P1Lx/vhp2RSvfaab88Ajexs0AHeV0uasYhi99WPaogmBlRHNRuly8xV75cNTMDA==",
+      "integrity": "sha512-ZelQd9n+O/UCBdL00rlwCrsArSak+YLZpBVuNDio1hN3+wrCshYZEDUO3khSLAzPbF1oQS2duEoMDUHScUlYjA==",
       "dependencies": {
-        "@vue/compiler-core": "3.5.13",
+        "@vue/compiler-core": "3.5.15",
-        "@vue/shared": "3.5.13"
+        "@vue/shared": "3.5.15"
       }
     },
     "node_modules/@vue/compiler-sfc": {
-      "version": "3.5.13",
+      "version": "3.5.15",
-      "resolved": "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.5.13.tgz",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.5.15.tgz",
-      "integrity": "sha512-6VdaljMpD82w6c2749Zhf5T9u5uLBWKnVue6XWxprDobftnletJ8+oel7sexFfM3qIxNmVE7LSFGTpv6obNyaQ==",
+      "integrity": "sha512-3zndKbxMsOU6afQWer75Zot/aydjtxNj0T2KLg033rAFaQUn2PGuE32ZRe4iMhflbTcAxL0yEYsRWFxtPro8RQ==",
       "dependencies": {
-        "@babel/parser": "^7.25.3",
+        "@babel/parser": "^7.27.2",
-        "@vue/compiler-core": "3.5.13",
+        "@vue/compiler-core": "3.5.15",
-        "@vue/compiler-dom": "3.5.13",
+        "@vue/compiler-dom": "3.5.15",
-        "@vue/compiler-ssr": "3.5.13",
+        "@vue/compiler-ssr": "3.5.15",
-        "@vue/shared": "3.5.13",
+        "@vue/shared": "3.5.15",
         "estree-walker": "^2.0.2",
-        "magic-string": "^0.30.11",
+        "magic-string": "^0.30.17",
-        "postcss": "^8.4.48",
+        "postcss": "^8.5.3",
-        "source-map-js": "^1.2.0"
+        "source-map-js": "^1.2.1"
       }
     },
     "node_modules/@vue/compiler-ssr": {
-      "version": "3.5.13",
+      "version": "3.5.15",
-      "resolved": "https://registry.npmmirror.com/@vue/compiler-ssr/-/compiler-ssr-3.5.13.tgz",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-ssr/-/compiler-ssr-3.5.15.tgz",
-      "integrity": "sha512-wMH6vrYHxQl/IybKJagqbquvxpWCuVYpoUJfCqFZwa/JY1GdATAQ+TgVtgrwwMZ0D07QhA99rs/EAAWfvG6KpA==",
+      "integrity": "sha512-gShn8zRREZbrXqTtmLSCffgZXDWv8nHc/GhsW+mbwBfNZL5pI96e7IWcIq8XGQe1TLtVbu7EV9gFIVSmfyarPg==",
       "dependencies": {
-        "@vue/compiler-dom": "3.5.13",
+        "@vue/compiler-dom": "3.5.15",
-        "@vue/shared": "3.5.13"
+        "@vue/shared": "3.5.15"
       }
     },
     "node_modules/@vue/devtools-api": {
@@ -1919,49 +1926,149 @@
       }
     },
     "node_modules/@vue/reactivity": {
-      "version": "3.5.13",
+      "version": "3.5.15",
-      "resolved": "https://registry.npmmirror.com/@vue/reactivity/-/reactivity-3.5.13.tgz",
+      "resolved": "https://registry.npmmirror.com/@vue/reactivity/-/reactivity-3.5.15.tgz",
-      "integrity": "sha512-NaCwtw8o48B9I6L1zl2p41OHo/2Z4wqYGGIK1Khu5T7yxrn+ATOixn/Udn2m+6kZKB/J7cuT9DbWWhRxqixACg==",
+      "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",
+      "version": "3.5.15",
-      "resolved": "https://registry.npmmirror.com/@vue/runtime-core/-/runtime-core-3.5.13.tgz",
+      "resolved": "https://registry.npmmirror.com/@vue/runtime-core/-/runtime-core-3.5.15.tgz",
-      "integrity": "sha512-Fj4YRQ3Az0WTZw1sFe+QDb0aXCerigEpw418pw1HBUKFtnQHWzwojaukAs2X/c9DQz4MQ4bsXTGlcpGxU/RCIw==",
+      "integrity": "sha512-CZAlIOQ93nj0OPpWWOx4+QDLCMzBNY85IQR4Voe6vIID149yF8g9WQaWnw042f/6JfvLttK7dnyWlC1EVCRK8Q==",
       "dependencies": {
-        "@vue/reactivity": "3.5.13",
+        "@vue/reactivity": "3.5.15",
-        "@vue/shared": "3.5.13"
+        "@vue/shared": "3.5.15"
       }
     },
     "node_modules/@vue/runtime-dom": {
-      "version": "3.5.13",
+      "version": "3.5.15",
-      "resolved": "https://registry.npmmirror.com/@vue/runtime-dom/-/runtime-dom-3.5.13.tgz",
+      "resolved": "https://registry.npmmirror.com/@vue/runtime-dom/-/runtime-dom-3.5.15.tgz",
-      "integrity": "sha512-dLaj94s93NYLqjLiyFzVs9X6dWhTdAlEAciC3Moq7gzAc13VJUdCnjjRurNM6uTLFATRHexHCTu/Xp3eW6yoog==",
+      "integrity": "sha512-wFplHKzKO/v998up2iCW3RN9TNUeDMhdBcNYZgs5LOokHntrB48dyuZHspcahKZczKKh3v6i164gapMPxBTKNw==",
       "dependencies": {
-        "@vue/reactivity": "3.5.13",
+        "@vue/reactivity": "3.5.15",
-        "@vue/runtime-core": "3.5.13",
+        "@vue/runtime-core": "3.5.15",
-        "@vue/shared": "3.5.13",
+        "@vue/shared": "3.5.15",
         "csstype": "^3.1.3"
       }
     },
     "node_modules/@vue/server-renderer": {
-      "version": "3.5.13",
+      "version": "3.5.15",
-      "resolved": "https://registry.npmmirror.com/@vue/server-renderer/-/server-renderer-3.5.13.tgz",
+      "resolved": "https://registry.npmmirror.com/@vue/server-renderer/-/server-renderer-3.5.15.tgz",
-      "integrity": "sha512-wAi4IRJV/2SAW3htkTlB+dHeRmpTiVIK1OGLWV1yeStVSebSQQOwGwIq0D3ZIoBj2C2qpgz5+vX9iEBkTdk5YA==",
+      "integrity": "sha512-Gehc693kVTYkLt6QSYEjGvqvdK2zZ/gf/D5zkgmvBdeB30dNnVZS8yY7+IlBmHRd1rR/zwaqeu06Ij04ZxBscg==",
       "dependencies": {
-        "@vue/compiler-ssr": "3.5.13",
+        "@vue/compiler-ssr": "3.5.15",
-        "@vue/shared": "3.5.13"
+        "@vue/shared": "3.5.15"
       },
       "peerDependencies": {
-        "vue": "3.5.13"
+        "vue": "3.5.15"
       }
     },
     "node_modules/@vue/shared": {
-      "version": "3.5.13",
+      "version": "3.5.15",
-      "resolved": "https://registry.npmmirror.com/@vue/shared/-/shared-3.5.13.tgz",
+      "resolved": "https://registry.npmmirror.com/@vue/shared/-/shared-3.5.15.tgz",
-      "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ=="
+      "integrity": "sha512-bKvgFJJL1ZX9KxMCTQY6xD9Dhe3nusd1OhyOb1cJYGqvAr0Vg8FIjHPMOEVbJ9GDT9HG+Bjdn4oS8ohKP8EvoA=="
+    },
+    "node_modules/@vueuse/core": {
+      "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.3.0",
+        "@vueuse/shared": "13.3.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "vue": "^3.5.0"
+      }
+    },
+    "node_modules/@vueuse/integrations": {
+      "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.3.0",
+        "@vueuse/shared": "13.3.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "async-validator": "^4",
+        "axios": "^1",
+        "change-case": "^5",
+        "drauu": "^0.4",
+        "focus-trap": "^7",
+        "fuse.js": "^7",
+        "idb-keyval": "^6",
+        "jwt-decode": "^4",
+        "nprogress": "^0.2",
+        "qrcode": "^1.5",
+        "sortablejs": "^1",
+        "universal-cookie": "^7",
+        "vue": "^3.5.0"
+      },
+      "peerDependenciesMeta": {
+        "async-validator": {
+          "optional": true
+        },
+        "axios": {
+          "optional": true
+        },
+        "change-case": {
+          "optional": true
+        },
+        "drauu": {
+          "optional": true
+        },
+        "focus-trap": {
+          "optional": true
+        },
+        "fuse.js": {
+          "optional": true
+        },
+        "idb-keyval": {
+          "optional": true
+        },
+        "jwt-decode": {
+          "optional": true
+        },
+        "nprogress": {
+          "optional": true
+        },
+        "qrcode": {
+          "optional": true
+        },
+        "sortablejs": {
+          "optional": true
+        },
+        "universal-cookie": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vueuse/metadata": {
+      "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.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"
+      },
+      "peerDependencies": {
+        "vue": "^3.5.0"
+      }
     },
     "node_modules/@yankeeinlondon/builder-api": {
       "version": "1.4.1",
@@ -4059,29 +4166,29 @@
       }
     },
     "node_modules/lit": {
-      "version": "3.2.1",
+      "version": "3.3.0",
-      "resolved": "https://registry.npmmirror.com/lit/-/lit-3.2.1.tgz",
+      "resolved": "https://registry.npmmirror.com/lit/-/lit-3.3.0.tgz",
-      "integrity": "sha512-1BBa1E/z0O9ye5fZprPtdqnc0BFzxIxTTOO/tQFmyC/hj1O3jL4TfmLBw0WEwjAokdLwpclkvGgDJwTIh0/22w==",
+      "integrity": "sha512-DGVsqsOIHBww2DqnuZzW7QsuCdahp50ojuDaBPC7jUDRpYoH0z7kHBBYZewRzer75FwtrkmkKk7iOAwSaWdBmw==",
       "dependencies": {
-        "@lit/reactive-element": "^2.0.4",
+        "@lit/reactive-element": "^2.1.0",
-        "lit-element": "^4.1.0",
+        "lit-element": "^4.2.0",
-        "lit-html": "^3.2.0"
+        "lit-html": "^3.3.0"
       }
     },
     "node_modules/lit-element": {
-      "version": "4.1.1",
+      "version": "4.2.0",
-      "resolved": "https://registry.npmmirror.com/lit-element/-/lit-element-4.1.1.tgz",
+      "resolved": "https://registry.npmmirror.com/lit-element/-/lit-element-4.2.0.tgz",
-      "integrity": "sha512-HO9Tkkh34QkTeUmEdNYhMT8hzLid7YlMlATSi1q4q17HE5d9mrrEHJ/o8O2D0cMi182zK1F3v7x0PWFjrhXFew==",
+      "integrity": "sha512-MGrXJVAI5x+Bfth/pU9Kst1iWID6GHDLEzFEnyULB/sFiRLgkd8NPK/PeeXxktA3T6EIIaq8U3KcbTU5XFcP2Q==",
       "dependencies": {
         "@lit-labs/ssr-dom-shim": "^1.2.0",
-        "@lit/reactive-element": "^2.0.4",
+        "@lit/reactive-element": "^2.1.0",
-        "lit-html": "^3.2.0"
+        "lit-html": "^3.3.0"
       }
     },
     "node_modules/lit-html": {
-      "version": "3.2.1",
+      "version": "3.3.0",
-      "resolved": "https://registry.npmmirror.com/lit-html/-/lit-html-3.2.1.tgz",
+      "resolved": "https://registry.npmmirror.com/lit-html/-/lit-html-3.3.0.tgz",
-      "integrity": "sha512-qI/3lziaPMSKsrwlxH/xMgikhQ0EGOX2ICU73Bi/YHFvz2j/yMCIrw4+puF2IpQ4+upd3EWbvnHM9+PnJn48YA==",
+      "integrity": "sha512-RHoswrFAxY2d8Cf2mm4OZ1DgzCoBKUKSPvA1fhtSELxUERq2aQQ2h05pO9j81gS1o7RIRJ+CePLogfyahwmynw==",
       "dependencies": {
         "@types/trusted-types": "^2.0.2"
       }
@@ -4183,21 +4290,21 @@
       }
     },
     "node_modules/mdui": {
-      "version": "2.1.3",
+      "version": "2.1.4",
-      "resolved": "https://registry.npmmirror.com/mdui/-/mdui-2.1.3.tgz",
+      "resolved": "https://registry.npmmirror.com/mdui/-/mdui-2.1.4.tgz",
-      "integrity": "sha512-rBaFJYPloaWcHSem9PCD3AT3nyjO072M9HCOGifGxmhVE0QYABtzdiActf9BvgbTMOrIPdlCyPKF+JVW/b6G4Q==",
+      "integrity": "sha512-QtK5xia5HXtVO7yH30QjwvvNruw5JdrJL1MEc1k6S/ZfsbHOj6BxxdYjrdv2HiN5ikkGqt5CIbZdFyq6shaZyw==",
       "dependencies": {
-        "@floating-ui/utils": "^0.2.4",
+        "@floating-ui/utils": "^0.2.9",
-        "@lit/localize": "^0.12.1",
+        "@lit/localize": "^0.12.2",
-        "@lit/reactive-element": "^2.0.4",
+        "@lit/reactive-element": "^2.1.0",
         "@material/material-color-utilities": "^0.3.0",
-        "@mdui/jq": "^3.0.2",
+        "@mdui/jq": "^3.0.3",
-        "@mdui/shared": "^1.0.7",
+        "@mdui/shared": "^1.0.8",
         "classcat": "^5.0.5",
         "is-promise": "^4.0.0",
-        "lit": "^3.1.4",
+        "lit": "^3.3.0",
-        "ssr-window": "^4.0.2",
+        "ssr-window": "^5.0.0",
-        "tslib": "^2.6.3"
+        "tslib": "^2.8.1"
       }
     },
     "node_modules/mdurl": {
@@ -4851,9 +4958,9 @@
       "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
     },
     "node_modules/sass": {
-      "version": "1.88.0",
+      "version": "1.89.0",
-      "resolved": "https://registry.npmmirror.com/sass/-/sass-1.88.0.tgz",
+      "resolved": "https://registry.npmmirror.com/sass/-/sass-1.89.0.tgz",
-      "integrity": "sha512-sF6TWQqjFvr4JILXzG4ucGOLELkESHL+I5QJhh7CNaE+Yge0SI+ehCatsXhJ7ymU1hAFcIS3/PBpjdIbXoyVbg==",
+      "integrity": "sha512-ld+kQU8YTdGNjOLfRWBzewJpU5cwEv/h5yyqlSeJcj6Yh8U4TDA9UA5FPicqDz/xgRPWRSYIQNiFks21TbA9KQ==",
       "dev": true,
       "dependencies": {
         "chokidar": "^4.0.0",
@@ -5114,9 +5221,9 @@
       }
     },
     "node_modules/ssr-window": {
-      "version": "4.0.2",
+      "version": "5.0.0",
-      "resolved": "https://registry.npmmirror.com/ssr-window/-/ssr-window-4.0.2.tgz",
+      "resolved": "https://registry.npmmirror.com/ssr-window/-/ssr-window-5.0.0.tgz",
-      "integrity": "sha512-ISv/Ch+ig7SOtw7G2+qkwfVASzazUnvlDTwypdLoPoySv+6MqlOV10VwPSE6EWkGjhW50lUmghPmpYZXMu/+AQ=="
+      "integrity": "sha512-3Iqawoo0DkAaUEScd80SYq3I5clEFDVy//DdzjHXACj/hqcKzsnMzRZ1yHRj+r5dW3UeXNs30ofnhP6YSWg5iA=="
     },
     "node_modules/statuses": {
       "version": "2.0.1",
@@ -6128,15 +6235,15 @@
       }
     },
     "node_modules/vue": {
-      "version": "3.5.13",
+      "version": "3.5.15",
-      "resolved": "https://registry.npmmirror.com/vue/-/vue-3.5.13.tgz",
+      "resolved": "https://registry.npmmirror.com/vue/-/vue-3.5.15.tgz",
-      "integrity": "sha512-wmeiSMxkZCSc+PM2w2VRsOYAZC8GdipNFRTsLSfodVqI9mbejKeXEGr8SckuLnrQPGe3oJN5c3K0vpoU9q/wCQ==",
+      "integrity": "sha512-aD9zK4rB43JAMK/5BmS4LdPiEp8Fdh8P1Ve/XNuMF5YRf78fCyPE6FUbQwcaWQ5oZ1R2CD9NKE0FFOVpMR7gEQ==",
       "dependencies": {
-        "@vue/compiler-dom": "3.5.13",
+        "@vue/compiler-dom": "3.5.15",
-        "@vue/compiler-sfc": "3.5.13",
+        "@vue/compiler-sfc": "3.5.15",
-        "@vue/runtime-dom": "3.5.13",
+        "@vue/runtime-dom": "3.5.15",
-        "@vue/server-renderer": "3.5.13",
+        "@vue/server-renderer": "3.5.15",
-        "@vue/shared": "3.5.13"
+        "@vue/shared": "3.5.15"
       },
       "peerDependencies": {
         "typescript": "*"

package.json

@@ -12,13 +12,15 @@
   },
   "dependencies": {
     "@mdui/icons": "^1.0.2",
+    "@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": {
@@ -27,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"

src/App.vue

@@ -27,7 +27,7 @@ const route = useRoute()
 
 const clientOnlyStore = useClientOnlyStore()
 const api = useApiStore()
-const themeScheme = useThemeStore()
+let themeScheme = null
 const mobileScreen = useMobileScreen()
 const routeStore = useRouteStore()
 
@@ -38,7 +38,7 @@ const closeDrawer = ref(true)
 let progressTimer = null
 
 onServerPrefetch(async () => {
-	await api.init()
+
 })
 
 onBeforeMount(() => {
@@ -47,8 +47,8 @@ onBeforeMount(() => {
 })
 
 onMounted(async () => {
+	themeScheme = useThemeStore()
 	themeScheme.applyTheme()
-	await api.init()
 	clientOnlyStore.setClient()
 	new MutationObserver(() => {
 	  if (document.documentElement.style.width.includes('calc')) {
@@ -78,8 +78,7 @@ onMounted(async () => {
 			<mdui-icon-light-mode style="color: rgb(var(--mdui-color-on-surface-variant))"></mdui-icon-light-mode>
 		</mdui-button-icon>
 		</mdui-top-app-bar>
-	<template #ssr>
+	<template #ssr><h1>{{ routeStore.title }}</h1>
-		<h1>{{ routeStore.title }}</h1>
 	</template></ClientOnly></header>
 	<nav><ClientOnly>
 		<mdui-navigation-drawer ref='drawer' :open="drawerOpen" close-on-overlay-click close-on-esc style="margin-top: 64px;">
@@ -94,27 +93,25 @@ onMounted(async () => {
 			</mdui-list>
 		</mdui-navigation-drawer>
 	<template #ssr>
-		<ul>
+		<ul><li v-for="item in routeStore.allRoutes"
-			<li v-for="item in routeStore.allRoutes"
 			:key="item.path"
 			:class="{ 'active-item' : item.path == $route.path }"
-			><a :href="item.path">{{ item.name }}</a></li>
+			><a :href="item.path">{{ item.name }}</a></li></ul>
-		</ul>
+	</template></ClientOnly></nav>
-    </template></ClientOnly>
+	<main :class="{ 'mdui-prose' : clientOnlyStore.isClient , 'content' : clientOnlyStore.isClient}">
-    </nav>
-	<main :class="{ 'mdui-prose' : clientOnlyStore.isClient }">
 		<RouterView v-slot="{ Component }">
 			<component :is="Component" />
 		</RouterView>
-	</main>
+	</main><footer></footer>
-    <footer></footer>
 </template>
 
 <style scoped>
 .active-item {
 	background-color: rgb(var(--mdui-color-surface-container-high));
 }
-
+.content {
+	margin: 16px;
+}
 .bottom {
   position: fixed;
   display: flex;

src/composables/apiRequest.js

@@ -0,0 +1,61 @@
+import { useAxios } from '@vueuse/integrations/useAxios'
+import axios from 'axios'
+
+import { objectToQueryString } from '../utils.js'
+
+function getEndpoint() {
+  const apiMapping = {
+    '': ['http://localhost:28001/', '/api/'],
+  }
+  let host = import.meta.env.SSR ? 'ssr' : window.location.host
+  let entry = apiMapping[host] ?? apiMapping['']
+  return import.meta.env.SSR ? entry[0] : replaceUrl(entry[1])
+}
+
+function replaceUrl(url) {
+  return url
+    .replace('{{hostname}}', window.location.hostname)
+    .replace('{{port}}', window.location.port)
+    .replace('{{protocol}}', window.location.protocol)
+}
+
+export function useApiRequest(method, url, data, config = {}) {
+  const start = Date.now()
+  const baseURL = getEndpoint()
+  // 若为 GET 请求，将 data 转为查询参数拼接到 URL 上
+  const fullURL = method === 'GET' && data
+    ? `${baseURL}${url}?${objectToQueryString(data)}`
+    : `${baseURL}${url}`
+  const {
+    response,
+    error,
+    isFinished,
+    isLoading,
+    execute,
+  } = useAxios(
+    fullURL,
+    {
+      method,
+      ...(method === 'POST' ? { data } : {}),
+      ...(config || {})
+    },
+    {
+      immediate: false,
+      axios,
+    }
+  )
+  const exec = async () => {
+    await execute()
+    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,
+    }
+  }
+  return { execute: exec, isFinished, isLoading }
+}

src/entry-server.js

@@ -1,4 +1,4 @@
-import { renderToWebStream, renderToString } from 'vue/server-renderer'
+import { renderToWebStream } from 'vue/server-renderer'
 import { createApp } from './main'
 
 import { createSSRRouter } from './router.js'

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 }
 }

src/main.scss

@@ -13,15 +13,23 @@ $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; /* 等于顶栏高度 */
+}
+
 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: 98%;
+  width: 100%;
   padding: 8px;
 }
 

src/router.js

@@ -39,13 +39,29 @@ export function createSSRRouter() {
 				title: '阅读',
 				hidden: 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: 90
+			},
 		},{
 			path: '/about',
 			name: '关于',
-			component: () => import('./views/About.vue'),
+			component: () => import('./views/About.md'),
 			meta: {
 				title: '',
-				order: 2
+				order: 100
 			},
 		},{
 			path: '/developer',

src/stores/api.js

@@ -1,114 +1,20 @@
-import { ref, computed, watch } from 'vue'
 import { defineStore } from 'pinia'
-import { useSSRContext } from 'vue'
+import { useApiRequest } from '../composables/apiRequest'
-import axios from 'axios'
-
-import { objectToQueryString, getCookie, setCookie } from '@/utils.js'
-
-const apiMapping = {
-	'': ['http://localhost:28001/','/api/']
-}
-
-function replaceUrl(url) {
-	return url
-		.replace('{{hostname}}',window.location.hostname)
-		.replace('{{port}}',window.location.port)
-		.replace('{{protocol}}',window.location.protocol)
-}
 
 export const useApiStore = defineStore('api', () => {
-	let host = import.meta.env.SSR ? useSSRContext().host : window.location.host
-	let entry = apiMapping[host] ? apiMapping[host] : apiMapping['']
-	let endpoint = import.meta.env.SSR ? entry[0] : replaceUrl(entry[1])
-	//console.log('Entry point:', endpoint)
-	var inited = false
-	var initializing = false
-	async function apiGet(url, data) {
-		const realURL = data 
-			? `${endpoint}${url}?${objectToQueryString(data)}`
-			: `${endpoint}${url}`
-		try {
-			let start = Date.now()
-			const response = await axios.get(realURL)
-			let stop = Date.now()
-			return {
-				status: response.status,
-				data: response.data,
-				start, stop,
-				duration: stop - start,
-				isSSR: import.meta.env.SSR
-			}
-		} catch (error) {
-			if (error.response) {
-				return {
-					status: error.response.status,
-					data: error.response.data,
-					isSSR: import.meta.env.SSR
-				}
-			} else {
-				return {
-					status: -1,
-					data: null
-				}
-			}
-		}
-	}
-	async function apiPost(url, data) {
-		const realURL = `${endpoint}${url}`;
-		try {
-			let start = Date.now()
-			const response = await axios.post(realURL, data, {
-				headers: { 'Content-Type': 'application/json' }
-			})
-			let stop = Date.now()
-			return {
-				status: response.status,
-				data: response.data,
-				start, stop,
-				duration: stop - start,
-				isSSR: import.meta.env.SSR
-			}
-		} catch (error) {
-			if (error.response) {
-				return {
-					status: error.response.status,
-					data: error.response.data,
-					isSSR: import.meta.env.SSR
-				}
-			} else {
-				return {
-					status: -1,
-					data: null
-				}
-			}
-		}
-	}
-	async function init() {
-		if (inited) return
-		if (initializing) {
-			while (initializing) {
-				await new Promise((resolve) => setTimeout(resolve, 100))
-			}
-			return
-		}
-		initializing = true
-		inited = true
-		initializing = false
-		if (!import.meta.env.SSR) {
-			console.log(`[API] Inited! endpoint: ${endpoint}`)
-		}
-	}
-	async function reInit(){
-		inited = false
-		await init()
-	}
 	async function getWork(workId, chapterId) {
-		if (chapterId) return await apiGet(`work/${workId}/${chapterId}`)
+		const path = chapterId ? `work/${workId}/${chapterId}` : `work/${workId}`
-		return await apiGet(`work/${workId}`)
+		const { execute } = useApiRequest('GET', path)
+		return await execute()
 	}
+
+	async function workSimpleSearch(keyword, page = 1) {
+		const { execute } = useApiRequest('GET', 'search/simple', { keyword, page })
+		return await execute()
+	}
+
 	return {
-		init,
+		getWork,
-		reInit,
+		workSimpleSearch
-		getWork
 	}
 })

src/stores/appSetting.js

@@ -0,0 +1,28 @@
+import { defineStore } from 'pinia'
+import { reactive } from 'vue'
+import { useStorage, watchWithFilter, debounceFilter } from '@vueuse/core'
+
+const CURRENT_VERSION = 1
+
+const DEFAULT_SETTINGS = {
+	version: CURRENT_VERSION,
+	darkTheme: false,
+	autoTheme: true,
+	colorScheme: '#890000'
+}
+
+export const useAppSettingStore = defineStore('appSetting', () => {
+	const stored = useStorage('app-settings', DEFAULT_SETTINGS)
+	if (stored.version !== CURRENT_VERSION) {
+		Object.assign(stored, DEFAULT_SETTINGS)
+	}
+	function resetSettings() {
+		Object.assign(stored, DEFAULT_SETTINGS)
+	}
+	return {
+		value: stored,
+		resetSettings,
+	}
+})
+
+

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
+	}
+})

src/stores/themeScheme.js

@@ -1,12 +1,17 @@
 import { ref, computed } from 'vue'
 import { defineStore } from 'pinia'
+import { useDark } from '@vueuse/core'
 
 import { setTheme } from 'mdui/functions/setTheme.js'
 import { setColorScheme } from 'mdui/functions/setColorScheme.js'
 
+import { useAppSettingStore } from './appSetting.js' 
+
 export const useThemeStore = defineStore('homePage', () => {
-	const mode = ref('auto')
+	const isDark = useDark()
-	const color = ref('#890000')
+	const appSetting = useAppSettingStore()
+	const mode = ref(appSetting.value.autoTheme ? 'auto' : appSetting.value.darkTheme ? 'dark' : 'light')
+	const color = ref(appSetting.value.colorScheme)
     function setColor(target) {
         if (color.value != target) {
 			color.value = target
@@ -20,10 +25,10 @@ export const useThemeStore = defineStore('homePage', () => {
 		setTheme(mode.value)
 	}
 	function switchMode(callback) {
-		if (mode.value === 'auto' || mode.value === 'light') {
+		if (mode.value === 'auto') {
-			mode.value = 'dark'
+			mode.value = isDark.value ? 'light' : 'dark'
 		} else {
-			mode.value = 'light'
+			mode.value = mode.value === 'dark' ? 'light' : 'dark'
 		}
 		setMode(mode.value)
 		if (callback) {

src/stores/workRead.js

@@ -10,7 +10,7 @@ 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('')
@@ -21,11 +21,15 @@ export const useWorkReadState = defineStore('workRead', () => {
 	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)]
+		summary.value = data.summary ? escapeAndFormatText(data.summary) : null
-		pesud.value = data.pesud
+		pseud.value = data.pseud
 		text.value = data.text
 		publishedTime.value = data.stats.publishedTime
 		wordCount.value = data.stats.wordCount
@@ -34,11 +38,27 @@ export const useWorkReadState = defineStore('workRead', () => {
 		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'
@@ -51,7 +71,7 @@ export const useWorkReadState = defineStore('workRead', () => {
 		id, cid,
 		title,
 		summary,
-		pesud,
+		pseud,
 		text,
 		state,
 		publishedTime,
@@ -61,6 +81,9 @@ export const useWorkReadState = defineStore('workRead', () => {
 		category,
 		fandom,
 		lang,
+		chapters,
+		chapterIndex,
+		chapterStat,
 		setData,
 		loadWork
 	}

src/texts/about.md

@@ -1,32 +0,0 @@
-# 关于
-
-这是什么, 有口舍用 ?
-
-概述
----
-一个 AO3 镜像站
-
-## 作者 (1)
----
-- [UnknownMp](https://www.unknownmp.top)  
-  <mdui-avatar src="https://cdn.unknownmp.top/website/logo.jpg"></mdui-avatar>
-  
-
-组件库与工具链
----
-- MDUI 2 [mdui.org](https://mdui.org)
-- Vue 3 [vuejs.org](https://vuejs.org)
-- Vite 6 [vitejs.dev](https://vite.dev)
-
-废弃特性
----
-
-### 书签 {#deprecated-feature-bookmark}
-
-因为底层 IndexedDB 更新困难和作品段落解析困难问题, 所以在 **v1.0.7** 以后的版本废弃了书签机制
-
-其他
----
-本站支持 "Server Side Rendering" by Vite SSR
-
-CDN by Cloudflare (赛博佛祖😭)

src/texts/intro.md

@@ -1,14 +1,10 @@
-# 欢迎来到 AO3 Mirror! 👋👋
-
-一个基于重构渲染的 AO3 镜像站
-
----
-
 ## 这是什么🤨
 
 本网站是对 ArchiveOfOurOwn (AO3) 的一个镜像网站
 
-但是不同于直接转发所有页面内容, 本站点会先解析原始 AO3 页面内容, 然后重新组合, 这使得我们有更大的操作空间
+但是不同于直接转发所有页面内容, 本站点会先解析原始 AO3 页面内容, 然后重新渲染
+
+这使得我们可以重写界面, 采用 **质感设计3** 界面重构, 提供更好的交互界面
 
 ## 怎么使用🤔
 
@@ -42,5 +38,5 @@
 - ✅ 预览
 - ✅ 作品详细数据
 - 📝 搜索
-- ❌ 不再支持! [详情](/about#deprecated-feature-bookmark) 书签 (本地)
+- ❌ 书签 (本地) **不再支持! [详情](/about#deprecated-feature-bookmark)**
 

src/views/About.md

@@ -0,0 +1,62 @@
+<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>
+
+# 关于
+
+这是什么, 有口舍用 ?
+
+概述
+---
+一个 AO3 镜像站, 优化了 UI/UX
+
+作者 (1)
+---
+- [UnknownMp](https://www.unknownmp.top)  
+  <mdui-avatar src="https://cdn.unknownmp.top/website/logo.jpg"></mdui-avatar>
+
+---
+
+源代码
+---
+- 前端 Vue3 + Vite 6 (SSR) + MDUI 2 [Gitea](https://git.unknownmp.top/default/ao3-mirror-ssr)
+- 后端 FastAPI + HttpX + LXML *(暂无仓库)*
+
+组件库与工具链
+---
+### 前端
+- MDUI 2 [mdui.org](https://mdui.org)
+- Vue 3 [vuejs.org](https://vuejs.org)
+- Vite 6 [vite.dev](https://vite.dev)
+### 后端
+- FastAPI [fastapi.tiangolo.com](https://fastapi.tiangolo.com/)
+- HttpX [python-httpx.org](https://www.python-httpx.org/)
+- LXML [lxml.de](https://lxml.de/)
+
+废弃特性 {#deprecated}
+---
+
+### 书签 {#deprecated-feature-bookmark}
+
+因为底层 IndexedDB 更新困难和作品段落解析困难问题, 所以在 [**v1.0.7**](https://git.unknownmp.top/default/ao3-mirror-ssr/releases/tag/v1.0.7) 以后的版本废弃了书签机制
+
+---
+
+其他
+---
+本站支持 "Server Side Rendering" by Vite SSR
+
+CDN by Cloudflare (赛博佛祖😭)
+
+<FunAnimation />

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>
-

src/views/Root.vue

@@ -9,9 +9,6 @@ import Intro from '../texts/intro.md'
 
 const router = useRouter()
 
-const err = ref(false)
-const srcText = ref(null)
-
 function convert(from) {
 	if( Number(from) ) {
 		return {
@@ -20,7 +17,6 @@ function convert(from) {
 		}
 	} 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) {
@@ -41,16 +37,15 @@ function convert(from) {
 			}
 		}
 	}
-	return { type: null }
+	return { type: 'f', key: from }
 }
 
 function onConvert(data) {
-	const { type, id, cid } = convert(data.src)
+	const { type, id, cid, key } = convert(data.src)
 	if (type == null) {
-		err.value = true
+	} else if ( type == 'f') {
-		srcText.value?.focus()
+		router.push(`/search/simple?keyword=${encodeURIComponent(key)}`)
 	} else {
-		err.value = false
 		if (cid) router.push(`/work/${id}/${cid}`)
 		else router.push(`/work/${id}`)
 	}
@@ -60,14 +55,14 @@ function onConvert(data) {
 
 <template>
 	<img style="display: block; margin: 0px auto 10px;" height="200px" alt="logo" src="/favicon.svg" />
-	<Intro />
+	<h1>欢迎来到 AO3 Mirror! 👋👋</h1>
-	<br/><Hr/>
+	<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'>
+			<mdui-text-field variant="filled" label="链接 / 关键词" name="src">
-			<span v-if='err' slot="helper" class='warn-text'>链接格式错误!</span>
 			</mdui-text-field><br/>
 			<div style="display: flex">
 				<div style="flex-grow: 1"></div>
@@ -78,4 +73,7 @@ function onConvert(data) {
 				<input type="submit" />
 		</template></ClientOnly></Form>
 	</section>
+	<Hr/>
+	<Intro />
 </template>
+

src/views/Settings.vue

@@ -0,0 +1,40 @@
+<script setup>
+import { ref, onBeforeMount } from 'vue'
+
+import 'mdui/components/switch.js'
+import 'mdui/components/card.js'
+
+import { useAppSettingStore } from '../stores/appSetting.js'
+
+let appSetting = null
+
+onBeforeMount(() => {
+	appSetting = useAppSettingStore()
+})
+
+</script>
+
+<template>
+	<h1>设置</h1>
+	<Hr />
+	<ClientOnly><div class="settings">
+		<section><mdui-card>
+			<h2>界面</h2><Hr />
+			<div>自动黑暗模式<div style="flex: 1;"/>
+			<mdui-switch :checked="appSetting.value.autoTheme"
+			@change="e => appSetting.value.autoTheme = e.target.checked">
+			</mdui-switch></div>
+			<div v-if="!appSetting.value.autoTheme">默认黑暗模式<div style="flex: 1;"/>
+			<mdui-switch :checked="appSetting.value.darkTheme"
+			@change="e => appSetting.value.darkTheme = e.target.checked">
+			</mdui-switch></div>
+		</mdui-card></section>
+	</div></ClientOnly>
+</template>
+
+<style scoped>
+.settings div {
+	display: flex;
+	align-items: center;
+}
+</style>

src/views/SimpleSearch.vue

@@ -0,0 +1,97 @@
+<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>

src/views/Work.vue

@@ -19,8 +19,6 @@ 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'
@@ -41,6 +39,7 @@ let lastCloseTimer = null
 let isObserver = null
 let paragraphs = []
 let currentParagraph = null
+const chapterDialog = ref(null)
 
 const categoryName = {
 	mm: "男/男",
@@ -48,21 +47,25 @@ const categoryName = {
 	fm: '女/男'
 }
 
-
 onServerPrefetch(async () => {
 	await workReadState.loadWork(route.params.id, route.params.cid)
 })
 
 onMounted(async () => {
+	watch(() => workReadState.state, (value) => { if (value == 'ready') routeState.customTitle = workReadState.title })
 	if (workReadState.state != 'ssrnotfound') 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
@@ -89,8 +92,13 @@ onMounted(async () => {
 })
 
 onBeforeUnmount(() => {
-	isObserver.disconnect();
+	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>
@@ -108,14 +116,20 @@ onBeforeUnmount(() => {
 			</template>
 			<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>
 		<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-card style="margin: 8px; padding: 16px;">
-					<mdui-collapse-item value="info"><mdui-list-item class="infoblockhead" slot="header">
+					<strong>作品信息</strong><dl>
-						作品信息
-					</mdui-list-item><div class="infoblock"><dl>
 						<template v-if="workReadState.category"><dt>分类</dt><ul>
 							<li v-for="item in workReadState.category" :key="item">
 							{{ categoryName[item] }}</li>
@@ -127,10 +141,8 @@ onBeforeUnmount(() => {
 						<dt>语言</dt><dd>
 							{{ workReadState.lang }}
 						</dd>
-					</dl></div></mdui-collapse-item>
+					</dl><Hr/>
-					<mdui-collapse-item value="stats"><mdui-list-item class="infoblockhead" slot="header">
+					<strong>作品状态</strong><dl>
-						作品状态
-					</mdui-list-item><div class="infoblock"><dl>
 						<dt>发布时间</dt><dd>
 							{{ workReadState.publishedTime.year }} -
 							{{ workReadState.publishedTime.month }} -
@@ -142,20 +154,56 @@ onBeforeUnmount(() => {
 						<dt>点击</dt><dd>
 							{{ workReadState.hitCount }}
 						</dd>
-					</dl></div></mdui-collapse-item>
+						<template v-if="workReadState.chapterStat"><dt>
-				</mdui-collapse></mdui-card>
+							章节
-				<blockquote>
+						</dt><dd>
-					<p v-for="para in workReadState.summary" :key="para" v-html='para'></p>
+							{{ workReadState.chapterStat.left }} /
-				</blockquote>
+							{{ workReadState.chapterStat.right == -1 ? '?' : workReadState.chapterStat.right }}
-				<Hr />
+						</dd></template>
-				<div ref='content'>
+					</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>
-				</div>
 				</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 == 'notfound' || workReadState.state == 'ssrnotfound'">
@@ -168,14 +216,14 @@ onBeforeUnmount(() => {
 			<a @click="$router.back()">返回</a>
 		</template>
 		<template v-if="workReadState.state == 'ready'">
-			<h1>{{ workReadState.title }}</h1>
+			<h2>{{ workReadState.title }}</h2>
-			<h2>{{ workReadState.pesud }}</h2>
+			<h4>{{ workReadState.pesud }}</h4>
 			<dl>
-				<template v-if="workReadState.category"><dt>作品圈</dt><ul>
+				<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>
+				<template v-if="workReadState.fandom"><dt>作品圈</dt><ul>
 					<li v-for="item in workReadState.fandom" :key="item">
 					{{ item }}</li>
 				</ul></template>
@@ -193,18 +241,25 @@ onBeforeUnmount(() => {
 				<dt>点击</dt><dd>
 					{{ workReadState.hitCount }}
 				</dd>
-			</dl>
+				<template v-if="workReadState.chapterStat"><dt>
-			<Hr />
+					章节
-			<blockquote>
+				</dt><dd>
-				<p v-for="para in workReadState.summary" :key="para" v-html='para'></p>
+					{{ workReadState.chapterStat.left }} /
-			</blockquote>
+					{{ workReadState.chapterStat.right == -1 ? '?' : workReadState.chapterStat.right }}
-			<Hr/>
+				</dd></template>
-			<p v-for="para in workReadState.text.slice(0, 10)" :key="para">{{ para }}</p>
+			</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-light));
+}
 .mdui-fab {
     position: fixed;
     bottom: 16px; /* 调整垂直位置 */
@@ -212,12 +267,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>

vite.config.js

@@ -38,10 +38,7 @@ export default defineConfig({
 						.toLowerCase()
 						.replace(/\s+/g, "-")
 				})
-				mdit.renderer.rules.hr = () => {
+				mdit.renderer.rules.hr = () => '<div><BetterHr /></div>'
-					console.log('Custom <hr> rendered 🚀');
-					return '<div><BetterHr /></div>'
-				}
 				const defaultOpen = mdit.renderer.rules.link_open || ((tokens, idx, options, env, self) => {
 					return self.renderToken(tokens, idx, options)
 				})