fix linter issues

src/components/settings/form/FormRange.vue

@@ -3,35 +3,20 @@
     <em v-if="prepend">{{ t('side_menu', prepend) }}</em>
 
     <input
+      v-model="model"
       type="range"
       :min="min"
       :max="max"
-      v-model="model"
     />
 
     <em v-if="append">{{ t('side_menu', append) }}</em>
   </div>
 </template>
 
-<style scoped>
-input {
-  min-height: auto;
-}
-
-div * {
-  vertical-align: middle;
-}
-
-em + input,
-input + em {
-  margin-left: 10px;
-}
-</style>
-
 <script setup>
-const model = defineModel()
+const model = defineModel({ type: Number })
 
-const { prefix, suffix } = defineProps({
+defineProps({
   prepend: {
     type: [String, null],
     required: false,
@@ -54,3 +39,18 @@ const { prefix, suffix } = defineProps({
   },
 })
 </script>
+
+<style scoped>
+input {
+  min-height: auto;
+}
+
+div * {
+  vertical-align: middle;
+}
+
+em + input,
+input + em {
+  margin-left: 10px;
+}
+</style>