Vue component for numeric text fields with unit conversion
npm install @enrag/v-numeric-text-field-unitbash
npm install @enrag/v-numeric-text-field-unit
`
Usage
$3
`vue
v-model="temperature"
v-model:settings="temperatureSettings"
label="Temperature"
/>
Current value: {{ temperature }} {{ temperatureSettings.currentUnit?.unit }}
`
$3
`vue
Custom Temperature Range
v-model="processingTemp"
v-model:settings="customSettings"
/>
Value: {{ processingTemp }} {{ customSettings.currentUnit?.unit }}
Range: {{ customSettings.min }}–{{ customSettings.max }}
`
$3
The package includes pre-configured settings for common units:
`typescript
import {
settingsLength,
settingsMassFlow,
settingsVolumeFlow,
settingsPressure,
settingsTemperature,
settingsDensity
} from '@enrag/v-numeric-text-field-unit'
`
$3
`vue
``