pending not reacting when using query with useCollection

[davies-maina]

I'm trying to get a document where citySlug matches a field slug. Pending is always false. Is there anything i'm doing wrong?

const citySource = computed(() => query(collection(db, Collections.cities), where('slug', '==', citySlug)))
const { data: city, promise,pending } = useCollection<City>(citySource, {
  ssrKey: 'city',
  once: true
  })