mahdiboomeri / nuxt-query

Supercharged Nuxt 3 data fetching

Hello there 👋

I'm Mahdi.

Metrics

nuxt-query's Issues

Lifecycle hooks (interceptors)

I may have to delete the hooks for useFetch in favor of ofetch interceptors

`useQueryClient` composable

A composable to easily set default options for useQuery variants

Using serializable array and object as keys

`state` enum

state === 'pending' => same as pending
state === 'error' => same as !!error
state === 'success' => same as successful state (no error and pending)

`useQueryCache` composable

remove if useNuxtData got merged

refetch on window focus

`useQuery` composable

`fetching` state

Basic dev-tools

Vue dev-tools plugin can help a lot in terms of DX.
dev-tools should allow:

• Inspect query cache data
• See the timeline of changes

Roadmap and Ideas

Most of the inspiration came from @tanstack/query.
I thought about just using the Vue adaptor however that's an additional dependency in the bundle, Nuxt already has a similar API which is well integrated with Nuxt itself.

Motivation

This module is supposed to be a collection of mostly syntax sugars for patterns I saw myself reinventing in a large project using Nuxt 3 useAsyncData.

Goals

• Minimum bundle cost (aiming for less than 5KB)
• Drop-in replacement for useAsyncData (no changing behaviors, only adding things)

Roadmap and Ideas

• #6
• useMutation
• #7
• useInfiniteQuery
• #4
• #15
• Refresh data base on key patterns
• #8
• #12
• new fetchStatus enum => 'fetching' | 'paused' | 'idle'
• #17
• network mode => e.g. refetchOnOnline
• #10
• global loading indicator => dev only component
• retry and retry delay
• paginated or lagged Queries
• fetch with an IntersectionObserver API
• #2
• #13
• tRPC integeration

Dependent Queries and `enable` option