pinia VS vuex-smart-module

Pinia tab is a feature integrated with Pinia, allowing you to view the registered modules and their details.

pinia

If you like Vuex, you'll love Pinia (the new official Vue state management library). At least, I enjoyed recently migrating my personal app from Vuex to Pinia. Pinia is even simpler / more straightforward than Vuex (and even more so compared to Redux).

Related

const authMiddleware: Middleware = ({ pinia }) => { // !!! Important !!! // tell all the stores you are contacting // Pinia instance, otherwise you will have problems because Pinia will access the global object // https://github.com/vuejs/pinia/blob/8626aac0049243de231401a01fe20092eeaf279c/packages/pinia/src/store.ts#L870 if (!authStore(pinia).isAuth) { return { path:'/login', status: 401, } } }

When installing the "pinia" package via npm i pinia, I got a bunch of errors, similar to what's described here. This seems to be an issue with npm. Solution to that : install using yarn add -D pinia

Does using the main branch of pinia fix your issue? Over aggressive unwrapping was changed in https://github.com/vuejs/pinia/pull/1444

Also, I tried one syntax based on : https://github.com/vuejs/pinia/discussions/1096

Hi, I'm working on a simple game that runs with a lockstep simulation (basically there's a single game state module that has state, mutations, and actions). Actions are sent to the server-side store, they're applied, and mutations are sent to all the clients. I'm having trouble getting the vuex store to work properly on the server-side. I was planning on mocking a lot of it but I keep bringing more and more of vuex along for the ride. For context, I'm using vuex-smart-module: https://github.com/ktsn/vuex-smart-module. So far the client side is working great

Hello I'm working on a medium size application Vue2 which is using Vuex (around 20-25 modules) and since I cannot rewrite entire Vuex store - to use fantastic library https://github.com/ktsn/vuex-smart-module

I'm learning typescript at the moment, I've seen there's a few libraries out there to provide typed support, for example. https://github.com/mrcrowl/vuex-typex, https://github.com/ktsn/vuex-smart-module, do you have any reasons why you use one over the other?

If you are stuck in Vue 2 like me, the only way I found that kinda work is to use https://github.com/ktsn/vuex-smart-module. If your store is small I would try pinia or even composition api

I also used vuex-smart-module with Vue 2 and Vuex 3. It's a TS wrapper. It gives type safety, it works pretty well.