fix(widgets): slider v-alert and template fix

Author: bourdaisj

vue3-components/src/widgets/Slider/script.js

@@ -111,7 +111,7 @@ export default {
         return properties() && properties()[props.name];
       },
       set(v) {
-        this.properties()[props.name] = v;
+        properties()[props.name] = v;
       },
     });
 
@@ -280,6 +280,7 @@ export default {
       computedSizeControl,
       showHelp,
       data,
+      decorator,
       rule,
       hints,
       shouldShow,

vue3-components/src/widgets/Slider/template.html

@@ -33,7 +33,7 @@
       <v-slider
         :name="`${data().type}:${name}:${i}`"
         v-model="model"
-        @change="validate()"
+        @update:modelValue="validate()"
         hide-details
         dense
         :rules="[rule]"
@@ -51,12 +51,9 @@
         :key="idx"
         class="mb-1"
         :type="levelToType(hint.level)"
-        border="left"
         dense
-        :icon="levelToIcon(hint.level)"
-      >
-        {{ hint.message }}
-      </v-alert>
+        :text="hint.message"
+      />
     </v-col>
     <v-col
       class="py-1"
@@ -70,7 +67,7 @@
           class="mt-0"
           :name="`${data().type}:${name}:${i}`"
           v-model="model[i - 1]"
-          @change="validate(i)"
+          @update:modelValue="validate(i)"
           hide-details
           dense
           :rules="[rule]"
@@ -97,12 +94,9 @@
         :key="idx"
         class="mb-1"
         :type="levelToType(hint.level)"
-        border="left"
         dense
-        :icon="levelToIcon(hint.level)"
-      >
-        {{ hint.message }}
-      </v-alert>
+        :text="hint.message"
+      />
     </v-col>
   </v-row>
 </v-container>