feat: storage digits

Author: kei5uke

docs/.vitepress/theme/components/price-estimator/LabModal.vue

@@ -38,14 +38,15 @@ const machineType = computed(() => {
 })
 
 const save = () => {
+  console.log(formData.value.scratch)
   priceEstimatorStore.addLab({
     name: formData.value.name,
     subscription: formData.value.subscription,
     machineType: formData.value.machineType,
     machineSubscription: formData.value.machineSubscription,
     archive: Number(formData.value.archive),
     work: Number(formData.value.work),
-    scratch: Number(formData.value.scratch),
+    scratch: formData.value.scratch,
     isDefault: true,
   })
   emit("close")
@@ -85,15 +86,15 @@ onMounted(() => {
           </v-col>
 
           <v-col cols="12" sm="6">
-            <v-text-field v-model="formData.archive" label="Archive Storage (TB)" type="number" variant="outlined" min="0" placeholder="0.4"></v-text-field>
+            <v-number-input v-model="formData.archive" label="Archive Storage (TB)" type="number" variant="outlined" :min="0" :step="0.1" :precision="1"></v-number-input>
           </v-col>
 
           <v-col cols="12" sm="6">
-            <v-text-field v-model="formData.work" label="Work Storage (TB)" type="number" variant="outlined" min="0" placeholder="0.3"></v-text-field>
+            <v-number-input v-model="formData.work" label="Work Storage (TB)" type="number" variant="outlined" :min="0" :step="0.1" :precision="1"></v-number-input>
           </v-col>
 
           <v-col cols="12" sm="6">
-            <v-text-field v-model="formData.scratch" label="Scratch Storage (TB)" type="number" variant="outlined" min="0" placeholder="0.4"></v-text-field>
+            <v-number-input v-model="formData.scratch" label="Scratch Storage (TB)" type="number" variant="outlined" :min="0" :step="0.1" :precision="1"></v-number-input>
           </v-col>
         </v-row>
       </v-container>

docs/.vitepress/theme/components/price-estimator/StorageModal.vue

@@ -80,19 +80,7 @@ onMounted(() => {
               <v-select :items="['HDD', 'NVME']" v-model="formData.type" label="Type" required variant="outlined"></v-select>
             </v-col>
             <v-col cols="12">
-              <v-text-field
-                v-model="formData.size"
-                label="Size (TB)"
-                hint="Enter the size of the storage in Terrabytes"
-                persistent-hint
-                type="number"
-                :min="1"
-                :max="100"
-                :step="1"
-                required
-                suffix="TB"
-                variant="outlined"
-              ></v-text-field>
+              <v-number-input v-model="formData.size" label="Size (TB)" type="number" variant="outlined" :min="0" :step="0.1" :precision="1"></v-number-input>
             </v-col>
           </v-form>
         </v-row>