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>
+