- Turn on network throttling in dev-tools and press Refetch
+
+ Turn on network throttling in dev-tools and press Refetch
+
diff --git a/examples/suspense/src/App.vue b/examples/suspense/src/App.vue
index 80c65ca..ae55c65 100644
--- a/examples/suspense/src/App.vue
+++ b/examples/suspense/src/App.vue
@@ -16,7 +16,10 @@ export default defineComponent({
vue-query example
- Turn on Slow 3G or Offline in dev-tools and hit Refetch
+
+ Turn on Slow 3G or Offline in dev-tools
+ and hit Refetch
+
diff --git a/src/devtools/active-query-panel/Explorer.vue b/src/devtools/active-query-panel/Explorer.vue
index 8f5847c..e3bea64 100644
--- a/src/devtools/active-query-panel/Explorer.vue
+++ b/src/devtools/active-query-panel/Explorer.vue
@@ -251,11 +251,8 @@ export default defineComponent({
)
);
- const expanded = this.expanded
- ? this.subEntryPages.length === 1
- ? singlePage
- : multiPage
- : undefined;
+ const page = this.subEntryPages?.length === 1 ? singlePage : multiPage;
+ const expanded = this.expanded ? page : undefined;
const noPages = [
h("span", { class: "expandable" }, this.label),
diff --git a/src/devtools/components/QueryOptions.vue b/src/devtools/components/QueryOptions.vue
index 4349dcc..5587ab9 100644
--- a/src/devtools/components/QueryOptions.vue
+++ b/src/devtools/components/QueryOptions.vue
@@ -136,6 +136,7 @@ export default defineComponent({
)
: undefined;
+ const sortDesc = this.options.sortDesc ? "⬇ Desc" : "⬆ Asc";
const button = !this.options.filter
? h(
"button",
@@ -155,7 +156,7 @@ export default defineComponent({
click: this.onSortDescChange,
},
},
- this.options.sortDesc ? "⬇ Desc" : "⬆ Asc"
+ sortDesc
)
: undefined;
diff --git a/src/devtools/utils.ts b/src/devtools/utils.ts
index 6b1ec57..4f4b3b8 100644
--- a/src/devtools/utils.ts
+++ b/src/devtools/utils.ts
@@ -67,12 +67,13 @@ const queryHashSort: SortFn = (a, b) => (a.queryHash > b.queryHash ? 1 : -1);
const dateSort: SortFn = (a, b) =>
a.state.dataUpdatedAt < b.state.dataUpdatedAt ? 1 : -1;
-const statusAndDateSort: SortFn = (a, b) =>
- getStatusRank(a) === getStatusRank(b)
- ? dateSort(a, b)
- : getStatusRank(a) > getStatusRank(b)
- ? 1
- : -1;
+const statusAndDateSort: SortFn = (a, b) => {
+ if (getStatusRank(a) === getStatusRank(b)) {
+ return dateSort(a, b);
+ }
+
+ return getStatusRank(a) > getStatusRank(b) ? 1 : -1;
+};
export const sortFns: Record = {
"Status > Last Updated": statusAndDateSort,
diff --git a/src/test-utils.ts b/src/test-utils.ts
index 5f24fb7..e7e2274 100644
--- a/src/test-utils.ts
+++ b/src/test-utils.ts
@@ -46,9 +46,5 @@ export function successMutator(param: T): Promise {
// eslint-disable-next-line @typescript-eslint/no-unused-vars
export function errorMutator(param: T): Promise {
- return new Promise((resolve, reject) => {
- setTimeout(() => {
- return reject(new Error("Some error"));
- }, 0);
- });
+ return rejectFetcher();
}
diff --git a/src/vue/useIsFetching.ts b/src/vue/useIsFetching.ts
index c8d52e7..87f5440 100644
--- a/src/vue/useIsFetching.ts
+++ b/src/vue/useIsFetching.ts
@@ -30,8 +30,8 @@ export function useIsFetching(
});
watchEffect(() => {
- const parsedFilters = parseFilterArgs(arg1, arg2);
- filters.value = parsedFilters;
+ const parsedFiltersUpdate = parseFilterArgs(arg1, arg2);
+ filters.value = parsedFiltersUpdate;
});
onUnmounted(() => {
diff --git a/src/vue/useMutation.ts b/src/vue/useMutation.ts
index 2ad37ae..dcaec43 100644
--- a/src/vue/useMutation.ts
+++ b/src/vue/useMutation.ts
@@ -105,8 +105,9 @@ export function useMutation<
variables: TVariables,
mutateOptions?: MutateOptions
) => {
- // eslint-disable-next-line @typescript-eslint/no-empty-function
- observer.mutate(variables, mutateOptions).catch(() => {});
+ observer.mutate(variables, mutateOptions).catch(() => {
+ // This is intentional
+ });
};
watchEffect(() => {