diff --git a/content/roadmaps/105-vue/content/100-fundamental-topics/101-components/100-single-file-components.md b/content/roadmaps/105-vue/content/100-fundamental-topics/101-components/100-single-file-components.md
index 86db047e9..fa8b565a0 100644
--- a/content/roadmaps/105-vue/content/100-fundamental-topics/101-components/100-single-file-components.md
+++ b/content/roadmaps/105-vue/content/100-fundamental-topics/101-components/100-single-file-components.md
@@ -1 +1,7 @@
-# Single file components
\ No newline at end of file
+# Single File Components
+
+Vue Single-File Components (a.k.a. `*.vue` files, abbreviated as SFC) is a special file format that allows us to encapsulate the template, logic, and styling of a Vue component in a single file.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Documentation' href='https://vuejs.org/guide/scaling-up/sfc.html'>Single File Components</BadgeLink>
+