Add content for pinia

content/roadmaps/100-frontend/content/111-pick-a-framework/102-vue-js/101-pinia.md

@@ -0,0 +1,6 @@
+# Pinia
+
+Pinia is a store library for Vue.js, and can be used in Vue 2 and Vue 3, with the same API, except in SSR and its installation. It allows state sharing between pages and components around the application. As the documentation says, it is extensible, intuitive (by organization), has devtools support (in Vue.js devtools), inferred typed state even in javascript and more. In Pinia you can access, mutate, replace, use getters that works like computed, use actions, etc. The library is recommended by the official Vue.js documentation.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://pinia.vuejs.org/'>Official Documentation</BadgeLink>