chore(docs): apply artalk locale from html lang

Author: qwqcode

docs/docs/.vitepress/config/shared.ts

@@ -47,7 +47,7 @@ export const shared = defineConfig({
   },
 
   lastUpdated: true,
-  cleanUrls: true,
+  cleanUrls: false,
   metaChunk: true,
 
   themeConfig: {

docs/docs/.vitepress/theme/Artalk.vue

@@ -47,6 +47,14 @@ function initArtalk(conf: any) {
     },
   })
 
+  Artalk.use((ctx) => {
+    ctx.on('mounted', () => {
+      // TODO: Optimize the locale setting, which is overwritten by the remote server config
+      const locale = document.documentElement.lang.includes('zh') ? 'zh-CN' : 'en'
+      if (locale !== ctx.getConf().locale) ctx.updateConf({ locale })
+    })
+  })
+
   artalk = Artalk.init({
     el: el.value,
     emoticons: '/assets/emoticons/default.json',
@@ -58,7 +66,7 @@ function initArtalk(conf: any) {
 
 function getConfByPage() {
   return {
-    pageKey: 'https://artalk.js.org' + router.route.path,
+    pageKey: `https://artalk.js.org/${router.route.path.replace(/^\//, '').replace(/\.html$/, '')}.html`,
     pageTitle: page.value.title,
     server: 'https://artalk.qwqaq.com',
     site: 'ArtalkDocs',