feat(base-divider): initializing component

pages/index.vue

@@ -9,10 +9,17 @@
     srcset="/images/common/logo@2x.png"
     class="c-index__logo"
   )
-  p(
-    v-html="description"
-    class="c-index__description"
+  p.c-index__description
+    | Awesome cheatsheets for popular programming languages, frameworks and development tools.<br/>
+    | They include everything you should know in one single file. 👩‍💻👨‍💻
+
+  section(
+    v-for="(category, index) in categories"
+    class="c-index__category"
   )
+    base-divider(
+      :category="'0' + (index + 1) + '. ' + category.name"
+    )
 </template>
 
 <!-- *************************************************************************
@@ -20,13 +27,32 @@
      ************************************************************************* -->
 
 <script>
+import BaseDivider from "@/components/BaseDivider";
+
 export default {
+  components: {
+    BaseDivider
+  },
+
   data() {
     return {
-      description: `
-        Awesome cheatsheets for popular programming languages, frameworks and development tools.<br/>
-        They include everything you should know in one single file. 👩‍💻👨‍💻
-      `
+      categories: [
+        {
+          name: "Languages"
+        },
+        {
+          name: "Backend"
+        },
+        {
+          name: "Frontend"
+        },
+        {
+          name: "Databases"
+        },
+        {
+          name: "Tools"
+        }
+      ]
     };
   }
 };
@@ -52,5 +78,9 @@ $c: ".c-index";
     font-size: 24px;
     line-height: 36px;
   }
+
+  #{$c}__category {
+    margin-bottom: 30px;
+  }
 }
 </style>