From 1172daa747ece6b410f367a38f7db8ee00940032 Mon Sep 17 00:00:00 2001
From: klemek <klemek.dev@proton.me>
Date: Sat, 20 Dec 2025 23:36:02 +0100
Subject: [PATCH] style: prettier

---
 src/App.vue | 39 +++++++++++++++++++--------------------
 1 file changed, 19 insertions(+), 20 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 709fffd..4c314ba 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -11,7 +11,7 @@ enum Filter {
     Brightness = "Brightness",
     Contrast = "Contrast",
     HueShift = "Hue shift",
-    Saturate = "Saturate"
+    Saturate = "Saturate",
 }
 enum PAPosition {
     None = "None",
@@ -131,37 +131,36 @@ function draw(size = PREVIEW_SIZE) {
     const dx = (size - imgWidth) * centerX.value;
     const dy = (size - imgHeight) * centerY.value;
 
-    switch(filter.value) {
+    switch (filter.value) {
         case Filter.Gray:
-            ctx.filter = `grayscale(${(filterValue.value * 100).toFixed(2)}%)`
-            break
+            ctx.filter = `grayscale(${(filterValue.value * 100).toFixed(2)}%)`;
+            break;
         case Filter.Sepia:
-            ctx.filter = `sepia(${(filterValue.value * 100).toFixed(2)}%)`
-            break
+            ctx.filter = `sepia(${(filterValue.value * 100).toFixed(2)}%)`;
+            break;
         case Filter.Invert:
-            ctx.filter = `invert(${(filterValue.value * 100).toFixed(2)}%)`
-            break
+            ctx.filter = `invert(${(filterValue.value * 100).toFixed(2)}%)`;
+            break;
         case Filter.Blur:
-            ctx.filter = `blur(${(filterValue.value * 2 * size / PREVIEW_SIZE).toFixed(2)}px)`
-            break
+            ctx.filter = `blur(${((filterValue.value * 2 * size) / PREVIEW_SIZE).toFixed(2)}px)`;
+            break;
         case Filter.Brightness:
-            ctx.filter = `brightness(${(filterValue.value * 100).toFixed(2)}%)`
-            break
+            ctx.filter = `brightness(${(filterValue.value * 100).toFixed(2)}%)`;
+            break;
         case Filter.Contrast:
-            ctx.filter = `contrast(${(filterValue.value * 100).toFixed(2)}%)`
-            break
+            ctx.filter = `contrast(${(filterValue.value * 100).toFixed(2)}%)`;
+            break;
         case Filter.HueShift:
-            ctx.filter = `hue-rotate(${(filterValue.value * 360).toFixed(2)}deg)`
-            break
+            ctx.filter = `hue-rotate(${(filterValue.value * 360).toFixed(2)}deg)`;
+            break;
         case Filter.Saturate:
-            ctx.filter = `saturate(${(filterValue.value * 100).toFixed(2)}%)`
-            break
-
+            ctx.filter = `saturate(${(filterValue.value * 100).toFixed(2)}%)`;
+            break;
     }
 
     ctx.drawImage(image.value, dx, dy, imgWidth, imgHeight);
 
-    ctx.filter = "none"
+    ctx.filter = "none";
 
     if (paPos.value !== PAPosition.None && parentalAdvisory.value) {
         const paWidth = size * paScale.value;