@daniel If you uncomment the analyze part in:

build: { scopeHoisting: true, vueRouterMode: 'history', showProgress: true, gzip: false, // analyze: { // analyzerPort: 9000, // openAnalyzer: true // }, }

And build your application, you’ll see webpack’s bundle analyzer. It’s very helpful in optimizing your JS chunks.

@daniel If you ever end up using SSR, you instead need to pass the store instance to the DemoService constructor, at least that’s how I do it. Then just store it as this.store.

The reason Quasar doesn’t export the store directly is precisely because in SSR, each store instance is separate for each request. If you aren’t using SSR then metalsadman’s answer is much easier, and you can do the same with the router instance as well.

This is a great article by Tobias about singletons and SSR with Quasar: https://dev.to/quasar/quasar-ssr-using-cookies-with-other-libs-services-4nkl

@tof06 Thank you so much. Now, it’s working!

@daniel Just FYI, you don’t have to use then() when you’re using await (it converts the resolved value to the return value).