Add content for pinia

content/roadmaps/100-frontend/content-paths.json

@@ -68,7 +68,7 @@
   "pick-a-framework:angular:rxjs": "/roadmaps/100-frontend/content/111-pick-a-framework/101-angular/100-rxjs.md",
   "pick-a-framework:angular:ngrx": "/roadmaps/100-frontend/content/111-pick-a-framework/101-angular/101-ngrx.md",
   "pick-a-framework:vue-js": "/roadmaps/100-frontend/content/111-pick-a-framework/102-vue-js/readme.md",
-  "pick-a-framework:vue-js:vuex": "/roadmaps/100-frontend/content/111-pick-a-framework/102-vue-js/100-vuex.md",
+  "pick-a-framework:vue-js:pinia": "/roadmaps/100-frontend/content/111-pick-a-framework/102-vue-js/100-pinia.md",
   "modern-css": "/roadmaps/100-frontend/content/112-modern-css/readme.md",
   "modern-css:styled-components": "/roadmaps/100-frontend/content/112-modern-css/100-styled-components.md",
   "modern-css:css-modules": "/roadmaps/100-frontend/content/112-modern-css/101-css-modules.md",

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

@@ -1,7 +0,0 @@
-# Vuex
-
-Vuex is a state management pattern + library for Vue.js applications. It serves as a centralized store for all the components in an application, with rules ensuring that the state can only be mutated in a predictable fashion. 
-
-<ResourceGroupTitle>Free Content</ResourceGroupTitle>
-<BadgeLink colorScheme='yellow' badgeText='Read' href='https://vuex.vuejs.org/'>Official Documentation</BadgeLink>
-<BadgeLink colorScheme='purple' badgeText='Watch' href='https://www.youtube.com/watch?v=5lVQgZzLMHc'>Vuex Crash Course</BadgeLink>

public/project/frontend.json

@@ -8427,7 +8427,7 @@
           "x": "1155",
           "y": "1918",
           "properties": {
-            "controlName": "100-pick-a-framework:vue-js:vuex"
+            "controlName": "100-pick-a-framework:vue-js:pinia"
           },
           "children": {
             "controls": {
@@ -8457,7 +8457,7 @@
                   "y": "18",
                   "properties": {
                     "size": "17",
-                    "text": "VueX"
+                    "text": "Pinia"
                   }
                 },
                 {