Prototype concepts where instructions functionality resides in a:
[x] :watch: :thumbsup: custom global directive attachable to any element, like <btn v-instr="@/path/to/mp3" />, as plugin.
custom comp., DOM wrap
[x] :watch: :thumbsdown: higher-order component modifying the component
custom comp., DOM wrap
[x] :watch: :thumbsdown: extendable component that components can extend
custom comp.:exclamation:(?), DOM wrap(?)
[X] :thumbsdown: mixin that components can import
custom comp.:exclamation:, DOM wrap(?)
[X] 🧐 custom component that wraps the element by using slot
custom comp.:exclamation:, DOM wrap(?)
[X] 🧐 custom component that is in-lined next to the element, adding a DOM element with z-index forgrounding that expands to overlay the sibling element by filling the parent element, thus capturing all events
Prototype concepts where instructions functionality resides in a:
custom global directive
attachable to any element, like<btn v-instr="@/path/to/mp3" />
, as plugin.custom comp.,DOM wraphigher-order component
modifying the componentcustom comp.,DOM wrapextend
able component that components canextend
DOM wrap(?)mixin
that components can importDOM wrap(?)slot