Try image error handling

Signed-off-by: Olga Bulat <[email protected]>

Author: obulat

frontend/nuxt.config.ts

@@ -153,9 +153,8 @@ export default defineNuxtConfig({
     vueI18n: "./src/vue-i18n",
   },
   plausible: {
-    logIgnoredEvents: true,
+    logIgnoredEvents: !isProd,
     trackLocalhost: !isProdNotPlaywright && !isTest,
-    // ignoredHostnames: isProdNotPlaywright ? [] : ["localhost"],
     // This is the current domain of the site.
     domain:
       process.env.SITE_DOMAIN ??

frontend/src/middleware/search.ts

@@ -5,6 +5,7 @@ import {
   handledClientSide,
   createError,
   useNuxtApp,
+  showError,
 } from "#imports"
 
 import { useMediaStore } from "~/stores/media"
@@ -51,7 +52,7 @@ export const searchMiddleware = defineNuxtRouteMiddleware(async (to) => {
 
     const fetchingError = mediaStore.fetchState.fetchingError
     if (!results.length && fetchingError && !handledClientSide(fetchingError)) {
-      throw createError(fetchingError)
+      showError(createError(fetchingError))
     }
   }
 })