diff --git a/webapp/src/App.vue b/webapp/src/App.vue
index f1bb6a24..8ace89a1 100644
--- a/webapp/src/App.vue
+++ b/webapp/src/App.vue
@@ -6,14 +6,15 @@
 </template>
 
 <script lang="ts">
+import { defineComponent } from 'vue';
 import NavBar from "./components/NavBar.vue";
 
-export default {
+export default defineComponent({
     name: "App",
     components: {
         NavBar,
     },
-};
+});
 </script>
 
 <style>