From 58aba42dbd153c1d51ddd845f88648cd78d56ded Mon Sep 17 00:00:00 2001
From: Terry Truong <terry06890@gmail.com>
Date: Fri, 25 Mar 2022 19:56:22 +1100
Subject: Fix typescript errors

---
 src/components/SearchModal.vue   |  4 ++--
 src/components/Settings.vue      | 10 +++++++---
 src/components/TileInfoModal.vue |  2 +-
 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;
 		},
-- 
cgit v1.2.3