From 7e53160162298746bf04d6d11674b859e1db8476 Mon Sep 17 00:00:00 2001
From: Thomas Basler <thomas@familie-basler.net>
Date: Mon, 17 Oct 2022 18:29:26 +0200
Subject: [PATCH] webapp: Implement Navbar as typescript

---
 webapp/src/components/NavBar.vue | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/webapp/src/components/NavBar.vue b/webapp/src/components/NavBar.vue
index df112b3..2da75bd 100644
--- a/webapp/src/components/NavBar.vue
+++ b/webapp/src/components/NavBar.vue
@@ -77,12 +77,14 @@
     </nav>
 </template>
 
-<script>
-export default {
+<script lang="ts">
+import { defineComponent } from 'vue';
+
+export default defineComponent({
     methods: {
         onClick() {
-            this.$refs.navbarCollapse && this.$refs.navbarCollapse.classList.remove("show");
+            this.$refs.navbarCollapse && (this.$refs.navbarCollapse as HTMLElement).classList.remove("show");
         }
     },
-}
+});
 </script>