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>
-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>