From 9b5b53d4d61aa7082dc4519ad6f0503a65e53649 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Tue, 9 Aug 2022 21:10:46 +0400
Subject: [PATCH] Add content for conditional rendering

---
 .../100-fundamental-topics/107-conditional-rendering.md  | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/content/roadmaps/105-vue/content/100-fundamental-topics/107-conditional-rendering.md b/content/roadmaps/105-vue/content/100-fundamental-topics/107-conditional-rendering.md
index 1f66ef1f0..a1e150b33 100644
--- a/content/roadmaps/105-vue/content/100-fundamental-topics/107-conditional-rendering.md
+++ b/content/roadmaps/105-vue/content/100-fundamental-topics/107-conditional-rendering.md
@@ -1 +1,8 @@
-# Conditional rendering
\ No newline at end of file
+# Conditional Rendering
+
+The directive `v-if` is used to conditionally render a block. The block will only be rendered if the directive's expression returns a truthy value.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://vuejs.org/guide/essentials/conditional.html'>Conditional Rendering</BadgeLink>
+
+