From 871a17a108e632655b8f1ec80f7bda65de20be5b Mon Sep 17 00:00:00 2001
From: Mysterious_Dev <40738104+Mysterious-Dev@users.noreply.github.com>
Date: Tue, 24 Oct 2023 21:46:09 +0200
Subject: [PATCH] Convert error page to Composition API and fix condition for
 404 Logo (#1405)

* Convert error to Composition API

* Fixed 404 logo not being displayed every time
---
 error.vue | 29 ++++++++++++-----------------
 1 file changed, 12 insertions(+), 17 deletions(-)

diff --git a/error.vue b/error.vue
index 0ad38d173..d917471ee 100644
--- a/error.vue
+++ b/error.vue
@@ -2,7 +2,7 @@
   <NuxtLayout>
     <div class="main">
       <div class="error">
-        <Logo404 v-if="error.statusCode === '404'" />
+        <Logo404 v-if="error.statusCode === 404" />
         <h1 v-else>An error occurred!</h1>
         <p>{{ error.message }}</p>
         <div class="button-group">
@@ -22,25 +22,20 @@
   </NuxtLayout>
 </template>
 
-<script>
-import Logo404 from './assets/images/404.svg'
+<script setup>
+import Logo404 from '~/assets/images/404.svg'
 
-export default {
-  components: {
-    Logo404,
-  },
-  props: {
-    error: {
-      type: Object,
-      default() {
-        return {
-          statusCode: 1000,
-          message: 'Unknown error',
-        }
-      },
+defineProps({
+  error: {
+    type: Object,
+    default() {
+      return {
+        statusCode: 1000,
+        message: 'Unknown error',
+      }
     },
   },
-}
+})
 </script>
 
 <style lang="scss" scoped>