default numbers to consts

SlovakNationalGallery · Nov 23, 2023 · 7de6f37 · 7de6f37
1 parent a700678
commit 7de6f37
Showing 1 changed file with 11 additions and 4 deletions.
diff --git a/resources/js/components/catalog-new/NewColorSlider.vue b/resources/js/components/catalog-new/NewColorSlider.vue
@@ -73,13 +73,18 @@
 import tinycolor from 'tinycolor2'
 import VueSlider from 'vue-slider-component'
 
+const defaultHue = 180
+const defaultLightness = 0.5
+
 export default {
     props: {
         defaultColor: String,
     },
     data() {
-        const hue = this.defaultColor ? tinycolor(this.defaultColor).toHsl()?.h : 180
-        const lightness = this.defaultColor ? tinycolor(this.defaultColor)?.toHsl()?.l : 0.5
+        const hue = this.defaultColor ? tinycolor(this.defaultColor).toHsl()?.h : defaultHue
+        const lightness = this.defaultColor
+            ? tinycolor(this.defaultColor)?.toHsl()?.l
+            : defaultLightness
         return {
             hue,
             immediateHue: hue,
@@ -92,8 +97,10 @@ export default {
     },
     watch: {
         defaultColor(newDefaultColor) {
-            this.hue = newDefaultColor ? tinycolor(newDefaultColor).toHsl()?.h : 180
-            this.lightness = newDefaultColor ? tinycolor(newDefaultColor)?.toHsl()?.l : 0.5
+            this.hue = newDefaultColor ? tinycolor(newDefaultColor).toHsl()?.h : defaultHue
+            this.lightness = newDefaultColor
+                ? tinycolor(newDefaultColor)?.toHsl()?.l
+                : defaultLightness
         },
         hue(newHue) {
             this.immediateHue = newHue