npm run format

src/components/SpritePreview.vue

@@ -182,30 +182,17 @@
   // Initialize composables
   const canvas2D = useCanvas2D(previewCanvasRef);
 
-  const { zoom, increase: increaseZoom, decrease: decreaseZoom } = useZoom({
+  const {
+    zoom,
+    increase: increaseZoom,
+    decrease: decreaseZoom,
+  } = useZoom({
     allowedValues: [0.5, 1, 2, 3, 4, 5],
     initial: 1,
   });
 
-  const {
-    currentFrameIndex,
-    isPlaying,
-    fps,
-    hiddenFrames,
-    visibleFrames,
-    visibleFramesCount,
-    visibleFrameIndex,
-    visibleFrameNumber,
-    togglePlayback,
-    nextFrame,
-    previousFrame,
-    handleSliderInput,
-    toggleHiddenFrame,
-    showAllFrames,
-    hideAllFrames,
-    stopAnimation,
-  } = useAnimationFrames({
-    sprites: props.sprites,
+  const { currentFrameIndex, isPlaying, fps, hiddenFrames, visibleFrames, visibleFramesCount, visibleFrameIndex, visibleFrameNumber, togglePlayback, nextFrame, previousFrame, handleSliderInput, toggleHiddenFrame, showAllFrames, hideAllFrames, stopAnimation } = useAnimationFrames({
+    sprites: () => props.sprites,
     onDraw: drawPreviewCanvas,
   });
 
@@ -258,7 +245,6 @@
     canvas2D.strokeRect(0, 0, maxWidth, maxHeight, '#e5e7eb', 1);
   }
 
-
   // Drag functionality
   const startDrag = (event: MouseEvent) => {
     if (!isDraggable.value || !previewCanvasRef.value) return;
@@ -317,7 +303,6 @@
     activeSpriteId.value = null;
   };
 
-
   const handleTouchStart = (event: TouchEvent) => {
     if (!isDraggable.value) return;
 
@@ -382,7 +367,6 @@
   if (props.sprites.length > 0) {
     drawPreviewCanvas();
   }
-
 </script>
 
 <style scoped>