fix(VNumberInput): only trim zeros from the end

fixes #21828

Author: J-Sek

packages/vuetify/src/components/VNumberInput/VNumberInput.tsx

@@ -115,7 +115,7 @@ export const VNumberInput = genericComponent<VNumberInputSlots>()({
       let [baseDigits, fractionDigits] = fixed.split('.')
 
       fractionDigits = (fractionDigits ?? '').padEnd(props.minFractionDigits, '0')
-        .replace(new RegExp(`(?<=\\d{${props.minFractionDigits}})0`, 'g'), '')
+        .replace(new RegExp(`(?<=\\d{${props.minFractionDigits}})0+$`, 'g'), '')
 
       return [
         baseDigits,

packages/vuetify/src/components/VNumberInput/__tests__/VNumberInput.spec.browser.tsx

@@ -296,6 +296,26 @@ describe('VNumberInput', () => {
       input.blur()
       expect(model.value).toBe(expected)
     })
+
+    // https://github.com/vuetifyjs/vuetify/issues/21828
+    it('should only trim values from the end', async () => {
+      const model = ref(0.01)
+      render(() => (
+        <VNumberInput
+          v-model={ model.value }
+          minFractionDigits={ 0 }
+          precision={ 4 }
+        />
+      ))
+
+      await userEvent.click(screen.getByCSS('input'))
+      expect(screen.getByCSS('input')).toHaveValue('0.01')
+
+      await userEvent.keyboard('{backspace}2')
+      await userEvent.tab()
+      expect(screen.getByCSS('input')).toHaveValue('0.02')
+      expect(model.value).toBe(0.02)
+    })
   })
 
   describe('fraction digits control', () => {