Set html “lang” attribute based on URL hash

jhildenbiddle · jhildenbiddle · commit cf5c7431f122 · 2021-02-04T14:40:12.000-06:00
Required to trigger auto-translate feature in applicable Chromium-based browsers (Chrome &amp; Edge)
diff --git a/docs/index.html b/docs/index.html
@@ -56,6 +56,14 @@
   <body>
     <div id="app">Loading ...</div>
     <script>
+      // Set html "lang" attribute based on URL
+      var lang = location.hash.match(/#\/(de-de|es|ru-ru|zh-cn)\//);
+
+      if (lang) {
+        document.documentElement.setAttribute('lang', lang[1]);
+      }
+
+      // Docsify configuration
       window.$docsify = {
         alias: {
           '.*?/awesome':
diff --git a/index.html b/index.html
@@ -26,6 +26,14 @@
 <body>
   <div id="app"></div>
   <script>
+    // Set html "lang" attribute based on URL
+    var lang = location.hash.match(/#\/(de-de|es|ru-ru|zh-cn)\//);
+
+    if (lang) {
+      document.documentElement.setAttribute('lang', lang[1]);
+    }
+
+    // Docsify configuration
     window.$docsify = {
       alias: {
         '.*?/awesome': 'https://raw.githubusercontent.com/docsifyjs/awesome-docsify/master/README.md',
