feat: Add Vuetify

src/components/TemperatureSlider.vue

@@ -1,20 +1,23 @@
 <template>
-  <div class="temperature-slider">
-    <input
+  <v-container class="temperature-slider">
+    <v-slider
       type="range"
       min="15"
       max="80"
+      :label="value + ' °C'"
+      :inverse-label="true"
       v-model="value"
+      :rules="validator"
       @change="valueChanged"
     />
-    <span>{{ value }}&nbsp;°C</span>
-  </div>
+  </v-container>
 </template>
 
 <script>
 export default {
   props: {
     initialValue: Number,
+    validator: Array,
   },
   emits: ["value-changed"],
   data() {