Add vuex data support and usage example

[DreaMinder]

Now you can use page-specific vuex data, but I think this approach is still unreliable, be careful.

[simplenotezy]

Hi @DreaMinder! Sorry for taking this long to get back to you; I really appreciate your efforts in making this approach possible.

We've been busy launching the site, and it's finally live: https://thejewelleryroom.com

I am still interesting in testing it out, however, I postponed it a bit, because I got worried the payloads would be too big? We have around 5-6000 routes, and I am not sure if the payload extractor would work in such case? Perhaps it will? Care to elaborate a bit?

I'll be happy to test it out.

[DreaMinder]

We have around 5-6000 routes

Payload extractor will work as long as nuxt generate works, but I wouldn't use pregenerate-approach in this case. It could take up to an hour to redeploy a new version with this amount of pages...

Maybe you might want to test native implementation as well? It was released in beta (check nuxt-edge package) and it doesn't support vuex as well, but maybe it will work in your case ¯_(ツ)_/¯. nuxt/nuxt#6159
Either way, nuxt-payload-extractor will be deprecated eventually.

[simplenotezy]

Thanks for prompt reply. I already use "generateRoutes" to prefetch all routes when running nuxt generate; do you think it would also take extra amount of time in such case?

Thanks for linking to the new version in nuxt-edge, I will check it out. Do you think it's the same, in terms of increased build time when using this approach?

Build already takes around 1500 - 2000 seconds, so I'd prefer to keep it low ;)

[DreaMinder]

Hm, I can't say for sure. It depends on your deployment strategy: in case files are getting loaded one by one, payloads will increase deployment time.
I guess you'll have to test it out. And I think your experience would be useful for other people to see in an article 😉

[simplenotezy]

Thanks @DreaMinder. I'll test it out. I am still not sure why his PR won't work with Vuex. Can you elaborate a bit?

[DreaMinder]

Do you mean PR native-implementation PR in the nuxt repo? I'm not saying it won't work, I've only seen a person (in github issues or discord) that failed to get it working with vuex. But maybe he has a slightly different use-case, so I can't say for sure.

[simplenotezy]

OK thanks @DreaMinder. I'll spin up a staging environment and test it out!

[simplenotezy]

Seems to work great :) https://beta.thejewelleryroom.com