From 0b78983398d7303a67601688dc9b9ff5b4b9633a Mon Sep 17 00:00:00 2001
From: Marcus Vinicius Gomes
 <84883298+marcusviniciusg03dev@users.noreply.github.com>
Date: Wed, 3 Aug 2022 13:02:46 -0300
Subject: [PATCH] Add content for pinia

---
 .../content/111-pick-a-framework/102-vue-js/101-pinia.md    | 6 ++++++
 1 file changed, 6 insertions(+)
 create mode 100644 content/roadmaps/100-frontend/content/111-pick-a-framework/102-vue-js/101-pinia.md

diff --git a/content/roadmaps/100-frontend/content/111-pick-a-framework/102-vue-js/101-pinia.md b/content/roadmaps/100-frontend/content/111-pick-a-framework/102-vue-js/101-pinia.md
new file mode 100644
index 000000000..7c9d35c16
--- /dev/null
+++ b/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>