start() finished() loading animation sync with apollo query result about apollo HOT 8 CLOSED

@Atinux sure you can add me as maintainer, I will try my best.

I'm using a global indicator now and it works quite good so far. Will close it for now, maybe if I find a smarter solution I'll re-post it here

from apollo.

Is there any out-of-the-box solution yet or is a custom implementation the only solution?

from apollo.

@IgorSzymanski Not sure if you got it figured out but I was able to get it working with this

watchLoading: function(isLoading) {
    this.$nextTick(() => {
        if (this.$nuxt && this.$nuxt.$loading) {
            isLoading ? this.$nuxt.$loading.start() : this.$nuxt.$loading.finish();
        }
    })
}

from apollo.

Hi @dohomi

Does this code works when you implemented it?

from apollo.

@Atinux no it does not work. The problem is, that the routing already calls start() and finish() before the watchLoading hook is being called. And somehow (I don't know the reason) the call of

 watchLoading(isLoading){
          if (isLoading) {
            this.$root.$loading.start()
          } else {
            this.$root.$loading.finish()
          }
   } 

Is not showing the global loading at all.

from apollo.

I see @dohomi

Why not disabling loading into your nuxt.js app and use a custom loader that you can start/end with events instead?

BTW, you are contributing well on this module and honestly, I don't use apollo, do you want to be a maintainer of this module?

Please mention me, I have too many Github notifications so it's hard to keep track of them :/

from apollo.

@dohomi Welcome to Nuxt Community :D

from apollo.

@Atinux OK thanks!

from apollo.