Improve asyncData error in search.vue

WordPress · Jan 10, 2025 · eed90eb · eed90eb
1 parent 6455642
commit eed90eb
Showing 1 changed file with 8 additions and 10 deletions.
diff --git a/frontend/src/pages/search.vue b/frontend/src/pages/search.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import {
-  createError,
   definePageMeta,
   navigateTo,
   showError,
@@ -128,15 +127,14 @@ await useAsyncData(
      */
     document.getElementById("main-page")?.scroll(0, 0)
     const res = await fetchMedia()
-    if (!res) {
-      return showError(
-        createError(
-          fetchingError.value ?? "Fetch media did not return anything"
-        )
-      )
-    }
-    if ("requestKind" in res) {
-      return showError(res)
+
+    const error = !res
+      ? (fetchingError.value ?? "Fetch media error") // middleware in SSR returned an error
+      : "requestKind" in res // fetchMedia returned a `FetchingError`
+        ? res
+        : null
+    if (error) {
+      return showError(error)
     }
     return res
   },