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,14 +22,10 @@
   </NuxtLayout>
 </template>
 
-<script>
+<script setup>
-import Logo404 from './assets/images/404.svg'
+import Logo404 from '~/assets/images/404.svg'
 
-export default {
+defineProps({
-  components: {
-    Logo404,
-  },
-  props: {
   error: {
     type: Object,
     default() {
@@ -39,8 +35,7 @@ export default {
       }
     },
   },
-  },
+})
-}
 </script>
 
 <style lang="scss" scoped>