Is it possible to watch state changes from connectGeoSearch mixin?

Feature ⚡️

What is your use case for such a feature?

Hi I would like to ask if I can watch changes from state.items from connectGeoSearch mixin?

Currently, I have no information about state.items see also official docs tutorial for context.

Currently, i need to create a workaround with setTimeout to get sure the state.items has been updated. Is there any better solution (subscription, watcher) to let us know when the state has been updated?

• Map.vue (child)

  methods: {
    async recenterMap() {
      console.debug("this.state.items:",this.state.items);

      // i need this in an real app to get sure the store has been updated
      await new Promise(resolve => setTimeout(resolve, 150));

      let geoloc = this.state.items.map(ds => [ds._geoloc.lat, ds._geoloc.lng]);
      this.map.fitBounds(geoloc);
    }
  }

• Index.vue (parent)

onSearch() {
      this.$refs.mjmap.recenterMap();
}

What is your proposal

watcher, subscription …

Demo

I tried to rebuild this in a codesandbox with two different fakedata which should replace the current state with math.random (i know poor example): https://codesandbox.io/s/algolia-vue-instantsearch-v3-geosearch-recenter-m9clf

What is the version you are using?

latest.

[regenrek]

Thanks for your answer. Yeah I ended up using watch. Works for me

    "state.items"() {
      if (this.state.items.length > 0) {
        this.recenterMap();
      }
      console.debug("state.items updated", this.state.items);
    }

[Haroenv]

Is there a reason watch: { 'state.items' ... does not work for you?