Add updates to vue roadmap

src/data/roadmaps/vue/content/102-ecosystem/101-forms/100-formkit.md

@@ -0,0 +1,8 @@
+# Formkit
+
+FormKit helps build forms faster by simplifying form structure, generation, validation, theming, submission, error handling, and more.
+
+Visit the following resources to learn more:
+
+- [Formkit Documentation](https://formkit.dev/)
+

src/data/roadmaps/vue/content/102-ecosystem/101-forms/100-vue-formulate.md

@@ -1,8 +0,0 @@
-# Vue formulate
-
-Vue formulate's built-in validation, error handling, grouped & repeatable fields, form generation, and more — make complex form creation a breeze.
-
-Visit the following resources to learn more:
-
-- [Official Website: Vue Formulate](https://vueformulate.com/)
-- [wearebraid/vue-formulate](https://github.com/wearebraid/vue-formulate)

src/data/roadmaps/vue/content/102-ecosystem/103-ssg/100-gridsome.md

@@ -1,8 +0,0 @@
-# Gridsome
-
-Gridsome is a Vue.js powered Jamstack framework for building static generated websites & apps that are fast by default.
-
-Visit the following resources to learn more:
-
-- [Gridsome Website](https://gridsome.org/)
-- [Gridsome Documentation](https://gridsome.org/docs/)

src/data/roadmaps/vue/content/102-ecosystem/103-ssg/100-vitepress.md

@@ -0,0 +1,7 @@
+# Vitepress
+
+Vitepress is a static site generator that is built on top of Vite. It is a lightweight and fast static site generator that is designed to work with Vue 3. Vitepress is a great choice for building documentation sites, blogs, and other static sites.
+
+Visit the following resources to learn more:
+
+- [https://vitepress.dev/)

src/data/roadmaps/vue/content/102-ecosystem/103-ssg/101-vuepress.md

@@ -1,9 +0,0 @@
-# Vuepress
-
-VuePress is composed of two parts: a minimalistic static site generator (opens new window)with a Vue-powered theming system and Plugin API, and a default theme optimized for writing technical documentation. It was created to support the documentation needs of Vue’s own sub projects.
-
-Visit the following resources to learn more:
-
-- [Official Website](https://vuepress.vuejs.org/)
-- [Official Docs for Getting Started](https://vuepress.vuejs.org/guide/getting-started.html)
-- [Introduction to VuePress](https://www.youtube.com/watch?v=lIv1ItUzktc)

src/data/roadmaps/vue/content/102-ecosystem/106-api-calls/103-fetch.md

@@ -0,0 +1,9 @@
+# Fetch
+
+The fetch() method in JavaScript is used to request to the server and load the information on the webpages. The request can be of any APIs that return the data of the format JSON or XML. This method returns a promise.
+
+Visit the following resources to learn more:
+
+- [Fetch MDN Docs](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch)
+- [Fetch W3school Docs](https://www.w3schools.com/jsref/api_fetch.asp)
+- [Network request - Fetch](https://javascript.info/fetch)

src/data/roadmaps/vue/content/102-ecosystem/106-api-calls/103-unfetch.md

@@ -1,7 +0,0 @@
-# Unfetch
-
-Unfetch is the bare minimum 500b [fetch](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API) polyfill.
-
-Visit the following resources to learn more:
-
-- [Official GitHub Repository](https://github.com/developit/unfetch)

src/data/roadmaps/vue/content/102-ecosystem/106-api-calls/104-superagent.md

@@ -1,8 +0,0 @@
-# Superagent
-
-Small progressive client-side HTTP request library, and Node.js module with the same API, supporting many high-level HTTP client features
-
-Visit the following resources to learn more:
-
-- [Official Website](https://visionmedia.github.io/superagent/)
-- [GitHub Repository](https://github.com/visionmedia/superagent)

src/data/roadmaps/vue/content/102-ecosystem/106-api-calls/104-tanstack-query.md

@@ -0,0 +1,7 @@
+# TanStack Query
+
+TanStack Query is a data fetching and caching library for Vue.js and React. It is a part of the TanStack ecosystem.
+
+Visit the following resources to learn more:
+
+- [Official Website](https://tanstack.com/query)

src/data/roadmaps/vue/content/102-ecosystem/113-vueuse.md

@@ -0,0 +1,8 @@
+# VueUse
+
+VueUse is a collection of utility functions based on Composition API. It has over 200+ functions, is tree-shakable, has first-class TypeScript support, and has a small bundle size. VueUse is a great choice for adding common utilities to your Vue 3 projects.
+
+Visit the following resources to learn more:
+
+- [Official Website - VueUse](https://vueuse.org/)
+