pinia VS vue-demi

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

You can use the composition API in Vue 2 -- check out vue-demi. I'm using it in a couple vue 2 projects, and it's quite solid.

Supports both Vue 2.x and Vue 3.x all thanks to vue-demi

I used vue-demi so both Vue 2 and 3 are supported.

It supports Vue 3 and Vue 2 (via composition-api plugin) powered by vue-demi.

It's generally possible if you stick to shared syntax and use something like vue-demi: https://github.com/vueuse/vue-demi

Or another idea is to use vue-demi to slowy rewrite components in Vue 3 and import them with demi in vue 2 (existing platform), repeat this until we have everything rewritten.

It's possible to achieve this by using a developing tool that the same @antfu created called Vue-demi.