use different compressor package

Author: Lenni009

package-lock.json

@@ -13,10 +13,10 @@
   },
   "dependencies": {
     "@picocss/pico": "^2.0.0",
-    "image-conversion": "^2.1.1",
     "jszip": "^3.10.1",
     "pinia": "^2.1.6",
     "sass": "^1.64.1",
+    "simple-image-compressor": "^1.0.1",
     "vue": "^3.3.4",
     "vue-i18n": "^9.8.0"
   },

package.json

@@ -1,16 +1,15 @@
-import { compress, EImageType } from 'image-conversion';
+import { compressImage, imageTypes } from 'simple-image-compressor';
 import { maxSize } from '@/variables/constants';
 
 export async function useImageCompression(file: File, quality: number = 1): Promise<File> {
   if (file.size < maxSize) return file; // if below 10 MB, don't do anything
-  const res = await compress(file, {
+  const res = await compressImage(file, {
     quality,
-    type: EImageType.JPEG,
-    scale: 1,
+    type: imageTypes.JPEG,
   });
   const lowerQuality = quality - 0.01; // NoSonar reduce quality by 1%;
   if (res.size > maxSize) return await useImageCompression(file, lowerQuality); // compress original file with lower quality setting to avoid double compression
   const fileName = file.name.split('.').slice(0, -1).join('.');
   const newFileName = fileName + '-min.jpg';
-  return new File([res], newFileName, { type: EImageType.JPEG });
+  return new File([res], newFileName, { type: imageTypes.JPEG });
 }

src/composables/useImageCompression.ts

@@ -1,17 +1,15 @@
-import { fileURLToPath, URL } from 'node:url'
+import { fileURLToPath, URL } from 'node:url';
 
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
+import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
 
 // https://vitejs.dev/config/
 export default defineConfig({
-	base: '/Image-Compressor/',
-	plugins: [
-		vue(),
-	],
-	resolve: {
-		alias: {
-			'@': fileURLToPath(new URL('./src', import.meta.url))
-		}
-	}
-})
+  base: '/Image-Compressor/',
+  plugins: [vue()],
+  resolve: {
+    alias: {
+      '@': fileURLToPath(new URL('./src', import.meta.url)),
+    },
+  },
+});