fix: color picker now updates fields

Signed-off-by: Corentin Thomasset <corentin.thomasset74@gmail.com>

CHANGELOG.md

@@ -7,6 +7,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - [feat] 404 route + page
 - [feat] changelog in the About page 
 - [feat] contributors list in the About page 
+- [fix] [ColorConverter] color picker now updates fields 
 
 ## 1.0.1
 - [chore] added changelog

src/routes/tools/ColorConverter.vue

@@ -11,6 +11,7 @@
                             hide-inputs
                             mode="rgba"
                             v-model="rgbPicker"
+                            @input="(v) => updateColors(v, 'picker')"
                     />
                 </v-col>
                 <v-col cols="12" sm="6" align="center">
@@ -116,7 +117,7 @@
                 this.keyword = convert.rgb.keyword(r, g, b);
             },
             updateColors(value, fromType) {
-                if (this.$refs[fromType].validate()) {
+                if (fromType === 'picker' || this.$refs[fromType].validate()) {
                     if (fromType === 'rgb') {
                         const [r, g, b] = value.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/).slice(1).map(v => parseInt(v));
                         this.rgbPicker = {r, g, b}
@@ -150,6 +151,13 @@
                         } catch (ignored) {
                             // ignored
                         }
+                    } else if (fromType === 'picker') {
+                        const {r, g, b} = value;
+
+                        this.setRGB(r, g, b);
+                        this.setHEX(r, g, b);
+                        this.setHSL(r, g, b);
+                        this.setKeyword(r, g, b);
                     }
                 }
             }