From c4dcd8ad72c7e7eaebc79511678ec79b9f19ed6f Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Tue, 9 Aug 2022 20:46:55 +0400
Subject: [PATCH] Add component docs

---
 .../100-fundamental-topics/101-components/readme.md      | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/content/roadmaps/105-vue/content/100-fundamental-topics/101-components/readme.md b/content/roadmaps/105-vue/content/100-fundamental-topics/101-components/readme.md
index f6ce326cb..3e66d5729 100644
--- a/content/roadmaps/105-vue/content/100-fundamental-topics/101-components/readme.md
+++ b/content/roadmaps/105-vue/content/100-fundamental-topics/101-components/readme.md
@@ -1 +1,8 @@
-# Components
\ No newline at end of file
+# Components
+
+Components allow us to split the UI into independent and reusable pieces, and think about each piece in isolation.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Documentation' href='https://vuejs.org/guide/essentials/component-basics.html'>Components Basics</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='Official Documentation' href='https://vuejs.org/guide/components/registration.html'>Components in Depth</BadgeLink>
+