Images: Added testing to cover animated avif handling

[bookstack] / resources / js / components / details-highlighter.js

diff --git a/resources/js/components/details-highlighter.js b/resources/js/components/details-highlighter.js
index 1f3b66c674c2c882b7f1d71b4fcb79867c06dcfe..71c2026294917abd63dc8b58ab54e3527eb99469 100644 (file)
--- a/resources/js/components/details-highlighter.js
+++ b/resources/js/components/details-highlighter.js
@@ -1,21 +1,23 @@
-class DetailsHighlighter {
+import {Component} from './component';
 
-    constructor(elem) {
-        this.elem = elem;
+export class DetailsHighlighter extends Component {
+
+    setup() {
+        this.container = this.$el;
         this.dealtWith = false;
-        elem.addEventListener('toggle', this.onToggle.bind(this));
+
+        this.container.addEventListener('toggle', this.onToggle.bind(this));
     }
 
     onToggle() {
         if (this.dealtWith) return;
 
-        if (this.elem.querySelector('pre')) {
+        if (this.container.querySelector('pre')) {
             window.importVersioned('code').then(Code => {
-                Code.highlightWithin(this.elem);
+                Code.highlightWithin(this.container);
             });
         }
         this.dealtWith = true;
     }
-}
 
-export default DetailsHighlighter;
\ No newline at end of file
+}