コピーボタンの文字列を元に戻す

[gdgdDevs]

プルリクするほどでもないかなと思いましたのでこちらに失礼します。

コピーをボタンを押した際に"copied!"のままになってしまうので、数秒後"Copy"に戻す処理があったらいいなと思いました。

src/components/notion-blocks/Code.astro

<script>
  document.querySelectorAll('button.copy').forEach((button) => {
    button.addEventListener('click', (ev) => {
      navigator.clipboard
        .writeText(ev.target.getAttribute('data-code'))
        .then(() => {
          ev.target.innerText = ev.target.getAttribute('data-done-text')
        }), r()
        function r() {
          setTimeout(function () {
            ev.target.innerText = 'Copy'
          }, 5000)
        }
    })
  })
</script>

いつも開発ありがとうございます！

[otoyo]

確かにその方が良いですね！実装しますね！

[gdgdDevs]

ありがとうございます！

[otoyo]

#106 こちらで対応しました！