comments, reorganize

app/src/components/SVGContent.vue

@@ -45,12 +45,9 @@ export default defineComponent({
       const svg = element.appendChild(svgParsed.firstElementChild as Element) as any;
 
       // Set document background
-      const svgBaseEl = svg.getElementById("base");
-      if (svgBaseEl) {
-        const pageColor = svgBaseEl.attributes.getNamedItem("pagecolor");
-        if (pageColor) {
-          emit("setBackground", pageColor.value);
-        }
+      const pageColor = svg.getElementById("base")?.attributes.getNamedItem("pagecolor");
+      if (pageColor) {
+        emit("setBackground", pageColor.value);
       }
 
       // PanZoom
@@ -105,6 +102,7 @@ export default defineComponent({
         panToElement(start, false);
       }
 
+      // Calculate SVG-unit bounding box
       pz.on("transform", function (_) {
         const transform = pz.getTransform();
         const currentRatio = svg.clientWidth * transform.scale / svg.viewBox.baseVal.width;
@@ -161,19 +159,18 @@ export default defineComponent({
         panToElement(anchor, true);
       };
 
-      // DEBUG
-      window.addEventListener("keydown", (ev) => {
-        if (ev.key !== " ") {
-          return;
-        }
-        panToAnchor.value(anchors.value[0]);
-      });
-
       // Videoscrolls
       scrolls.value = await processScrolls(svg);
 
       // Audio areas
       audioAreas.value = processAudio(svg);
+
+      // DEBUG
+      window.addEventListener("keydown", (ev) => {
+        if (ev.key === " ") {
+          panToAnchor.value(anchors.value[0]);
+        }
+      });
     });
 
     return {