Reset zoom on preview change

src/components/ui/ZoomPane.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, ref, useTemplateRef } from 'vue'
+import { computed, ref, useSlots, useTemplateRef, watch } from 'vue'
 
 const zoomPane = useTemplateRef('zoomPane')
 
@@ -7,6 +7,17 @@ const zoom = ref(1.0)
 const panX = ref(0.0)
 const panY = ref(0.0)
 
+const slots = useSlots()
+
+watch(
+  () => slots.default?.(),
+  () => {
+    zoom.value = 1
+    panX.value = 0
+    panY.value = 0
+  }
+)
+
 function handleWheel(e: WheelEvent) {
   const zoomPaneEl = zoomPane.value
   if (!zoomPaneEl) return