From 3f822695df300928323938ace3e208a554b0317e Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Tue, 9 Aug 2022 21:18:02 +0400
Subject: [PATCH] Add content for forms handling

---
 .../content/100-fundamental-topics/109-forms-handling.md | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/content/roadmaps/105-vue/content/100-fundamental-topics/109-forms-handling.md b/content/roadmaps/105-vue/content/100-fundamental-topics/109-forms-handling.md
index d0d759da2..259e8ec3b 100644
--- a/content/roadmaps/105-vue/content/100-fundamental-topics/109-forms-handling.md
+++ b/content/roadmaps/105-vue/content/100-fundamental-topics/109-forms-handling.md
@@ -1 +1,8 @@
-# Forms handling
\ No newline at end of file
+# Forms Handling
+
+You can use the `v-model` directive to create two-way data bindings on form input elements. It automatically picks the correct way to update the element based on the input type.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://vuejs.org/guide/essentials/forms.html'>Form Input Bindings</BadgeLink>
+<BadgeLink colorScheme='red' badgeText='Watch' href='https://www.youtube.com/watch?v=T-AE-GtSlN4'>Vue JS 3 Tutorial - Form Handling</BadgeLink>
+<BadgeLink colorScheme='red' badgeText='Watch' href='https://blog.logrocket.com/an-imperative-guide-to-forms-in-vue-js-2/'>A complete guide to forms in Vue.js</BadgeLink>