Working

src/components/AboutHome.vue

@@ -21,12 +21,11 @@
 
 <script lang="ts">
 import {defineComponent, useAsync, useContext} from "@nuxtjs/composition-api";
-import {InfoData} from "~/types/types";
 
 export default defineComponent({
   name: "AboutHome",
   setup() {
-    const {$axios, $sentry} = useContext()
+    const {$axios, $sentry, app} = useContext()
     const age = useAsync(async () => {
       const response = await $axios.get('/api/informations', {
         headers: {
@@ -37,6 +36,7 @@ export default defineComponent({
         return response.data.informations.age
       } else {
         $sentry.captureEvent(response.data)
+        app.error({statusCode: 500})
       }
     }, 'infos')
 

src/components/Announcement.vue

@@ -17,8 +17,7 @@
 </template>
 
 <script lang="ts">
-import {computed, ref, useAsync, useContext} from "@nuxtjs/composition-api";
-import {Announce} from "~/types/types";
+import {computed, useAsync, useContext} from "@nuxtjs/composition-api";
 
 export default {
   name: "Announcement",
@@ -63,7 +62,3 @@ export default {
   }
 }
 </script>
-
-<style scoped>
-
-</style>