From 9b3a84e15407bb8734d87d90fecd8d44c7481c87 Mon Sep 17 00:00:00 2001
From: "Daniel W. Steinbrook" <dsteinbrook@gmail.com>
Date: Fri, 22 Nov 2024 00:26:59 -0500
Subject: [PATCH] Convert more components to TypeScript

---
 src/components/MainModeSelector.vue | 20 ++++++++++----------
 src/views/HelpView.vue              |  2 +-
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/components/MainModeSelector.vue b/src/components/MainModeSelector.vue
index dfea32a..f7c5527 100644
--- a/src/components/MainModeSelector.vue
+++ b/src/components/MainModeSelector.vue
@@ -19,23 +19,23 @@
   </button>
 </template>
 
-<script setup>
-import mode_exit_wav from "/assets/sounds/mode_exit.wav";
-import mode_enter_wav from "/assets/sounds/mode_enter.wav";
-
+<script setup lang="ts">
 import { ref } from 'vue';
 import { audioQueue } from '../state/audio';
 import useAnnouncer from '../composables/announcer';
 import { myLocation } from '../state/location';
 
+const mode_exit_wav = new URL("/assets/sounds/mode_exit.wav", import.meta.url).href;
+const mode_enter_wav = new URL("/assets/sounds/mode_enter.wav", import.meta.url).href;
+
 const announcer = useAnnouncer();
-const activeMode = ref(null);
-var wakeLock = null;
+const activeMode = ref<string>();
+var wakeLock: WakeLockSentinel | null;
 
 // When mode button is clicked:
 //   If a mode is currently active, end that mode
 //   If mode button was different from current mode, start new mode
-async function toggleMode(newMode) {
+async function toggleMode(newMode: string) {
   // Clear queued audio
   if (activeMode.value) {
     audioQueue.stopAndClear();
@@ -48,7 +48,7 @@ async function toggleMode(newMode) {
   // Stop here if the intent was to end the current mode
   if (activeMode.value == newMode) {
     // exit current mode
-    activeMode.value = null;
+    activeMode.value = undefined;
 
     if (wakeLock) {
       // Release the Wake Lock
@@ -90,10 +90,10 @@ async function toggleMode(newMode) {
 
     case "near_me":
       announcer.calloutNearestRoad(
-        myLocation.latitude, myLocation.longitude
+        myLocation.latitude!, myLocation.longitude!
       );
       announcer.calloutAllFeaturesOrSayNoneFound(
-        myLocation.latitude, myLocation.longitude
+        myLocation.latitude!, myLocation.longitude!
       );
       break;
   }
diff --git a/src/views/HelpView.vue b/src/views/HelpView.vue
index 1ca8ad9..f9ae58b 100644
--- a/src/views/HelpView.vue
+++ b/src/views/HelpView.vue
@@ -49,7 +49,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import InputSpinner from '../components/InputSpinner.vue';
 import SubpageTopbar from '../components/SubpageTopbar.vue';
 </script>