summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/vue_shared/components/dom_element_listener.vue
blob: ca427ed48977e2c54e2300d38978245d308b0065 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<script>
export default {
  props: {
    selector: {
      type: String,
      required: true,
    },
  },
  mounted() {
    this.disposables = Array.from(document.querySelectorAll(this.selector)).flatMap((button) => {
      return Object.entries(this.$listeners).map(([key, value]) => {
        button.addEventListener(key, value);
        return () => {
          button.removeEventListener(key, value);
        };
      });
    });
  },
  destroyed() {
    this.disposables.forEach((x) => {
      x();
    });
  },
  render() {
    return this.$slots.default;
  },
};
</script>