Hey guys,
coming from angular/ionic I am having a little trouble to understand the right setup.

By default my quasar apps behave like this:

• create a popstate navigation
• open a page and scroll far down
• navigate forward (popstate) and hit browsers back button
• end up on previous page but at top not as (expected) scrolled Position

I tried a few things so far like:

• quasar.conf.js activating vueRouterMode: ‘history’,
• changed router/index.js to:

  const Router = new VueRouter({
    //scrollBehavior: () => ({ x: 0, y: 0 }),
    scrollBehavior: (to, from, savedPosition) => new Promise((resolve) => {
      const position = savedPosition || {};
      if (!savedPosition) {
        if (to.hash) {
          position.selector = to.hash;
        }
        if (to.matched.some((m) => m.meta.scrollToTop)) {
          position.x = 0;
          position.y = 0;
        }
      }
      Router.app.$root.$once('triggerScroll', () => {
        Router.app.$nextTick(() => resolve(position));
      });
    }),

    routes,

sadly those two did not do the trick. I am pretty sure that is a basic misunderstanding in regards to vue on my end.
Anyone able to help me get back on track?

ok, I agree I need to dig into that next

@qyloxe ok understood - so still the vuex way
that I found out about in my second post (see above), I thought you meant that there was another way aside vuex or global bus events.

so for now, there are two ways. global (mystic) bus events and vuex
thanks!

@qyloxe said in update badges in tabs:

https://vuejs.org/v2/guide/computed.html#Computed-Setter

how so?
Maybe I am not getting it really, but this sounds the wrong way around.

• tabs are in layout.vue
• the trigger functions to update the tabs are in every other component.

the @input of tabs will be fired within layout vue wont it? how can I access it from another component then?

@rstoenescu thank you for the infinite scroll update!!

A succesfull day on my own:
https://quasar.dev/options/global-event-bus#Introduction

I was able to just use the global event bus from quasar as a solution.

Easy thing once you found it:
For each badge counter that I have in my layout, I create an event to keep it updated throughout the app.
On each screen (or later by push) I emit an event with the current counter and that updates the badge automatically.

Solved.

I tried googleing for a day and I guess (have no clue so far) that vuex might be a thing for such a challenge. Will dig a little deeper within the next days, what this vuex is all about

@metalsadman
great! thank you!

Newbie question:
how would I update a quasar project that I started two weeks back?