Use innerHTML instead of innertText on buttonTarget

[letibelim]

Hey there,

In the controller, innerText is used to retrieve and put back the content of the buttonTarget in the connect and copied methods:

connect (): void {
    if (!this.hasButtonTarget) return

    this.originalText = this.buttonTarget.innerText
  }

copied (): void {
  ...
  this.timeout = setTimeout(() => {
      this.buttonTarget.innerText = this.originalText
    }, this.successDurationValue)
  }

Therefore if the content is, let's say, an icon, it doesn't work anymore. Wouldn't it be a nice additional feature to user innerHTML so that any kind of content would be put back in place once the successContent message has been displayed, like the suggestion below ? I can't see any side effect as it would work the same for simple text and only extend the component capabilities, but I might miss something...

connect (): void {
    if (!this.hasButtonTarget) return

    this.originalHTML= this.buttonTarget.innerHTML
  }

copied (): void {
  ...
  this.timeout = setTimeout(() => {
      this.buttonTarget.innerHTML = this.originalHTML
    }, this.successDurationValue)
  }

Thanks,