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

@@ -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>
+<script setup>
-import Logo404 from './assets/images/404.svg'
+import Logo404 from '~/assets/images/404.svg'
 
-export default {
+defineProps({
-  components: {
+  error: {
-    Logo404,
+    type: Object,
-  },
+    default() {
-  props: {
+      return {
-    error: {
+        statusCode: 1000,
-      type: Object,
+        message: 'Unknown error',
-      default() {
+      }
-        return {
-          statusCode: 1000,
-          message: 'Unknown error',
-        }
-      },
     },
   },
-}
+})
 </script>
 
 <style lang="scss" scoped>