is it possible to fully reset all pinia colada cache?

[tednaaa]

as the titles says, the case is when

1. I logging in to user1
2. then I logout
3. then login with user2 credentials

as a result I see some data about user1 when logged as user2

I would like to do fully reset of state when user logged out

[posva]

You can invalidate all the relevant queries or even remove them, set a pending state:

const queryCache = useQueryCache()

// by default only active queries are invalidated
queryCache.invalidateQueries({ active: null })

for (const entry of queryCache.getEntries()) {
  queryCache.remove(entry) // or setEntryState(entry, { status: 'pending', data: undefined, error: null })
}

You can pass more filters to both invalidateQueries and getEntries to only affect authenticated queries. You could even include that in the key and use predicate function

[tednaaa]

Thank you! I tried using the { active: null } filter — it actually worked, but TypeScript showed an error since it could be a boolean or undefined.

I also tried using a predicate function, and that seemed to help:

queryCache.invalidateQueries({ predicate: () => true });

One minor thing: now, instead of constantly showing the previous user data, it briefly flashes (for about 0.5 seconds) before invalidating.

[posva]

The type error was removed recently so you might need to upgrade.

One minor thing: now, instead of constantly showing the previous user data, it briefly flashes (for about 0.5 seconds) before invalidating.

I can't tell from this what it could be 😓

[tednaaa]

thank you one more time! on 0.15.0 I don't have anymore that flash issue