From 2cfc2ae116da594db0f55185d9e81804e63d8bd5 Mon Sep 17 00:00:00 2001
From: Joep <jcbuhre@gmail.com>
Date: Sat, 9 Sep 2023 13:46:55 +0200
Subject: [PATCH] Converted views/Errors.vue

---
 frontend/src/views/Errors.vue | 31 +++++++++++++++++--------------
 1 file changed, 17 insertions(+), 14 deletions(-)

diff --git a/frontend/src/views/Errors.vue b/frontend/src/views/Errors.vue
index 4b9c58e8..1cc88ec0 100644
--- a/frontend/src/views/Errors.vue
+++ b/frontend/src/views/Errors.vue
@@ -9,10 +9,16 @@
   </div>
 </template>
 
-<script>
+<script setup lang="ts">
 import HeaderBar from "@/components/header/HeaderBar.vue";
+import { computed } from "vue";
 
-const errors = {
+const errors: {
+  [key: string]: {
+    icon: string,
+    message: string
+  }
+} = {
   0: {
     icon: "cloud_off",
     message: "errors.connection",
@@ -31,16 +37,13 @@ const errors = {
   },
 };
 
-export default {
-  name: "errors",
-  components: {
-    HeaderBar,
-  },
-  props: ["errorCode", "showHeader"],
-  computed: {
-    info() {
-      return errors[this.errorCode] ? errors[this.errorCode] : errors[500];
-    },
-  },
-};
+const props = defineProps<{
+  errorCode: any,
+  showHeader: boolean
+}>()
+
+const info = computed(() => {
+  return errors[props.errorCode] ? errors [props.errorCode] : errors[500]
+})
+
 </script>