Finished zh-CN

package-lock.json

@@ -5,6 +5,8 @@
   "packages": {
     "": {
       "dependencies": {
+        "@volar/language-server": "2.4.0-alpha.18",
+        "@vue/language-server": "2.0.28",
         "ag-charts-vue3": "^10.3.1",
         "dayjs": "^1.11.12"
       }
@@ -13,7 +15,6 @@
       "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==",
-      "peer": true,
       "engines": {
         "node": ">=6.9.0"
       }
@@ -22,7 +23,6 @@
       "version": "7.25.9",
       "resolved": "https://registry.npmmirror.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz",
       "integrity": "sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==",
-      "peer": true,
       "engines": {
         "node": ">=6.9.0"
       }
@@ -31,7 +31,6 @@
       "version": "7.26.2",
       "resolved": "https://registry.npmmirror.com/@babel/parser/-/parser-7.26.2.tgz",
       "integrity": "sha512-DWMCZH9WA4Maitz2q21SRKHo9QXZxkDsbNZoVD62gusNtNBBqDg9i7uOhASfTfIGNzW+O+r7+jAlM8dwphcJKQ==",
-      "peer": true,
       "dependencies": {
         "@babel/types": "^7.26.0"
       },
@@ -46,7 +45,6 @@
       "version": "7.26.0",
       "resolved": "https://registry.npmmirror.com/@babel/types/-/types-7.26.0.tgz",
       "integrity": "sha512-Z/yiTPj+lDVnF7lWeKCIJzaIkI0vYO87dMpZ4bg4TDrFe4XXLFWL1TbXU27gBP3QccxV9mZICCrnjnYlJjXHOA==",
-      "peer": true,
       "dependencies": {
         "@babel/helper-string-parser": "^7.25.9",
         "@babel/helper-validator-identifier": "^7.25.9"
@@ -55,17 +53,151 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@emmetio/abbreviation": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmmirror.com/@emmetio/abbreviation/-/abbreviation-2.3.3.tgz",
+      "integrity": "sha512-mgv58UrU3rh4YgbE/TzgLQwJ3pFsHHhCLqY20aJq+9comytTXUDNGG/SMtSeMJdkpxgXSXunBGLD8Boka3JyVA==",
+      "dependencies": {
+        "@emmetio/scanner": "^1.0.4"
+      }
+    },
+    "node_modules/@emmetio/css-abbreviation": {
+      "version": "2.1.8",
+      "resolved": "https://registry.npmmirror.com/@emmetio/css-abbreviation/-/css-abbreviation-2.1.8.tgz",
+      "integrity": "sha512-s9yjhJ6saOO/uk1V74eifykk2CBYi01STTK3WlXWGOepyKa23ymJ053+DNQjpFcy1ingpaO7AxCcwLvHFY9tuw==",
+      "dependencies": {
+        "@emmetio/scanner": "^1.0.4"
+      }
+    },
+    "node_modules/@emmetio/css-parser": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmmirror.com/@emmetio/css-parser/-/css-parser-0.4.0.tgz",
+      "integrity": "sha512-z7wkxRSZgrQHXVzObGkXG+Vmj3uRlpM11oCZ9pbaz0nFejvCDmAiNDpY75+wgXOcffKpj4rzGtwGaZxfJKsJxw==",
+      "dependencies": {
+        "@emmetio/stream-reader": "^2.2.0",
+        "@emmetio/stream-reader-utils": "^0.1.0"
+      }
+    },
+    "node_modules/@emmetio/html-matcher": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/@emmetio/html-matcher/-/html-matcher-1.3.0.tgz",
+      "integrity": "sha512-NTbsvppE5eVyBMuyGfVu2CRrLvo7J4YHb6t9sBFLyY03WYhXET37qA4zOYUjBWFCRHO7pS1B9khERtY0f5JXPQ==",
+      "dependencies": {
+        "@emmetio/scanner": "^1.0.0"
+      }
+    },
+    "node_modules/@emmetio/scanner": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmmirror.com/@emmetio/scanner/-/scanner-1.0.4.tgz",
+      "integrity": "sha512-IqRuJtQff7YHHBk4G8YZ45uB9BaAGcwQeVzgj/zj8/UdOhtQpEIupUhSk8dys6spFIWVZVeK20CzGEnqR5SbqA=="
+    },
+    "node_modules/@emmetio/stream-reader": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmmirror.com/@emmetio/stream-reader/-/stream-reader-2.2.0.tgz",
+      "integrity": "sha512-fXVXEyFA5Yv3M3n8sUGT7+fvecGrZP4k6FnWWMSZVQf69kAq0LLpaBQLGcPR30m3zMmKYhECP4k/ZkzvhEW5kw=="
+    },
+    "node_modules/@emmetio/stream-reader-utils": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmmirror.com/@emmetio/stream-reader-utils/-/stream-reader-utils-0.1.0.tgz",
+      "integrity": "sha512-ZsZ2I9Vzso3Ho/pjZFsmmZ++FWeEd/txqybHTm4OgaZzdS8V9V/YYWQwg5TC38Z7uLWUV1vavpLLbjJtKubR1A=="
+    },
+    "node_modules/@johnsoncodehk/pug-beautify": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmmirror.com/@johnsoncodehk/pug-beautify/-/pug-beautify-0.2.2.tgz",
+      "integrity": "sha512-qqNS/YD0Nck5wtQLCPHAfGVgWbbGafxSPjNh0ekYPFSNNqnDH2kamnduzYly8IiADmeVx/MfAE1njMEjVeHTMA=="
+    },
     "node_modules/@jridgewell/sourcemap-codec": {
       "version": "1.5.0",
       "resolved": "https://registry.npmmirror.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
       "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==",
       "peer": true
     },
+    "node_modules/@volar/language-core": {
+      "version": "2.4.0-alpha.18",
+      "resolved": "https://registry.npmmirror.com/@volar/language-core/-/language-core-2.4.0-alpha.18.tgz",
+      "integrity": "sha512-JAYeJvYQQROmVRtSBIczaPjP3DX4QW1fOqW1Ebs0d3Y3EwSNRglz03dSv0Dm61dzd0Yx3WgTW3hndDnTQqgmyg==",
+      "dependencies": {
+        "@volar/source-map": "2.4.0-alpha.18"
+      }
+    },
+    "node_modules/@volar/language-server": {
+      "version": "2.4.0-alpha.18",
+      "resolved": "https://registry.npmmirror.com/@volar/language-server/-/language-server-2.4.0-alpha.18.tgz",
+      "integrity": "sha512-dciHEE/R5kzI0bY71QfkoCVQ3cQI6g9MHfA4oIP6UhnJy0CdleUalWSygOXoD3Nq7Yk6wn2BRrb1PP5MsadY/Q==",
+      "dependencies": {
+        "@volar/language-core": "2.4.0-alpha.18",
+        "@volar/language-service": "2.4.0-alpha.18",
+        "@volar/snapshot-document": "2.4.0-alpha.18",
+        "@volar/typescript": "2.4.0-alpha.18",
+        "path-browserify": "^1.0.1",
+        "request-light": "^0.7.0",
+        "vscode-languageserver": "^9.0.1",
+        "vscode-languageserver-protocol": "^3.17.5",
+        "vscode-languageserver-textdocument": "^1.0.11",
+        "vscode-uri": "^3.0.8"
+      }
+    },
+    "node_modules/@volar/language-service": {
+      "version": "2.4.0-alpha.18",
+      "resolved": "https://registry.npmmirror.com/@volar/language-service/-/language-service-2.4.0-alpha.18.tgz",
+      "integrity": "sha512-EuetrtbEtudi9buinWAG5U3Jam5dY27zXd/7GYnx542kBwanWOBM8i4DAQd0z7M11fOxXgybxPA933uaSyaOog==",
+      "dependencies": {
+        "@volar/language-core": "2.4.0-alpha.18",
+        "vscode-languageserver-protocol": "^3.17.5",
+        "vscode-languageserver-textdocument": "^1.0.11",
+        "vscode-uri": "^3.0.8"
+      }
+    },
+    "node_modules/@volar/snapshot-document": {
+      "version": "2.4.0-alpha.18",
+      "resolved": "https://registry.npmmirror.com/@volar/snapshot-document/-/snapshot-document-2.4.0-alpha.18.tgz",
+      "integrity": "sha512-JAeclEly/wnILhR4Pu9MpgBLInZJH49O1zoy8fU+pk5I+zpv7JIEby5z2UFAS60+sIDnxBdAGd7rZ5VibE70vg==",
+      "dependencies": {
+        "vscode-languageserver-protocol": "^3.17.5",
+        "vscode-languageserver-textdocument": "^1.0.11"
+      }
+    },
+    "node_modules/@volar/source-map": {
+      "version": "2.4.0-alpha.18",
+      "resolved": "https://registry.npmmirror.com/@volar/source-map/-/source-map-2.4.0-alpha.18.tgz",
+      "integrity": "sha512-MTeCV9MUwwsH0sNFiZwKtFrrVZUK6p8ioZs3xFzHc2cvDXHWlYN3bChdQtwKX+FY2HG6H3CfAu1pKijolzIQ8g=="
+    },
+    "node_modules/@volar/typescript": {
+      "version": "2.4.0-alpha.18",
+      "resolved": "https://registry.npmmirror.com/@volar/typescript/-/typescript-2.4.0-alpha.18.tgz",
+      "integrity": "sha512-sXh5Y8sqGUkgxpMWUGvRXggxYHAVxg0Pa1C42lQZuPDrW6vHJPR0VCK8Sr7WJsAW530HuNQT/ZIskmXtxjybMQ==",
+      "dependencies": {
+        "@volar/language-core": "2.4.0-alpha.18",
+        "path-browserify": "^1.0.1",
+        "vscode-uri": "^3.0.8"
+      }
+    },
+    "node_modules/@vscode/emmet-helper": {
+      "version": "2.9.3",
+      "resolved": "https://registry.npmmirror.com/@vscode/emmet-helper/-/emmet-helper-2.9.3.tgz",
+      "integrity": "sha512-rB39LHWWPQYYlYfpv9qCoZOVioPCftKXXqrsyqN1mTWZM6dTnONT63Db+03vgrBbHzJN45IrgS/AGxw9iiqfEw==",
+      "dependencies": {
+        "emmet": "^2.4.3",
+        "jsonc-parser": "^2.3.0",
+        "vscode-languageserver-textdocument": "^1.0.1",
+        "vscode-languageserver-types": "^3.15.1",
+        "vscode-uri": "^2.1.2"
+      }
+    },
+    "node_modules/@vscode/emmet-helper/node_modules/vscode-uri": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmmirror.com/vscode-uri/-/vscode-uri-2.1.2.tgz",
+      "integrity": "sha512-8TEXQxlldWAuIODdukIb+TR5s+9Ds40eSJrw+1iDDA9IFORPjMELarNQE3myz5XIkWWpdprmJjm1/SxMlWOC8A=="
+    },
+    "node_modules/@vscode/l10n": {
+      "version": "0.0.18",
+      "resolved": "https://registry.npmmirror.com/@vscode/l10n/-/l10n-0.0.18.tgz",
+      "integrity": "sha512-KYSIHVmslkaCDyw013pphY+d7x1qV8IZupYfeIfzNA+nsaWHbn5uPuQRvdRFsa9zFzGeudPuoGoZ1Op4jrJXIQ=="
+    },
     "node_modules/@vue/compiler-core": {
       "version": "3.5.12",
       "resolved": "https://registry.npmmirror.com/@vue/compiler-core/-/compiler-core-3.5.12.tgz",
       "integrity": "sha512-ISyBTRMmMYagUxhcpyEH0hpXRd/KqDU4ymofPgl2XAkY9ZhQ+h0ovEZJIiPop13UmR/54oA2cgMDjgroRelaEw==",
-      "peer": true,
       "dependencies": {
         "@babel/parser": "^7.25.3",
         "@vue/shared": "3.5.12",
@@ -78,7 +210,6 @@
       "version": "3.5.12",
       "resolved": "https://registry.npmmirror.com/@vue/compiler-dom/-/compiler-dom-3.5.12.tgz",
       "integrity": "sha512-9G6PbJ03uwxLHKQ3P42cMTi85lDRvGLB2rSGOiQqtXELat6uI4n8cNz9yjfVHRPIu+MsK6TE418Giruvgptckg==",
-      "peer": true,
       "dependencies": {
         "@vue/compiler-core": "3.5.12",
         "@vue/shared": "3.5.12"
@@ -111,6 +242,73 @@
         "@vue/shared": "3.5.12"
       }
     },
+    "node_modules/@vue/language-core": {
+      "version": "2.0.28",
+      "resolved": "https://registry.npmmirror.com/@vue/language-core/-/language-core-2.0.28.tgz",
+      "integrity": "sha512-0z4tyCCaqqPbdyz0T4yTFQeLpCo4TOM/ZHAC3geGLHeCiFAjVbROB9PiEtrXR1AoLObqUPFHSmKZeWtEMssSqw==",
+      "dependencies": {
+        "@volar/language-core": "~2.4.0-alpha.18",
+        "@vue/compiler-dom": "^3.4.0",
+        "@vue/shared": "^3.4.0",
+        "computeds": "^0.0.1",
+        "minimatch": "^9.0.3",
+        "muggle-string": "^0.4.1",
+        "path-browserify": "^1.0.1",
+        "vue-template-compiler": "^2.7.14"
+      },
+      "peerDependencies": {
+        "typescript": "*"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vue/language-server": {
+      "version": "2.0.28",
+      "resolved": "https://registry.npmmirror.com/@vue/language-server/-/language-server-2.0.28.tgz",
+      "integrity": "sha512-V5c54qz3+Udbxhb7FqcwiLcSzdy1LZLUDA6awd8/CjGhx6gb5FhXq4DjvqS71WkR8F/u+J+6pUw56JlzFyj5fg==",
+      "dependencies": {
+        "@volar/language-core": "~2.4.0-alpha.18",
+        "@volar/language-server": "~2.4.0-alpha.18",
+        "@vue/language-core": "2.0.28",
+        "@vue/language-service": "2.0.28",
+        "@vue/typescript-plugin": "2.0.28",
+        "vscode-languageserver-protocol": "^3.17.5",
+        "vscode-uri": "^3.0.8"
+      },
+      "bin": {
+        "vue-language-server": "bin/vue-language-server.js"
+      }
+    },
+    "node_modules/@vue/language-service": {
+      "version": "2.0.28",
+      "resolved": "https://registry.npmmirror.com/@vue/language-service/-/language-service-2.0.28.tgz",
+      "integrity": "sha512-DN0RhYZ6wcrzrYLnHBmRbo8XOFYqBqj60QKq5/7BS1zEQlSXoNJbT+8IqB/OdUFAHKLiV45tvfjCyr3CY0mK3g==",
+      "dependencies": {
+        "@volar/language-core": "~2.4.0-alpha.18",
+        "@volar/language-service": "~2.4.0-alpha.18",
+        "@volar/typescript": "~2.4.0-alpha.18",
+        "@vue/compiler-dom": "^3.4.0",
+        "@vue/language-core": "2.0.28",
+        "@vue/shared": "^3.4.0",
+        "@vue/typescript-plugin": "2.0.28",
+        "computeds": "^0.0.1",
+        "path-browserify": "^1.0.1",
+        "volar-service-css": "0.0.59",
+        "volar-service-emmet": "0.0.59",
+        "volar-service-html": "0.0.59",
+        "volar-service-json": "0.0.59",
+        "volar-service-pug": "0.0.59",
+        "volar-service-pug-beautify": "0.0.59",
+        "volar-service-typescript": "0.0.59",
+        "volar-service-typescript-twoslash-queries": "0.0.59",
+        "vscode-html-languageservice": "^5.2.0",
+        "vscode-languageserver-textdocument": "^1.0.11",
+        "vscode-uri": "^3.0.8"
+      }
+    },
     "node_modules/@vue/reactivity": {
       "version": "3.5.12",
       "resolved": "https://registry.npmmirror.com/@vue/reactivity/-/reactivity-3.5.12.tgz",
@@ -158,8 +356,28 @@
     "node_modules/@vue/shared": {
       "version": "3.5.12",
       "resolved": "https://registry.npmmirror.com/@vue/shared/-/shared-3.5.12.tgz",
-      "integrity": "sha512-L2RPSAwUFbgZH20etwrXyVyCBu9OxRSi8T/38QsvnkJyvq2LufW2lDCOzm7t/U9C1mkhJGWYfCuFBCmIuNivrg==",
+      "integrity": "sha512-L2RPSAwUFbgZH20etwrXyVyCBu9OxRSi8T/38QsvnkJyvq2LufW2lDCOzm7t/U9C1mkhJGWYfCuFBCmIuNivrg=="
-      "peer": true
+    },
+    "node_modules/@vue/typescript-plugin": {
+      "version": "2.0.28",
+      "resolved": "https://registry.npmmirror.com/@vue/typescript-plugin/-/typescript-plugin-2.0.28.tgz",
+      "integrity": "sha512-/NQP5reqT7WtfI3+GBKeDF6yLeHQM8Wl0VQMXOz0rpi4cirvUg/E8XNrLnLgHot2VzXfm23DoTJCEBgfYGmOUQ==",
+      "dependencies": {
+        "@volar/typescript": "~2.4.0-alpha.18",
+        "@vue/language-core": "2.0.28",
+        "@vue/shared": "^3.4.0"
+      }
+    },
+    "node_modules/acorn": {
+      "version": "7.4.1",
+      "resolved": "https://registry.npmmirror.com/acorn/-/acorn-7.4.1.tgz",
+      "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
     },
     "node_modules/ag-charts-community": {
       "version": "10.3.1",
@@ -192,6 +410,50 @@
         "vue": "^3.0.0"
       }
     },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
+    },
+    "node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/call-bind": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmmirror.com/call-bind/-/call-bind-1.0.7.tgz",
+      "integrity": "sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==",
+      "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "set-function-length": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/character-parser": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmmirror.com/character-parser/-/character-parser-2.2.0.tgz",
+      "integrity": "sha512-+UqJQjFEFaTAs3bNsF2j2kEN1baG/zghZbdqoYEDxGZtJo9LBzl1A+m0D4n3qKx8N2FNv8/Xp6yV9mQmBuptaw==",
+      "dependencies": {
+        "is-regex": "^1.0.3"
+      }
+    },
+    "node_modules/computeds": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmmirror.com/computeds/-/computeds-0.0.1.tgz",
+      "integrity": "sha512-7CEBgcMjVmitjYo5q8JTJVra6X5mQ20uTThdK+0kR7UEaDrAWEQcRiBtWJzga4eRpP6afNwwLsX2SET2JhVB1Q=="
+    },
     "node_modules/csstype": {
       "version": "3.1.3",
       "resolved": "https://registry.npmmirror.com/csstype/-/csstype-3.1.3.tgz",
@@ -203,11 +465,46 @@
       "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.12.tgz",
       "integrity": "sha512-Rt2g+nTbLlDWZTwwrIXjy9MeiZmSDI375FvZs72ngxx8PDC6YXOeR3q5LAuPzjZQxhiWdRKac7RKV+YyQYfYIg=="
     },
+    "node_modules/de-indent": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/de-indent/-/de-indent-1.0.2.tgz",
+      "integrity": "sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg=="
+    },
+    "node_modules/define-data-property": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmmirror.com/define-data-property/-/define-data-property-1.1.4.tgz",
+      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
+      "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/emmet": {
+      "version": "2.4.11",
+      "resolved": "https://registry.npmmirror.com/emmet/-/emmet-2.4.11.tgz",
+      "integrity": "sha512-23QPJB3moh/U9sT4rQzGgeyyGIrcM+GH5uVYg2C6wZIxAIJq7Ng3QLT79tl8FUwDXhyq9SusfknOrofAKqvgyQ==",
+      "workspaces": [
+        "./packages/scanner",
+        "./packages/abbreviation",
+        "./packages/css-abbreviation",
+        "./"
+      ],
+      "dependencies": {
+        "@emmetio/abbreviation": "^2.3.3",
+        "@emmetio/css-abbreviation": "^2.1.8"
+      }
+    },
     "node_modules/entities": {
       "version": "4.5.0",
       "resolved": "https://registry.npmmirror.com/entities/-/entities-4.5.0.tgz",
       "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
-      "peer": true,
       "engines": {
         "node": ">=0.12"
       },
@@ -215,11 +512,161 @@
         "url": "https://github.com/fb55/entities?sponsor=1"
       }
     },
+    "node_modules/es-define-property": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/es-define-property/-/es-define-property-1.0.0.tgz",
+      "integrity": "sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==",
+      "dependencies": {
+        "get-intrinsic": "^1.2.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/estree-walker": {
       "version": "2.0.2",
       "resolved": "https://registry.npmmirror.com/estree-walker/-/estree-walker-2.0.2.tgz",
-      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
-      "peer": true
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmmirror.com/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmmirror.com/get-intrinsic/-/get-intrinsic-1.2.4.tgz",
+      "integrity": "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3",
+        "hasown": "^2.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/gopd/-/gopd-1.0.1.tgz",
+      "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
+      "dependencies": {
+        "get-intrinsic": "^1.1.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
+      "dependencies": {
+        "es-define-property": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-proto": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmmirror.com/has-proto/-/has-proto-1.0.3.tgz",
+      "integrity": "sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmmirror.com/has-symbols/-/has-symbols-1.0.3.tgz",
+      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmmirror.com/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/he": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmmirror.com/he/-/he-1.2.0.tgz",
+      "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
+      "bin": {
+        "he": "bin/he"
+      }
+    },
+    "node_modules/is-expression": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/is-expression/-/is-expression-4.0.0.tgz",
+      "integrity": "sha512-zMIXX63sxzG3XrkHkrAPvm/OVZVSCPNkwMHU8oTX7/U3AL78I0QXCEICXUM13BIa8TYGZ68PiTKfQz3yaTNr4A==",
+      "dependencies": {
+        "acorn": "^7.1.1",
+        "object-assign": "^4.1.1"
+      }
+    },
+    "node_modules/is-regex": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmmirror.com/is-regex/-/is-regex-1.1.4.tgz",
+      "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/jsonc-parser": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmmirror.com/jsonc-parser/-/jsonc-parser-2.3.1.tgz",
+      "integrity": "sha512-H8jvkz1O50L3dMZCsLqiuB2tA7muqbSg1AtGEkN0leAqGjsUzDJir3Zwr02BhqdcITPg3ei3mZ+HjMocAknhhg=="
     },
     "node_modules/magic-string": {
       "version": "0.30.12",
@@ -230,6 +677,25 @@
         "@jridgewell/sourcemap-codec": "^1.5.0"
       }
     },
+    "node_modules/minimatch": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmmirror.com/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/muggle-string": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmmirror.com/muggle-string/-/muggle-string-0.4.1.tgz",
+      "integrity": "sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ=="
+    },
     "node_modules/nanoid": {
       "version": "3.3.7",
       "resolved": "https://registry.npmmirror.com/nanoid/-/nanoid-3.3.7.tgz",
@@ -248,6 +714,19 @@
         "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
       }
     },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmmirror.com/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/path-browserify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/path-browserify/-/path-browserify-1.0.1.tgz",
+      "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g=="
+    },
     "node_modules/picocolors": {
       "version": "1.1.1",
       "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-1.1.1.tgz",
@@ -282,15 +761,309 @@
         "node": "^10 || ^12 || >=14"
       }
     },
+    "node_modules/pug-error": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/pug-error/-/pug-error-2.1.0.tgz",
+      "integrity": "sha512-lv7sU9e5Jk8IeUheHata6/UThZ7RK2jnaaNztxfPYUY+VxZyk/ePVaNZ/vwmH8WqGvDz3LrNYt/+gA55NDg6Pg=="
+    },
+    "node_modules/pug-lexer": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmmirror.com/pug-lexer/-/pug-lexer-5.0.1.tgz",
+      "integrity": "sha512-0I6C62+keXlZPZkOJeVam9aBLVP2EnbeDw3An+k0/QlqdwH6rv8284nko14Na7c0TtqtogfWXcRoFE4O4Ff20w==",
+      "dependencies": {
+        "character-parser": "^2.2.0",
+        "is-expression": "^4.0.0",
+        "pug-error": "^2.0.0"
+      }
+    },
+    "node_modules/pug-parser": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmmirror.com/pug-parser/-/pug-parser-6.0.0.tgz",
+      "integrity": "sha512-ukiYM/9cH6Cml+AOl5kETtM9NR3WulyVP2y4HOU45DyMim1IeP/OOiyEWRr6qk5I5klpsBnbuHpwKmTx6WURnw==",
+      "dependencies": {
+        "pug-error": "^2.0.0",
+        "token-stream": "1.0.0"
+      }
+    },
+    "node_modules/request-light": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmmirror.com/request-light/-/request-light-0.7.0.tgz",
+      "integrity": "sha512-lMbBMrDoxgsyO+yB3sDcrDuX85yYt7sS8BfQd11jtbW/z5ZWgLZRcEGLsLoYw7I0WSUGQBs8CC8ScIxkTX1+6Q=="
+    },
+    "node_modules/semver": {
+      "version": "7.6.3",
+      "resolved": "https://registry.npmmirror.com/semver/-/semver-7.6.3.tgz",
+      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/set-function-length": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmmirror.com/set-function-length/-/set-function-length-1.2.2.tgz",
+      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/source-map-js": {
       "version": "1.2.1",
       "resolved": "https://registry.npmmirror.com/source-map-js/-/source-map-js-1.2.1.tgz",
       "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
-      "peer": true,
       "engines": {
         "node": ">=0.10.0"
       }
     },
+    "node_modules/token-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/token-stream/-/token-stream-1.0.0.tgz",
+      "integrity": "sha512-VSsyNPPW74RpHwR8Fc21uubwHY7wMDeJLys2IX5zJNih+OnAnaifKHo+1LHT7DAdloQ7apeaaWg8l7qnf/TnEg=="
+    },
+    "node_modules/typescript-auto-import-cache": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmmirror.com/typescript-auto-import-cache/-/typescript-auto-import-cache-0.3.5.tgz",
+      "integrity": "sha512-fAIveQKsoYj55CozUiBoj4b/7WpN0i4o74wiGY5JVUEoD0XiqDk1tJqTEjgzL2/AizKQrXxyRosSebyDzBZKjw==",
+      "dependencies": {
+        "semver": "^7.3.8"
+      }
+    },
+    "node_modules/volar-service-css": {
+      "version": "0.0.59",
+      "resolved": "https://registry.npmmirror.com/volar-service-css/-/volar-service-css-0.0.59.tgz",
+      "integrity": "sha512-gLNjJnECbalPvQB7qeJjhkDN8sR5M3ItbVYjnyio61aHaWptIiXm/HfDahcQ2ApwmvWidkMWWegjGq5L0BENDA==",
+      "dependencies": {
+        "vscode-css-languageservice": "^6.3.0",
+        "vscode-languageserver-textdocument": "^1.0.11",
+        "vscode-uri": "^3.0.8"
+      },
+      "peerDependencies": {
+        "@volar/language-service": "~2.4.0-alpha.12"
+      },
+      "peerDependenciesMeta": {
+        "@volar/language-service": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/volar-service-emmet": {
+      "version": "0.0.59",
+      "resolved": "https://registry.npmmirror.com/volar-service-emmet/-/volar-service-emmet-0.0.59.tgz",
+      "integrity": "sha512-6EynHcuMwMBETpK29TbZvIMmvzdVG+Tkokk9VWfZeI+SwDptk2tgdhEqiXXvIkqYNgbuu73Itp66lpH76cAU+Q==",
+      "dependencies": {
+        "@emmetio/css-parser": "^0.4.0",
+        "@emmetio/html-matcher": "^1.3.0",
+        "@vscode/emmet-helper": "^2.9.3",
+        "vscode-uri": "^3.0.8"
+      },
+      "peerDependencies": {
+        "@volar/language-service": "~2.4.0-alpha.12"
+      },
+      "peerDependenciesMeta": {
+        "@volar/language-service": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/volar-service-html": {
+      "version": "0.0.59",
+      "resolved": "https://registry.npmmirror.com/volar-service-html/-/volar-service-html-0.0.59.tgz",
+      "integrity": "sha512-hEXOsYpILDlITZxnqRLV9OepVWD63GZBsyjMxszwdzlxvGZjzbGcBBinJGGJRwFIV8djdJwnt91bkdg1V5tj6Q==",
+      "dependencies": {
+        "vscode-html-languageservice": "^5.3.0",
+        "vscode-languageserver-textdocument": "^1.0.11",
+        "vscode-uri": "^3.0.8"
+      },
+      "peerDependencies": {
+        "@volar/language-service": "~2.4.0-alpha.12"
+      },
+      "peerDependenciesMeta": {
+        "@volar/language-service": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/volar-service-json": {
+      "version": "0.0.59",
+      "resolved": "https://registry.npmmirror.com/volar-service-json/-/volar-service-json-0.0.59.tgz",
+      "integrity": "sha512-LfDOQhCvUpDBjA6CP9EogO0dn1yEFbInvV3Yk4OsEdyxwWUEYPLVjDacPlVUYcjCIKQN6NcTOWbVwpg4vYjw6A==",
+      "dependencies": {
+        "vscode-json-languageservice": "^5.4.0",
+        "vscode-uri": "^3.0.8"
+      },
+      "peerDependencies": {
+        "@volar/language-service": "~2.4.0-alpha.12"
+      },
+      "peerDependenciesMeta": {
+        "@volar/language-service": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/volar-service-pug": {
+      "version": "0.0.59",
+      "resolved": "https://registry.npmmirror.com/volar-service-pug/-/volar-service-pug-0.0.59.tgz",
+      "integrity": "sha512-kmch7yoqeGNlJuDzpw/YL2b89ilzBmWDd0lJbpG412/RXc3PJVA4usUK+SQHdVoF+qi5IcZL6IDxlvRiIrDgWg==",
+      "dependencies": {
+        "@volar/language-service": "~2.4.0-alpha.12",
+        "muggle-string": "^0.4.1",
+        "pug-lexer": "^5.0.1",
+        "pug-parser": "^6.0.0",
+        "volar-service-html": "0.0.59",
+        "vscode-html-languageservice": "^5.3.0",
+        "vscode-languageserver-textdocument": "^1.0.11"
+      }
+    },
+    "node_modules/volar-service-pug-beautify": {
+      "version": "0.0.59",
+      "resolved": "https://registry.npmmirror.com/volar-service-pug-beautify/-/volar-service-pug-beautify-0.0.59.tgz",
+      "integrity": "sha512-SCLWHpBdgvWww3a9Vp8FX80ookozhnHx10gkKBTYW4wp7/rzEoVAPSyO7JKBwTdXmdKQv7YXfxLMVUGv0sYUKg==",
+      "dependencies": {
+        "@johnsoncodehk/pug-beautify": "^0.2.2"
+      },
+      "peerDependencies": {
+        "@volar/language-service": "~2.4.0-alpha.12"
+      },
+      "peerDependenciesMeta": {
+        "@volar/language-service": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/volar-service-typescript": {
+      "version": "0.0.59",
+      "resolved": "https://registry.npmmirror.com/volar-service-typescript/-/volar-service-typescript-0.0.59.tgz",
+      "integrity": "sha512-VCOpfiu+lUo5lapWLB5L5vmQGtwzmNWn5MueV915eku7blpphmE+Z7hCNcL1NApn7AetXWhiblv8ZhmUx/dGIA==",
+      "dependencies": {
+        "path-browserify": "^1.0.1",
+        "semver": "^7.6.2",
+        "typescript-auto-import-cache": "^0.3.3",
+        "vscode-languageserver-textdocument": "^1.0.11",
+        "vscode-nls": "^5.2.0",
+        "vscode-uri": "^3.0.8"
+      },
+      "peerDependencies": {
+        "@volar/language-service": "~2.4.0-alpha.12"
+      },
+      "peerDependenciesMeta": {
+        "@volar/language-service": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/volar-service-typescript-twoslash-queries": {
+      "version": "0.0.59",
+      "resolved": "https://registry.npmmirror.com/volar-service-typescript-twoslash-queries/-/volar-service-typescript-twoslash-queries-0.0.59.tgz",
+      "integrity": "sha512-skm8e6yhCIkqLwJB6S9MqT5lO9LNFuMD3dYxKpmOZs1CKbXmCZZTmLfEaD5VkJae1xdleEDZFFTHl2O5HLjOGQ==",
+      "dependencies": {
+        "vscode-uri": "^3.0.8"
+      },
+      "peerDependencies": {
+        "@volar/language-service": "~2.4.0-alpha.12"
+      },
+      "peerDependenciesMeta": {
+        "@volar/language-service": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vscode-css-languageservice": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmmirror.com/vscode-css-languageservice/-/vscode-css-languageservice-6.3.1.tgz",
+      "integrity": "sha512-1BzTBuJfwMc3A0uX4JBdJgoxp74cjj4q2mDJdp49yD/GuAq4X0k5WtK6fNcMYr+FfJ9nqgR6lpfCSZDkARJ5qQ==",
+      "dependencies": {
+        "@vscode/l10n": "^0.0.18",
+        "vscode-languageserver-textdocument": "^1.0.12",
+        "vscode-languageserver-types": "3.17.5",
+        "vscode-uri": "^3.0.8"
+      }
+    },
+    "node_modules/vscode-html-languageservice": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmmirror.com/vscode-html-languageservice/-/vscode-html-languageservice-5.3.1.tgz",
+      "integrity": "sha512-ysUh4hFeW/WOWz/TO9gm08xigiSsV/FOAZ+DolgJfeLftna54YdmZ4A+lIn46RbdO3/Qv5QHTn1ZGqmrXQhZyA==",
+      "dependencies": {
+        "@vscode/l10n": "^0.0.18",
+        "vscode-languageserver-textdocument": "^1.0.12",
+        "vscode-languageserver-types": "^3.17.5",
+        "vscode-uri": "^3.0.8"
+      }
+    },
+    "node_modules/vscode-json-languageservice": {
+      "version": "5.4.1",
+      "resolved": "https://registry.npmmirror.com/vscode-json-languageservice/-/vscode-json-languageservice-5.4.1.tgz",
+      "integrity": "sha512-5czFGNyVPxz3ZJYl8R3a3SuIj5gjhmGF4Wv05MRPvD4DEnHK6b8km4VbNMJNHBlTCh7A0aHzUbPVzo+0C18mCA==",
+      "dependencies": {
+        "@vscode/l10n": "^0.0.18",
+        "jsonc-parser": "^3.3.1",
+        "vscode-languageserver-textdocument": "^1.0.12",
+        "vscode-languageserver-types": "^3.17.5",
+        "vscode-uri": "^3.0.8"
+      }
+    },
+    "node_modules/vscode-json-languageservice/node_modules/jsonc-parser": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmmirror.com/jsonc-parser/-/jsonc-parser-3.3.1.tgz",
+      "integrity": "sha512-HUgH65KyejrUFPvHFPbqOY0rsFip3Bo5wb4ngvdi1EpCYWUQDC5V+Y7mZws+DLkr4M//zQJoanu1SP+87Dv1oQ=="
+    },
+    "node_modules/vscode-jsonrpc": {
+      "version": "8.2.0",
+      "resolved": "https://registry.npmmirror.com/vscode-jsonrpc/-/vscode-jsonrpc-8.2.0.tgz",
+      "integrity": "sha512-C+r0eKJUIfiDIfwJhria30+TYWPtuHJXHtI7J0YlOmKAo7ogxP20T0zxB7HZQIFhIyvoBPwWskjxrvAtfjyZfA==",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/vscode-languageserver": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmmirror.com/vscode-languageserver/-/vscode-languageserver-9.0.1.tgz",
+      "integrity": "sha512-woByF3PDpkHFUreUa7Hos7+pUWdeWMXRd26+ZX2A8cFx6v/JPTtd4/uN0/jB6XQHYaOlHbio03NTHCqrgG5n7g==",
+      "dependencies": {
+        "vscode-languageserver-protocol": "3.17.5"
+      },
+      "bin": {
+        "installServerIntoExtension": "bin/installServerIntoExtension"
+      }
+    },
+    "node_modules/vscode-languageserver-protocol": {
+      "version": "3.17.5",
+      "resolved": "https://registry.npmmirror.com/vscode-languageserver-protocol/-/vscode-languageserver-protocol-3.17.5.tgz",
+      "integrity": "sha512-mb1bvRJN8SVznADSGWM9u/b07H7Ecg0I3OgXDuLdn307rl/J3A9YD6/eYOssqhecL27hK1IPZAsaqh00i/Jljg==",
+      "dependencies": {
+        "vscode-jsonrpc": "8.2.0",
+        "vscode-languageserver-types": "3.17.5"
+      }
+    },
+    "node_modules/vscode-languageserver-textdocument": {
+      "version": "1.0.12",
+      "resolved": "https://registry.npmmirror.com/vscode-languageserver-textdocument/-/vscode-languageserver-textdocument-1.0.12.tgz",
+      "integrity": "sha512-cxWNPesCnQCcMPeenjKKsOCKQZ/L6Tv19DTRIGuLWe32lyzWhihGVJ/rcckZXJxfdKCFvRLS3fpBIsV/ZGX4zA=="
+    },
+    "node_modules/vscode-languageserver-types": {
+      "version": "3.17.5",
+      "resolved": "https://registry.npmmirror.com/vscode-languageserver-types/-/vscode-languageserver-types-3.17.5.tgz",
+      "integrity": "sha512-Ld1VelNuX9pdF39h2Hgaeb5hEZM2Z3jUrrMgWQAu82jMtZp7p3vJT3BzToKtZI7NgQssZje5o0zryOrhQvzQAg=="
+    },
+    "node_modules/vscode-nls": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmmirror.com/vscode-nls/-/vscode-nls-5.2.0.tgz",
+      "integrity": "sha512-RAaHx7B14ZU04EU31pT+rKz2/zSl7xMsfIZuo8pd+KZO6PXtQmpevpq3vxvWNcrGbdmhM/rr5Uw5Mz+NBfhVng=="
+    },
+    "node_modules/vscode-uri": {
+      "version": "3.0.8",
+      "resolved": "https://registry.npmmirror.com/vscode-uri/-/vscode-uri-3.0.8.tgz",
+      "integrity": "sha512-AyFQ0EVmsOZOlAnxoFOGOq1SQDWAB7C6aqMGS23svWAllfOaxbuFvcT8D1i8z3Gyn8fraVeZNNmN6e9bxxXkKw=="
+    },
     "node_modules/vue": {
       "version": "3.5.12",
       "resolved": "https://registry.npmmirror.com/vue/-/vue-3.5.12.tgz",
@@ -311,6 +1084,15 @@
           "optional": true
         }
       }
+    },
+    "node_modules/vue-template-compiler": {
+      "version": "2.7.16",
+      "resolved": "https://registry.npmmirror.com/vue-template-compiler/-/vue-template-compiler-2.7.16.tgz",
+      "integrity": "sha512-AYbUWAJHLGGQM7+cNTELw+KsOG9nl2CnSv467WobS5Cv9uk3wFcnr1Etsz2sEIHEZvw1U+o9mRlEO6QbZvUPGQ==",
+      "dependencies": {
+        "de-indent": "^1.0.2",
+        "he": "^1.2.0"
+      }
     }
   }
 }

package.json

@@ -1,5 +1,7 @@
 {
   "dependencies": {
+    "@volar/language-server": "2.4.0-alpha.18",
+    "@vue/language-server": "2.0.28",
     "ag-charts-vue3": "^10.3.1",
     "dayjs": "^1.11.12"
   }

src/static/app/src/components/configurationComponents/backupRestoreComponents/backup.vue

@@ -4,6 +4,7 @@ import {computed, ref} from "vue";
 import {fetchPost} from "@/utilities/fetch.js";
 import {useRoute} from "vue-router";
 import {DashboardConfigurationStore} from "@/stores/DashboardConfigurationStore.js";
+import LocaleText from "@/components/text/localeText.vue";
 const props = defineProps(["b", "delay"])
 const deleteConfirmation = ref(false)
 const restoreConfirmation = ref(false)
@@ -59,18 +60,20 @@ const showContent = ref(false);
 					v-if="deleteConfirmation"
 					class="position-absolute w-100 h-100 confirmationContainer start-0 top-0 rounded-3 d-flex p-2">
 					<div class="m-auto">
-						<h5>Are you sure to delete this backup?</h5>
+						<h5>
+							<LocaleText t="Are you sure to delete this backup?"></LocaleText>
+						</h5>
 						<div class="d-flex gap-2 align-items-center justify-content-center">
 							<button class="btn btn-danger rounded-3" 
 							        :disabled="loading"
 							        @click='deleteBackup()'>
-								Yes
+								<LocaleText t="Yes"></LocaleText>
 							</button>
 							<button
 								@click="deleteConfirmation = false"
 								:disabled="loading"
 								class="btn bg-secondary-subtle text-secondary-emphasis border-secondary-subtle rounded-3">
-								No
+								<LocaleText t="No"></LocaleText>
 							</button>
 						</div>
 					</div>
@@ -81,19 +84,21 @@ const showContent = ref(false);
 					v-if="restoreConfirmation"
 					class="position-absolute w-100 h-100 confirmationContainer start-0 top-0 rounded-3 d-flex p-2">
 					<div class="m-auto">
-						<h5>Are you sure to restore this backup?</h5>
+						<h5>
+							<LocaleText t="Are you sure to restore this backup?"></LocaleText>
+						</h5>
 						<div class="d-flex gap-2 align-items-center justify-content-center">
 							<button
 								:disabled="loading"
 								@click="restoreBackup()"
 								class="btn btn-success rounded-3">
-								Yes
+								<LocaleText t="Yes"></LocaleText>
 							</button>
 							<button
 								@click="restoreConfirmation = false"
 								:disabled="loading"
 								class="btn bg-secondary-subtle text-secondary-emphasis border-secondary-subtle rounded-3">
-								No
+								<LocaleText t="No"></LocaleText>
 							</button>
 						</div>
 					</div>
@@ -102,13 +107,13 @@ const showContent = ref(false);
 			<div class="d-flex gap-3">
 				<div class="d-flex flex-column">
 					<small class="text-muted">
-						Backup
+						<LocaleText t="Backup"></LocaleText>
 					</small>
 					<samp>{{b.filename}}</samp>
 				</div>
 				<div class="d-flex flex-column">
 					<small class="text-muted">
-						Backup Date
+						<LocaleText t="Backup Date"></LocaleText>
 					</small>
 					{{dayjs(b.backupDate, "YYYYMMDDHHmmss").format("YYYY-MM-DD HH:mm:ss")}}
 				</div>
@@ -130,7 +135,7 @@ const showContent = ref(false);
 				<a role="button" class="card-header d-flex text-decoration-none align-items-center" 
 				   :class="{'border-bottom-0': !showContent}"
 				   style="cursor: pointer" @click="showContent = !showContent">
-					<small>.conf File
+					<small>.conf <LocaleText t="File"></LocaleText>
 						</small>
 					<i class="bi bi-chevron-down ms-auto"></i>
 				</a>
@@ -144,7 +149,7 @@ const showContent = ref(false);
 			<div class="d-flex">
 				<span>
 					<i class="bi bi-database me-1"></i>
-					Database
+					<LocaleText t="Database File"></LocaleText>
 				</span>
 				<i class="bi ms-auto"
 					:class="[b.database ? 'text-success bi-check-circle-fill' : 'text-danger bi-x-circle-fill']"

src/static/app/src/components/configurationComponents/configurationBackupRestore.vue

@@ -50,7 +50,8 @@ const createBackup = () => {
 					<button 
 						@click="createBackup()"
 						class="btn bg-primary-subtle text-primary-emphasis border-primary-subtle rounded-3 w-100">
-						<i class="bi bi-plus-circle-fill me-2"></i> Create Backup
+						<i class="bi bi-plus-circle-fill me-2"></i>
+						<LocaleText t="Create Backup"></LocaleText>
 					</button>
 				</div>
 				<div class="position-relative d-flex flex-column gap-3">
@@ -65,7 +66,8 @@ const createBackup = () => {
 						     key="noBackups"
 						>
 							<div class="card-body text-center text-muted">
-								<i class="bi bi-x-circle-fill me-2"></i> No backup yet, click the button above to create backup.
+								<i class="bi bi-x-circle-fill me-2"></i>
+								<LocaleText t="No backup yet, click the button above to create backup."></LocaleText>
 							</div>
 						</div>
 						<Backup

src/static/app/src/components/configurationComponents/deleteConfiguration.vue

@@ -59,15 +59,23 @@ const emits = defineEmits(["backup"])
 				<div class="card rounded-3 shadow flex-grow-1 bg-danger-subtle border-danger-subtle" id="deleteConfigurationContainer">
 					<div class="card-header bg-transparent d-flex align-items-center gap-2 border-0 p-4 pb-0">
 						<h5 class="mb-0">
-							Are you sure to delete this configuration?
+							<LocaleText t="Are you sure to delete this configuration?"></LocaleText>
 						</h5>
 						<button type="button" class="btn-close ms-auto" @click="$emit('close')"></button>
 					</div>
-					<div class="card-body px-4">
+					<div class="card-body px-4 text-muted">
-						<p class="text-muted">
+						<p class="mb-0">
-							Once you deleted, all connected peers will get disconnected; Both configuration file 
+							<LocaleText t="Once you deleted this configuration:"></LocaleText>
-							(<code>.conf</code>) and database table related to this configuration will get deleted.
 						</p>
+						<ul>
+							<li>
+								<LocaleText t="All connected peers will get disconnected"></LocaleText>
+							</li>
+							<li>
+								<LocaleText t="Both configuration file (.conf) and database table related to this configuration will get deleted"></LocaleText>
+							</li>
+						</ul>
+						 
 						<div class="alert"
 						     :class="[loading ? 'alert-secondary' : (backups.length > 0 ? 'alert-success' : 'alert-danger')]">
 							<div v-if="loading">
@@ -80,13 +88,12 @@ const emits = defineEmits(["backup"])
 							</div>
 							<div v-else class="d-flex align-items-center gap-2">
 								<i class="bi bi-x-circle-fill me-2"></i>
-								<LocaleText t="This configuration have no backup."></LocaleText>
+								<LocaleText t="This configuration have no backup"></LocaleText>
-								
 								<a role="button" 
 								   @click="emits('backup')"
 								   class="ms-auto btn btn-sm btn-primary rounded-3">
 									<i class="bi bi-clock-history me-2"></i>
-									Backup
+									<LocaleText t="Backup"></LocaleText>
 								</a>
 								<a role="button"
 								   @click="getBackup()"
@@ -96,7 +103,9 @@ const emits = defineEmits(["backup"])
 							</div>
 						</div>
 						<hr>
-						<p>If you're sure, please type in the configuration name below and click Delete.</p>
+						<p>
+							<LocaleText t="If you're sure, please type in the configuration name below and click Delete"></LocaleText>
+						</p>
 						<input class="form-control rounded-3 mb-3" 
 						       :placeholder="configurationName"
 						       v-model="input"
@@ -105,7 +114,7 @@ const emits = defineEmits(["backup"])
 						        @click="deleteConfiguration()"
 						        :disabled="input !== configurationName || deleting">
 							<i class="bi bi-trash-fill me-2 rounded-3"></i>
-							Delete
+							<LocaleText t="Delete"></LocaleText>
 						</button>
 					</div>
 				</div>

src/static/app/src/components/configurationComponents/peerSearch.vue

@@ -219,7 +219,7 @@ export default {
 											</a>
 											<a class="list-group-item list-group-item-action d-flex text-danger fw-bold" role="button"
 											   @click="this.$emit('deleteConfiguration')">
-												<LocaleText t="Delete"></LocaleText>
+												<LocaleText t="Delete Configuration"></LocaleText>
 											</a>
 										</div>
 									</div>

src/static/app/src/components/configurationComponents/peerSettingsDropdown.vue

@@ -164,20 +164,23 @@ export default {
 			</template>
 			<template v-else>
 				<li class="confirmDelete">
-					<small style="white-space: break-spaces" class="mb-2 d-block fw-bold">Are you sure to delete this peer?</small>
+					<p style="white-space: break-spaces" class="mb-2 d-block fw-bold">
+						<LocaleText t="Are you sure to delete this peer?"></LocaleText>
+					</p>
 					<div class="d-flex w-100 gap-2">
-						<button
-							:disabled="this.deleteBtnDisabled"
-							@click="this.confirmDelete = false"
-							class="flex-grow-1 btn btn-sm bg-secondary-subtle text-secondary-emphasis border border-secondary-subtle">
-							<LocaleText t="No"></LocaleText>
-						</button>
 						<button
 							@click="this.deletePeer()"
 							:disabled="this.deleteBtnDisabled"
 							class="flex-grow-1 ms-auto btn btn-sm bg-danger">
 							<LocaleText t="Yes"></LocaleText>
 						</button>
+						<button
+							:disabled="this.deleteBtnDisabled"
+							@click="this.confirmDelete = false"
+							class="flex-grow-1 btn btn-sm bg-secondary-subtle text-secondary-emphasis border border-secondary-subtle">
+							<LocaleText t="No"></LocaleText>
+						</button>
+						
 					</div>
 				</li>
 			</template>

src/static/app/src/components/configurationComponents/selectPeers.vue

@@ -115,18 +115,20 @@ const clearDownload = () => {
 						<div class="d-flex w-100 align-items-center gap-2">
 							<div class="d-flex gap-3">
 								<a role="button"
-								   v-if="!downloadConfirmation"
+								   v-if="!downloadConfirmation && selectedPeers.length !== configurationPeers.map(x => x.id).length"
 								   @click="selectedPeers = configurationPeers.map(x => x.id)"
 								   class="text-decoration-none text-body">
 									<small>
-										<i class="bi bi-check-all me-2"></i>Select All
+										<i class="bi bi-check-all me-2"></i>
+										<LocaleText t="Select All"></LocaleText>
 									</small>
 								</a>
 								<a role="button" class="text-decoration-none text-body"
 								   @click="selectedPeers = []"
 								   v-if="selectedPeers.length > 0 && !downloadConfirmation">
 									<small>
-										<i class="bi bi-x-circle-fill me-2"></i>Clear
+										<i class="bi bi-x-circle-fill me-2"></i>
+										<LocaleText t="Clear Selection"></LocaleText>
 									</small>
 								</a>
 							</div>
@@ -143,7 +145,7 @@ const clearDownload = () => {
 					<div class="card-body px-4 flex-grow-1 d-flex gap-2 flex-column position-relative" 
 					     ref="card-body"
 					     style="overflow-y: scroll">
-						<button type="button" class="btn w-100 peerBtn text-start rounded-3"
+						<button type="button" class="btn w-100 peerBtn text-start rounded-3 d-flex align-items-center gap-3"
 						        @click="togglePeers(p.id)"
 						        :class="{active: selectedPeers.find(x => x === p.id)}"
 						        :key="p.id"
@@ -151,31 +153,28 @@ const clearDownload = () => {
 						        ref="sp"
 						        :data-id="p.id"
 						        v-for="p in searchPeers">
-							<div class="d-flex align-items-center gap-3">
 							<span v-if="!downloadConfirmation">
 									<i class="bi"
 									   :class="[ selectedPeers.find(x => x === p.id) ? 'bi-check-circle-fill':'bi-circle']"
 									></i>
 								</span>
-								<div class="d-flex flex-column">
+							<span class="d-flex flex-column">
 								<small class="fw-bold">
 									{{p.name ? p.name : "Untitled Peer"}}
 								</small>
 								<small class="text-muted">
 									<samp>{{p.id}}</samp>
 								</small>
-								</div>
+							</span>
 							<span v-if="downloadConfirmation" class="ms-auto">
-									<div class="spinner-border spinner-border-sm" role="status" 
+								<span class="spinner-border spinner-border-sm" role="status"
 								     v-if="!downloaded.success.find(x => x === p.id) && !downloaded.failed.find(x => x === p.id)">
-										<span class="visually-hidden">Loading...</span>
+								</span>
-									</div>
 								<i class="bi"
 								   v-else
 								   :class="[downloaded.failed.find(x => x === p.id) ? 'bi-x-circle-fill':'bi-check-circle-fill']"
 								></i>
 							</span>
-							</div>
 						</button>
 					</div>
 					<div class="card-footer px-4 py-3 gap-2 d-flex align-items-center">
@@ -187,7 +186,8 @@ const clearDownload = () => {
 								<i class="bi bi-download"></i>
 							</button>
 							<span v-if="selectedPeers.length > 0" class="flex-grow-1 text-center">
-								<i class="bi bi-check-circle-fill me-2"></i> {{selectedPeers.length}} Peer{{selectedPeers.length > 1 ? 's':''}}
+								<i class="bi bi-check-circle-fill me-2"></i>
+								<LocaleText :t="selectedPeers.length + ' Peer' + (selectedPeers.length > 1 ? 's':'')"></LocaleText>
 							</span>
 							<button class="btn bg-danger-subtle text-danger-emphasis border-danger-subtle ms-auto rounded-3"
 							        @click="deleteConfirmation = true"
@@ -198,16 +198,16 @@ const clearDownload = () => {
 						</template>
 						<template v-else-if="downloadConfirmation">
 							<strong v-if="downloaded.failed.length + downloaded.success.length < selectedPeers.length" class="flex-grow-1 text-center">
-								Downloading {{selectedPeers.length}} Peer{{selectedPeers.length > 1 ? 's':''}}...
+								<LocaleText t="Downloading" /> <LocaleText :t="selectedPeers.length + ' Peer' + (selectedPeers.length > 1 ? 's':'')"></LocaleText>...
 							</strong>
 							<template v-else>
 								<strong>
-									Download Finished
+									<LocaleText t="Download Finished"></LocaleText>
 								</strong>
 								<button 
 									@click="clearDownload()"
 									class="btn bg-secondary-subtle text-secondary-emphasis border border-secondary-subtle rounded-3 ms-auto">
-									Done
+									<LocaleText t="Done"></LocaleText>
 								</button>
 							</template>
 						</template>
@@ -216,16 +216,16 @@ const clearDownload = () => {
 							        :disabled="selectedPeers.length === 0 || submitting"
 							        @click="submitDelete()"
 							>
-								Yes
+								<LocaleText t="Yes"></LocaleText>
 							</button>
 							<strong v-if="selectedPeers.length > 0" class="flex-grow-1 text-center">
-								Are you sure to delete {{selectedPeers.length}} Peer{{selectedPeers.length > 1 ? 's':''}}?
+								<LocaleText t="Are you sure to delete"></LocaleText> <LocaleText :t="selectedPeers.length + ' Peer' + (selectedPeers.length > 1 ? 's':'')"></LocaleText>?
 							</strong>
 							<button class="btn bg-secondary-subtle text-secondary-emphasis border border-secondary-subtle ms-auto rounded-3"
 							        :disabled="selectedPeers.length === 0 || submitting"
 							        @click="deleteConfirmation = false"
 							>
-								No
+								<LocaleText t="No"></LocaleText>
 							</button>
 						</template>
 					</div>

src/static/app/src/components/configurationList.vue

@@ -45,6 +45,12 @@ export default {
 						<i class="bi bi-plus-circle"></i>
 					</h2>
 				</RouterLink>
+				<RouterLink to="/restore_configuration"
+				            class="btn btn-dark btn-brand p-2 shadow ms-2" style="border-radius: 100%">
+					<h2 class="mb-0" style="line-height: 0">
+						<i class="bi bi-clock-history "></i>
+					</h2>
+				</RouterLink>
 				
 			</div>
 			<TransitionGroup name="fade" tag="div" class="d-flex flex-column gap-3 mb-4">

src/static/app/src/components/restoreConfigurationComponents/backupGroup.vue

@@ -36,9 +36,7 @@ onMounted(() => {
 					</samp>
 				</h6>
 				<small class="text-muted">
-					{{backups.length}} 
+					<LocaleText :t="backups.length + (backups.length > 1 ? ' Backups':' Backup')"></LocaleText>
-					<LocaleText t="Backups" v-if="backups.length > 1"></LocaleText>
-					<LocaleText t="Backup" v-else></LocaleText>
 				</small>
 			</div>
 			<h5 class="ms-auto mb-0 dropdownIcon text-muted" :class="{active: showBackups}">

src/static/app/src/components/restoreConfigurationComponents/confirmBackup.vue

@@ -208,7 +208,7 @@ const submitRestore = async () => {
 							<LocaleText t="Invalid port."></LocaleText>
 						</li>
 						<li>
-							<LocaleText t="Port is assigned to existing WireGuard Configuration.    "></LocaleText>
+							<LocaleText t="Port is assigned to existing WireGuard Configuration."></LocaleText>
 						</li>
 					</ul>
 				</div>

src/static/app/src/views/newConfiguration.vue

@@ -138,12 +138,6 @@ export default {
 				<h2 class="mb-0">
 					<LocaleText t="New Configuration"></LocaleText>
 				</h2>
-				<RouterLink to="/restore_configuration"
-				            class="btn btn-dark btn-brand p-2 shadow ms-auto" style="border-radius: 100%">
-					<h2 class="mb-0" style="line-height: 0">
-						<i class="bi bi-clock-history"></i>
-					</h2>
-				</RouterLink>
 			</div>
 			
 			<form class="text-body d-flex flex-column gap-3"

src/static/app/src/views/restoreConfiguration.vue

@@ -19,7 +19,7 @@ const selectedConfiguration = ref("")
 	<div class="mt-5 text-body">
 		<div class="container mb-4">
 			<div class="mb-5 d-flex align-items-center gap-4">
-				<RouterLink to="/new_configuration"
+				<RouterLink to="/"
 				            class="btn btn-dark btn-brand p-2 shadow" style="border-radius: 100%">
 					<h2 class="mb-0" style="line-height: 0">
 						<i class="bi bi-arrow-left-circle"></i>

src/static/app/src/views/settings.vue

@@ -37,7 +37,21 @@ export default {
 	},
 	data(){
 		return{
-			activeTab: "WGDashboard"
+			activeTab: "WGDashboard",
+			tabs: [
+				{
+					id: "WGDashboard",
+					title: "WGDashboard Settings"
+				},
+				{
+					id: "Peers",
+					title: "Peers Settings"
+				},
+				{
+					id: "WireGuardConfiguration",
+					title: "WireGuard Configuration Settings"
+				}
+			]
 		}
 	}
 }
@@ -47,35 +61,14 @@ export default {
 	<div class="mt-md-5 mt-3 text-body mb-3">
 		<div class="container-md d-flex flex-column gap-4">
 			<div>
-				
 				<ul class="nav nav-pills nav-justified align-items-center gap-2">
-					<li class="nav-item">
+					<li class="nav-item" v-for="t in this.tabs">
 						<a class="nav-link rounded-3"
-						   @click="this.activeTab = 'WGDashboard'"
+						   @click="this.activeTab = t.id"
-						   :class="{active: this.activeTab === 'WGDashboard'}"
+						   :class="{active: this.activeTab === t.id}"
 						   role="button">
 							<h6 class="my-2">
-								WGDashboard Settings
+								<LocaleText :t="t.title"></LocaleText>
-							</h6>
-						</a>
-					</li>
-					<li class="nav-item">
-						<a class="nav-link rounded-3"
-						   @click="this.activeTab = 'Peers'"
-						   :class="{active: this.activeTab === 'Peers'}"
-						   role="button">
-							<h6 class="my-2">
-								Peers Settings
-							</h6>
-						</a>
-					</li>
-					<li class="nav-item">
-						<a class="nav-link rounded-3" 
-						   @click="this.activeTab = 'WireGuardConfiguration'"
-						   :class="{active: this.activeTab === 'WireGuardConfiguration'}"
-						   role="button">
-							<h6 class="my-2">
-								WireGuard Configuration Settings
 							</h6>
 						</a>
 					</li>

src/static/locale/zh-CN.json

@@ -250,8 +250,8 @@
 	"Selected Backup": "已选择备份",
 	"You don't have any configuration to restore": "您没有任何配置备份可以恢复",
 	"Help": "帮助",
-	"Backups": "个备份",
+	"Backup": "备份",
-	"Backup": "个备份",
+	"([0-9].*) Backups?": "$1个备份",
 	"Yes": "是",
 	"No": "否",
 	"Backup not selected": "没有选择备份",
@@ -261,5 +261,40 @@
 	"Contain": "含有",
 	"Restricted Peers?": "已限制访问端点",
 	"Restore": "恢复",
-	"Restoring": "恢复中..."
+	"Restoring": "恢复中...",
+	"WGDashboard Settings": "WGDashboard 设定",
+	"Peers Settings": "端点设定",
+	"WireGuard Configuration Settings": "WireGuard 配置设定",
+	"Appearance": "外观",
+	"Theme": "主题",
+	"Language": "语言",
+	"Account Settings": "账户设定",
+	"Peer Default Settings": "端点默认设定",
+	"Toggle When Start Up": "运行后启动配置",
+	"Other Settings": "其它设定",
+	"Select Peers": "选择端点",
+	"Backup & Restore": "备份及恢复",
+	"Delete Configuration": "删除配置",
+	"Create Backup": "创建备份",
+	"No backup yet, click the button above to create backup\\.": "还没有任何备份，点击上方按钮创建",
+	"Are you sure to delete this backup\\?": "您确定要删除此备份吗？",
+	"Are you sure to restore this backup?\\": "您确定要恢复此备份吗？",
+	"Backup Date": "备份日期",
+	"File": "文件",
+	"Are you sure to delete this configuration\\?": "您确定要删除此配置吗？",
+	"Once you deleted this configuration\\:": "当您删除了此配置后：",
+	"All connected peers will get disconnected": "所有已连接的端点会断开",
+	"Both configuration file \\(\\.conf\\) and database table related to this configuration will get deleted": "配置文件 (.conf) 以及相关的数据库文件会被删除",
+	"Checking backups...": "检查备份中...",
+	"This configuration have ([0-9].*) backups": "此配置有$1个备份",
+	"This configuration have no backup": "此配置没有备份",
+	"If you're sure, please type in the configuration name below and click Delete": "如果您确定，请在下方输入此配置的名称并点击删除",
+	"Select All": "选择所有",
+	"Clear Selection": "清除选择",
+	"([0-9].*) Peers?": "$1 个端点",
+	"Downloading": "正在下载",
+	"Download Finished": "下载完成",
+	"Done": "完成",
+	"Are you sure to delete": "您确定要删除",
+	"Are you sure to delete this peer\\?": "您确定要删除此端点吗？"
 }