From 5f6741c738879eb42a6e90a4b820d3d67a081710 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Tue, 9 Aug 2022 20:47:59 +0400
Subject: [PATCH] Add single file component resources

---
 .../101-components/100-single-file-components.md          | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

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