Reused logic from earlier made composables

src/components/SpritePreview.vue

@@ -159,15 +159,8 @@
 <script setup lang="ts">
   import { ref, onMounted, watch, onUnmounted, computed } from 'vue';
   import { useSettingsStore } from '@/stores/useSettingsStore';
-
-  interface Sprite {
-    id: string;
-    img: HTMLImageElement;
-    width: number;
-    height: number;
-    x: number;
-    y: number;
-  }
+  import type { Sprite } from '@/types/sprites';
+  import { getMaxDimensions } from '@/composables/useSprites';
 
   const props = defineProps<{
     sprites: Sprite[];
@@ -213,17 +206,6 @@
   const visibleFrameNumber = computed(() => visibleFrameIndex.value + 1);
 
   // Canvas drawing
-  const calculateMaxDimensions = () => {
-    let maxWidth = 0;
-    let maxHeight = 0;
-
-    props.sprites.forEach(sprite => {
-      maxWidth = Math.max(maxWidth, sprite.width);
-      maxHeight = Math.max(maxHeight, sprite.height);
-    });
-
-    return { maxWidth, maxHeight };
-  };
 
   const drawPreviewCanvas = () => {
     if (!previewCanvasRef.value || !ctx.value || props.sprites.length === 0) return;
@@ -231,7 +213,7 @@
     const currentSprite = props.sprites[currentFrameIndex.value];
     if (!currentSprite) return;
 
-    const { maxWidth, maxHeight } = calculateMaxDimensions();
+    const { maxWidth, maxHeight } = getMaxDimensions(props.sprites);
 
     // Apply pixel art optimization consistently from store
     ctx.value.imageSmoothingEnabled = !settingsStore.pixelPerfect;
@@ -371,7 +353,7 @@
     const sprite = props.sprites[currentFrameIndex.value];
     if (!sprite || sprite.id !== activeSpriteId.value) return;
 
-    const { maxWidth, maxHeight } = calculateMaxDimensions();
+    const { maxWidth, maxHeight } = getMaxDimensions(props.sprites);
 
     // Calculate new position with constraints and round to integers
     let newX = Math.round(spritePosBeforeDrag.value.x + deltaX);