No refetch on query key change

export default defineComponent({
  name: 'Todos',
  setup() {
    const { showArchivedTodos } = useTodos()

    const { data: todos } = useTodos({
      filters: {
        is_archived: showArchivedTodos.value // Dynamic value which correctly updates via toggle but does not trigger a refetch once updated
      },
      queryOptions: {
        staleTime: 0
      }
    })

    return {
      todos,
      showArchivedTodos
    }
  }
})

export const useTodos = (opts?: {
  filters?: TodosFilters
  queryOptions?: UseQueryOptions<
    Todos,
    unknown,
    Todos,
    TodosKeys['list']['queryKey']
  >
}) => {
  const { filters, queryOptions } = opts ?? {}

  return useQuery({
    ...queries.todos.list(filters),
    ...queryOptions,
    initialData: initialTodos
  })
}

export const todosKeys = createQueryKeys('todos', {
  list: (filters?: TodosFilters, config?: AxiosRequestConfig) => ({
    queryKey: [{ filters }],
    queryFn: ({ signal }) => getTodos({ filters, config: { ...config, signal } })
  })
})