diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 41b76526..60aa11aa 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -4,20 +4,20 @@
   </div>
 </template>
 
-<script lang="ts">
-export default {
-  name: "app",
-  mounted() {
-    const loading = document.getElementById("loading");
-    if(loading !== null) {
-      loading.classList.add("done");
+<script setup lang="ts">
+import { onMounted } from 'vue';
+
+onMounted(() => {
+  const loading = document.getElementById("loading");
+  if(loading !== null) {
+    loading.classList.add("done");
+  
+    setTimeout(function () {
+      if(loading.parentNode !== null) {
+        loading.parentNode.removeChild(loading);
+      }
+    }, 200);
+  } 
+})
 
-      setTimeout(function () {
-        if(loading.parentNode !== null) {
-          loading.parentNode.removeChild(loading);
-        }
-      }, 200);
-    } 
-  },
-};
 </script>
\ No newline at end of file