Close flash message using Stimulus.js + octicons

_messages.html.haml

// Using https://primer.style/css

- flash.each do |key, value|
  .flash-messages{data: { controller: 'flash'}}
    .flash{class: "flash-#{key == 'alert' ? 'error' : key}"}
      %button.flash-close{data: { action: 'flash#dismiss', target: 'flash.close'}, type: 'button'}
        ×
      = value

flash_controller.js

import { Controller } from "stimulus"
import octicons from 'octicons'

export default class extends Controller {
  static targets = ["close"]
  connect() {
    const closeElement = this.closeTarget
    closeElement.innerHTML = octicons.x.toSVG({"aria-label": 'Close'})

  }

  dismiss() {
    this.element.style.display = 'none';
  }
}