From d81b56d3214c3ce14b6c98c2297b43edc2fae2ce Mon Sep 17 00:00:00 2001
From: Andrey Kudinov <64890665+andrey-kudinov@users.noreply.github.com>
Date: Sat, 23 Apr 2022 01:29:23 +0400
Subject: [PATCH] Add vue content (#1233)

---
 .../118-server-side-rendering/102-vue-js/readme.md     | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/content/roadmaps/100-frontend/content/118-server-side-rendering/102-vue-js/readme.md b/content/roadmaps/100-frontend/content/118-server-side-rendering/102-vue-js/readme.md
index 285f88f27..ec9da5d7c 100644
--- a/content/roadmaps/100-frontend/content/118-server-side-rendering/102-vue-js/readme.md
+++ b/content/roadmaps/100-frontend/content/118-server-side-rendering/102-vue-js/readme.md
@@ -1 +1,9 @@
-# Vue js
\ No newline at end of file
+# Vue.js
+
+Vue.js is an open-source JavaScript framework for building user interfaces and single-page applications. It is mainly focused on front end development.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Framework Website' href='https://vuejs.org/'>Vue.js Website</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://vuejs.org/v2/guide/'>Official Getting Started</BadgeLink>
+<BadgeLink badgeText='Course' colorScheme='green' href='https://www.youtube.com/watch?v=FXpIoQ_rT_c'>Vue.js Course for Beginners</BadgeLink>
+<BadgeLink badgeText='Course' colorScheme='green' href='https://www.youtube.com/watch?v=qZXt1Aom3Cs'>Vue.js Crash Course</BadgeLink>