diff options
| -rw-r--r-- | src/components/SearchModal.vue | 4 | ||||
| -rw-r--r-- | src/components/Settings.vue | 10 | ||||
| -rw-r--r-- | src/components/TileInfoModal.vue | 2 | ||||
| -rw-r--r-- | src/components/TileTree.vue | 2 |
4 files changed, 11 insertions, 7 deletions
diff --git a/src/components/SearchModal.vue b/src/components/SearchModal.vue index 6675885..91e6748 100644 --- a/src/components/SearchModal.vue +++ b/src/components/SearchModal.vue @@ -14,11 +14,11 @@ export default defineComponent({ } }, onSearchEnter(){ - this.$emit('search-node', this.$refs.searchInput.value); + this.$emit('search-node', (this.$refs.searchInput as HTMLInputElement).value); }, }, mounted(){ - this.$refs.searchInput.focus(); + (this.$refs.searchInput as HTMLInputElement).focus(); }, emits: ['search-node', 'search-close'] }); diff --git a/src/components/Settings.vue b/src/components/Settings.vue index b56de12..d35549e 100644 --- a/src/components/Settings.vue +++ b/src/components/Settings.vue @@ -21,13 +21,17 @@ export default defineComponent({ this.$emit('layout-option-change'); }, onMinTileSzChg(){ - if (Number(this.$refs.minTileSzInput.value) > Number(this.$refs.maxTileSzInput.value)){ + let minInput = this.$refs.minTileSzInput as HTMLInputElement; + let maxInput = this.$refs.maxTileSzInput as HTMLInputElement; + if (Number(minInput.value) > Number(maxInput.value)){ this.layoutOptions.maxTileSz = this.layoutOptions.minTileSz; } this.onLayoutOptChg(); }, - onMaxTileSzChg(evt){ - if (Number(this.$refs.maxTileSzInput.value) < Number(this.$refs.minTileSzInput.value)){ + onMaxTileSzChg(){ + let minInput = this.$refs.minTileSzInput as HTMLInputElement; + let maxInput = this.$refs.maxTileSzInput as HTMLInputElement; + if (Number(maxInput.value) < Number(minInput.value)){ this.layoutOptions.minTileSz = this.layoutOptions.maxTileSz; } this.onLayoutOptChg(); diff --git a/src/components/TileInfoModal.vue b/src/components/TileInfoModal.vue index 812470c..f15781a 100644 --- a/src/components/TileInfoModal.vue +++ b/src/components/TileInfoModal.vue @@ -4,7 +4,7 @@ import {TolNode} from '../lib'; export default defineComponent({ props: { - tolNode: {type: Object as PropType<TolNode>}, + tolNode: {type: Object as PropType<TolNode>, required: true}, options: {type: Object, required: true}, }, computed: { diff --git a/src/components/TileTree.vue b/src/components/TileTree.vue index 6ea78c5..da11754 100644 --- a/src/components/TileTree.vue +++ b/src/components/TileTree.vue @@ -229,7 +229,7 @@ export default defineComponent({ onSearchClose(){ this.searchOpen = false; }, - onSearchNode(node){ + onSearchNode(node: string){ console.log('Searched for: ' + node); this.searchOpen = false; }, |