diff --git a/GuessNN-webapp/src/App.vue b/GuessNN-webapp/src/App.vue
index 8c5e956..8f92b75 100644
--- a/GuessNN-webapp/src/App.vue
+++ b/GuessNN-webapp/src/App.vue
@@ -2,7 +2,7 @@
 	<main-component></main-component>
 </template>
 
-<script>
+<script lang="ts">
 import MainComponent from "./components/MainComponent.vue";
 
 export default {
diff --git a/GuessNN-webapp/src/components/MainComponent.vue b/GuessNN-webapp/src/components/MainComponent.vue
index dd576a3..76393d3 100644
--- a/GuessNN-webapp/src/components/MainComponent.vue
+++ b/GuessNN-webapp/src/components/MainComponent.vue
@@ -5,8 +5,9 @@
 
 <script lang="ts">
 import jsonURL from "../assets/test.json?url";
+import { defineComponent } from "vue";
 
-export default {
+export default defineComponent({
 	name: "MainComponent",
 	data() {
 		return {
@@ -22,7 +23,7 @@ export default {
 				this.value = json;
 			});
 	},
-};
+});
 </script>
 
 <style scoped></style>
diff --git a/GuessNN-webapp/tsconfig.json b/GuessNN-webapp/tsconfig.json
index 61952ee..3463d8d 100644
--- a/GuessNN-webapp/tsconfig.json
+++ b/GuessNN-webapp/tsconfig.json
@@ -1,16 +1,22 @@
 {
   "extends": "@vue/tsconfig/tsconfig.web.json",
-  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
+  "include": [
+	"env.d.ts",
+	"src/**/*",
+	"src/**/*.vue"
+  ],
   "compilerOptions": {
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["./src/*"]
-    }
+	"baseUrl": ".",
+	"paths": {
+	  "@/*": [
+		"./src/*"
+	  ]
+	},
+	"noImplicitThis": true,
   },
-
   "references": [
-    {
-      "path": "./tsconfig.vite-config.json"
-    }
+	{
+	  "path": "./tsconfig.vite-config.json"
+	}
   ]
 }