docs: translate code copy feature

sircharlo · Dec 17, 2024 · ac9efc7 · ac9efc7
1 parent c97c1f6
commit ac9efc7
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 0 deletions.
diff --git a/docs/locales/en.json b/docs/locales/en.json
@@ -3,6 +3,8 @@
   "arrowDown": "down arrow",
   "arrowUp": "up arrow",
   "backButtonTitle": "Back",
+  "codeCopyButtonTitle": "Copy Code",
+  "copied": "Copied",
   "closeText": "to close",
   "darkModeSwitchLabel": "Appearance",
   "darkModeSwitchTitle": "Switch to dark theme",

diff --git a/docs/locales/nl.json b/docs/locales/nl.json
@@ -3,6 +3,8 @@
   "arrowDown": "pijltje omlaag",
   "arrowUp": "pijltje omhoog",
   "backButtonTitle": "Terug",
+  "codeCopyButtonTitle": "Code kopiëren",
+  "copied": "Gekopieerd",
   "closeText": "om te sluiten",
   "darkModeSwitchLabel": "Weergave",
   "darkModeSwitchTitle": "Schakel donker thema in",

diff --git a/docs/utils/locales.ts b/docs/utils/locales.ts
@@ -41,6 +41,18 @@ const mapLocale = (
           property: 'og:locale:alternate',
         },
       ]),
+    [
+      'style',
+      {},
+      `:lang(${lang}) {--vp-code-copy-copied-text-content: '${msg.copied}'}`,
+    ],
+    [
+      'script',
+      {},
+      `window.addEventListener('load', () => {
+        document.querySelectorAll('button.copy').forEach((b) => {b.title = '${msg.codeCopyButtonTitle}';})
+      })`,
+    ],
   ],
   label,
   lang,