Fix type errors

loehnertz · Jun 9, 2024 · 4c62416 · 4c62416
1 parent aeaf006
commit 4c62416
Show file tree

Hide file tree

Showing 3 changed files with 48 additions and 46 deletions.
diff --git a/public/service-worker.js b/public/service-worker.js
@@ -1,47 +1,48 @@
-const CACHE_NAME = 'tea-timer-cache-v1';
+const CACHE_NAME = 'tea-timer-cache-v1'
 const URLS_TO_CACHE = [
-    './',
-    './site.webmanifest',
-    './index.html',
-    './image/icon/favicon.ico',
-    './image/icon/favicon-16x16.png',
-    './image/icon/favicon-32x32.png',
-    './image/icon/android-chrome-144x144.png',
-    './image/icon/apple-touch-icon.png',
-    './audio/sonar_high.mp3',
-    './audio/sonar_low.mp3',
-    'https://cdn.jsdelivr.net/npm/bulma@1/css/bulma.min.css'
-];
+  './',
+  './site.webmanifest',
+  './index.html',
+  './image/icon/favicon.ico',
+  './image/icon/favicon-16x16.png',
+  './image/icon/favicon-32x32.png',
+  './image/icon/android-chrome-144x144.png',
+  './image/icon/apple-touch-icon.png',
+  './audio/sonar_high.mp3',
+  './audio/sonar_low.mp3',
+  './assets',
+  'https://cdn.jsdelivr.net/npm/bulma@1/css/bulma.min.css',
+]
 
 self.addEventListener('install', event => {
-    event.waitUntil(
-        caches.open(CACHE_NAME)
-            .then(cache => {
-                return cache.addAll(URLS_TO_CACHE);
-            })
-    );
-});
+  event.waitUntil(
+    caches.open(CACHE_NAME)
+      .then(cache => {
+        return cache.addAll(URLS_TO_CACHE)
+      }),
+  )
+})
 
 self.addEventListener('fetch', event => {
-    event.respondWith(
-        caches.match(event.request)
-            .then(response => {
-                return response || fetch(event.request);
-            })
-    );
-});
+  event.respondWith(
+    caches.match(event.request)
+      .then(response => {
+        return response || fetch(event.request)
+      }),
+  )
+})
 
 self.addEventListener('activate', event => {
-    const cacheWhitelist = [CACHE_NAME];
-    event.waitUntil(
-        caches.keys().then(cacheNames => {
-            return Promise.all(
-                cacheNames.map(cacheName => {
-                    if (cacheWhitelist.indexOf(cacheName) === -1) {
-                        return caches.delete(cacheName);
-                    }
-                })
-            );
-        })
-    );
-});
+  const cacheWhitelist = [CACHE_NAME]
+  event.waitUntil(
+    caches.keys().then(cacheNames => {
+      return Promise.all(
+        cacheNames.map(cacheName => {
+          if (cacheWhitelist.indexOf(cacheName) === -1) {
+            return caches.delete(cacheName)
+          }
+        }),
+      )
+    }),
+  )
+})
diff --git a/src/components/TimerAdjustment.vue b/src/components/TimerAdjustment.vue
@@ -9,7 +9,7 @@
           :value="offsetTime"
           class="input"
           type="number"
-          @input="updateOffsetTime($event.target.value)"
+          @input="updateOffsetTime"
         />
       </div>
     </div>
@@ -70,8 +70,9 @@ export default defineComponent({
       const newOffset = (this.incrementTime * percentage) / 100
       this.$emit('updateOffsetTime', newOffset)
     },
-    updateOffsetTime(value: number) {
-      this.$emit('updateOffsetTime', parseFloat(value))
+    updateOffsetTime(event: Event) {
+      const target = event.target as HTMLInputElement
+      this.$emit('updateOffsetTime', parseFloat(target.value))
     },
   },
 })

diff --git a/src/views/GongFuBrewView.vue b/src/views/GongFuBrewView.vue
@@ -98,20 +98,20 @@ export default defineComponent({
       }
     },
     toggleStartStop() {
-      this.$refs.timerDisplay.toggleStartStop()
+      ;(this.$refs.timerDisplay as InstanceType<typeof TimerDisplay>).toggleStartStop()
     },
     nextInfusion() {
       this.initialTime += this.offsetTime
       this.infusionCount++
       this.offsetTime = 0
       this.persistSettings()
-      this.$refs.timerDisplay.resetTimer()
+      ;(this.$refs.timerDisplay as InstanceType<typeof TimerDisplay>).resetTimer()
     },
     previousInfusion() {
       if (this.infusionCount > 1) {
         this.infusionCount--
         this.persistSettings()
-        this.$refs.timerDisplay.resetTimer()
+        ;(this.$refs.timerDisplay as InstanceType<typeof TimerDisplay>).resetTimer()
       }
     },
     finishInfusion() {