fix: use exception for ignoring requests

Author: frederikbache

src/RequestIgnoredError.ts

@@ -0,0 +1 @@
+export default class RequestIgnoredError extends Error {}

src/createStores.ts

@@ -1,6 +1,7 @@
 import { defineStore, type StoreDefinition } from 'pinia';
 import { ID, ApiNames } from './types';
 import createValidator from './validateResponse';
+import RequestIgnoredError from './RequestIgnoredError';
 
 type SortSettings = {
   field: string;
@@ -181,7 +182,9 @@ function createStore(
 
         return api.get(url, params).then((res: any) => {
           if (requestKey) {
-            if (this.requestKeys[requestKey] !== startedAt) return;
+            if (this.requestKeys[requestKey] !== startedAt) {
+              throw new RequestIgnoredError();
+            }
             delete this.requestKeys[requestKey];
           }
           if (settings.envelope === false) {

src/useFetchState.ts

@@ -1,5 +1,6 @@
 import { computed, ref, useSlots } from 'vue';
 import ServerError from './ServerError';
+import RequestIgnoredError from './RequestIgnoredError';
 
 export default function useFetchState(loadOnUpdate: boolean) {
   const hasLoaded = ref(false);
@@ -14,6 +15,10 @@ export default function useFetchState(loadOnUpdate: boolean) {
   const isFailed = computed(() => state.value === 'failed');
 
   function handleError(e: any) {
+    if (e instanceof RequestIgnoredError) {
+      // The request was ignored, no error needed
+      return;
+    }
     if (!slots.failed) {
       if (e.log) {
         e.log('Fetch unhandled:');