Add routing and forms docs content

content/roadmaps/105-vue/content/102-ecosystem/100-routing/100-vue-router.md

@@ -1 +1,7 @@
-# Vue router
+# Vue Router
+
+Vue Router is the official router for Vue.js which allows creating static/dynamic routes, has support for navigation interception, allows for component based configuration and much more.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://router.vuejs.org/'>Vue Router</BadgeLink>
+

content/roadmaps/105-vue/content/102-ecosystem/100-routing/readme.md

@@ -1 +1,3 @@
-# Routing
+# Routing
+
+Routing is an essential concept in Single Page Applications (SPA). When your application is divided into separated logical sections, and all of them are under their own URL, your users can easily share links among each other.

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

@@ -1 +1,8 @@
-# Vue formulate
+# Vue formulate
+
+Vue formulate's built-in validation, error handling, grouped & repeatable fields, form generation, and more — make complex form creation a breeze.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://vueformulate.com/'>Official Website: Vue Formulate</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='GitHub Repository' href='https://github.com/wearebraid/vue-formulate'>wearebraid/vue-formulate</BadgeLink>
+

content/roadmaps/105-vue/content/102-ecosystem/101-forms/101-vee-validate.md

@@ -1 +1,9 @@
-# Vee validate
+# Vee validate
+
+OpenSource plugin to handle form validations in Vue.js
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://vee-validate.logaretm.com/v4/'>Official Website: Vee Validate</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='GitHub Repository' href='https://github.com/logaretm/vee-validate'>logarem/vee-validate</BadgeLink>
+
+

content/roadmaps/105-vue/content/102-ecosystem/101-forms/102-vuelidate.md

@@ -1 +1,8 @@
-# Vuelidate
+# Vuelidate
+
+Simple, lightweight model-based validation for Vue.js.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://vuelidate.js.org/'>Official Website: Vuelidate</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='GitHub Repository' href='https://github.com/vuelidate/vuelidate'>vuelidate/vuelidate</BadgeLink>
+

content/roadmaps/105-vue/content/102-ecosystem/101-forms/readme.md

@@ -1 +1,3 @@
-# Forms
+# Forms
+
+Apart from the built-in form-binding support, there are several options available that allow for handling forms and data in much convenient manner.

content/roadmaps/105-vue/content/102-ecosystem/readme.md

@@ -1 +1,7 @@
-# Ecosystem
+# Ecosystem
+
+Thanks to its popularity, Vue has been enriched by a vast ecosystem of plugins and tools. A (long) list is available here: [awesome-vue](https://github.com/vuejs/awesome-vue).
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Awesome Repo' href='https://github.com/vuejs/awesome-vue'>Awesome Vue.js</BadgeLink>
+