To be able to remove individual highlights

[dlqs]

One desired behaviour is to be able to remove individual highlights, e.g. when the user double-clicks on an already created highlight. Highlights are 1:1 with annotations which are many:1 with labels. Currently only entire labels can be removed, which causes all the label's highlights to be removed.

When an annotation is created, a "highlight" is made by wrapping the target text in <span style=...></span>, which is called highlightNode in the code. The dblclick event must be captured somehow and propagated to the parent component, but one issue here is that we cannot use Vue's emit because the node is not a Vue component, and Vue does not seem to be able to capture DOM event dblclick inside HighlightBox. I have not been able to get the two to work together.