Refactor frontend input components to use the v-model Vue pattern (#224)

* Use v-model for inputs

* Add opacity to LayerTree

* Fix FloatingMenu typing
This commit is contained in:
Chrs Msln
2021-06-26 23:18:47 -07:00
committed by Keavon Chambers
parent 3b5cc535ee
commit a0c1d7f898
7 changed files with 65 additions and 33 deletions
@@ -5,7 +5,7 @@
<Separator :type="SeparatorType.Related" />
<NumberInput :value="100" :unit="`%`" />
<NumberInput v-model:value="opacity" :min="0" :max="100" :step="1" :unit="`%`" />
<Separator :type="SeparatorType.Related" />
@@ -222,6 +222,7 @@ export default defineComponent({
layers: [] as Array<LayerPanelEntry>,
selectionRangeStartLayer: undefined as LayerPanelEntry | undefined,
selectionRangeEndLayer: undefined as LayerPanelEntry | undefined,
opacity: 100,
};
},
components: {