From d13222fde3ac9c7449f813d142deda735d70aa63 Mon Sep 17 00:00:00 2001
From: Joep <jcbuhre@gmail.com>
Date: Sat, 9 Sep 2023 13:52:38 +0200
Subject: [PATCH] Converted App.vue to composition api

---
 frontend/src/App.vue | 30 +++++++++++++++---------------
 1 file changed, 15 insertions(+), 15 deletions(-)

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