feat(i18n): integrate i18nText for copy button accessibility labels #8

Author: danieIabel

assets/js/components/copyClipboard.js

@@ -1,3 +1,5 @@
+import { i18nText } from './i18nText.js'
+
 const blocks = document.querySelectorAll('pre > code')
 
 function addCopyButtons () {
@@ -10,14 +12,14 @@ function addCopyButtons () {
     button.className = 'code-copy'
 
     button.setAttribute('data-tts', 'up-right')
-    button.setAttribute('aria-label', 'Copiar')
+    button.setAttribute('aria-label', i18nText('copy'))
     button.innerHTML = '<svg class="i i-copy" viewBox="0 0 24 24"><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path><rect width="13" height="13" x="9" y="9" rx="2"></rect></svg>'
     button.addEventListener('click', function () {
       clipboard.writeText(codeBlock.textContent).then(function () {
         button.blur()
-        button.setAttribute('aria-label', 'Copiado!')
+        button.setAttribute('aria-label', i18nText('copied'))
         setTimeout(function () {
-          button.setAttribute('aria-label', 'Copiar')
+          button.setAttribute('aria-label', i18nText('copy'))
         }, 2000)
       })
     })