Range -> Slider; Double Range -> Range

Author: rstoenescu

dev/components/components/ajax-bar.vue

@@ -34,7 +34,7 @@
           </q-field>
 
           <q-field :label="`Size (<em>${size}px</em>)`">
-            <q-range v-model="size" :min="2" :max="20" label-always />
+            <q-slider v-model="size" :min="2" :max="20" label-always />
           </q-field>
 
           <q-field label="Color">

dev/components/components/data-table.vue

@@ -46,7 +46,7 @@
       <div>
         <h6>Row height ({{rowHeight}}px)</h6>
         <br>
-        <q-range v-model="rowHeight" :min="50" :max="200" label-always />
+        <q-slider v-model="rowHeight" :min="50" :max="200" label-always />
       </div>
 
       <div>
@@ -64,7 +64,7 @@
           <span :style="{fontStyle: bodyHeightProp === 'auto' ? 'italic' : ''}">({{bodyHeight}}px)</span>
         </h6>
         <br>
-        <q-range v-model="bodyHeight" :min="100" :max="700" label-always :disable="bodyHeightProp === 'auto'" />
+        <q-slider v-model="bodyHeight" :min="100" :max="700" label-always :disable="bodyHeightProp === 'auto'" />
       </div>
     </div>
 

dev/components/components/spinner.vue

@@ -5,7 +5,7 @@
         icon="format size"
         :label="`Size: ${size}px`"
       >
-        <q-range label v-model="size" :min="20" :max="256" />
+        <q-slider label v-model="size" :min="20" :max="256" />
       </q-field>
 
       <q-field

dev/components/css/list.vue

@@ -576,21 +576,21 @@
         <q-item>
           <q-item-side icon="volume_down" />
           <q-item-main>
-            <q-range v-model="range" :min="0" :max="50" label />
+            <q-slider v-model="slider" :min="0" :max="50" label />
           </q-item-main>
           <q-item-side right icon="volume_up" />
         </q-item>
         <q-item>
           <q-item-side icon="volume_down" />
           <q-item-main>
-            <q-range v-model="range" :min="0" :max="50" label />
+            <q-slider v-model="slider" :min="0" :max="50" label />
           </q-item-main>
           <q-item-side right icon="volume_up" />
         </q-item>
         <q-item>
           <q-item-side icon="euro_symbol" />
           <q-item-main>
-            <q-double-range v-model="doubleRange" :min="0" :max="50" label />
+            <q-range v-model="range" :min="0" :max="50" label />
           </q-item-main>
         </q-item>
       </q-list>
@@ -731,8 +731,8 @@ export default {
           value: 'ora'
         }
       ],
-      range: 20,
-      doubleRange: {
+      slider: 20,
+      range: {
         min: 10,
         max: 35
       }