diff --git a/Home.vue b/Home.vue
index 0184189..a38bc7b 100644
--- a/Home.vue
+++ b/Home.vue
@@ -10,8 +10,7 @@
         <Content custom />
       </div>
     </div>
-    <footer class="home__footer" v-html="footer">
-    </footer>
+    <footer class="home__footer" v-html="footer"></footer>
   </div>
 </template>
 
diff --git a/Layout.vue b/Layout.vue
index 1d109dd..4c783f1 100644
--- a/Layout.vue
+++ b/Layout.vue
@@ -9,17 +9,17 @@
       </div>
       <div class="col-md-10">
         <div class="custom__layout" v-if="$page.frontmatter.layout">
-          <component :is="$page.frontmatter.layout"/>
+          <component :is="$page.frontmatter.layout" />
         </div>
-        <Home v-else-if="$page.frontmatter.home"/>
+        <Home v-else-if="$page.frontmatter.home" />
         <Page v-else></Page>
       </div>
     </div>
     <div v-else>
       <div class="custom__layout" v-if="$page.frontmatter.layout">
-        <component :is="$page.frontmatter.layout"/>
+        <component :is="$page.frontmatter.layout" />
       </div>
-      <Home v-else-if="$page.frontmatter.home"/>
+      <Home v-else-if="$page.frontmatter.home" />
       <Page v-else></Page>
     </div>
   </div>
@@ -97,6 +97,5 @@ export default {
 }
 </script>
 
-<style src="prismjs/themes/prism-tomorrow.css">
-</style>
+<style src="prismjs/themes/prism-tomorrow.css"></style>
 <style src="./styles/theme.styl" lang="stylus"></style>
diff --git a/Page.vue b/Page.vue
index f4aa39a..17fb3e6 100644
--- a/Page.vue
+++ b/Page.vue
@@ -4,11 +4,34 @@
     <div class="content__footer-container">
       <div class="content__footer">
         <div v-if="editLink" class="edit-link">
-          <a :href="editLink" target="_blank" rel="noopener noreferrer">{{ editLinkText }}</a>
-          <svg viewBox="0 0 33 32" version="1.1" xmlns="http://www.w3.org/2000/svg" height="16" width="16"><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="github" fill="#000"><path d="M16.3,0 C7.3,0 -3.55271368e-15,7.3 -3.55271368e-15,16.3 C-3.55271368e-15,23.5 4.7,29.6 11.1,31.8 C11.9,31.9 12.2,31.4 12.2,31 L12.2,28.2 C7.7,29.2 6.7,26 6.7,26 C6,24.2 5,23.7 5,23.7 C3.5,22.7 5.1,22.7 5.1,22.7 C6.7,22.8 7.6,24.4 7.6,24.4 C9.1,26.9 11.4,26.2 12.3,25.8 C12.4,24.7 12.9,24 13.3,23.6 C9.7,23.2 5.9,21.8 5.9,15.5 C5.9,13.7 6.5,12.3 7.6,11.1 C7.4,10.7 6.9,9 7.8,6.8 C7.8,6.8 9.2,6.4 12.3,8.5 C13.6,8.1 15,8 16.4,8 C17.8,8 19.2,8.2 20.5,8.5 C23.6,6.4 25,6.8 25,6.8 C25.9,9 25.3,10.7 25.2,11.1 C26.2,12.2 26.9,13.7 26.9,15.5 C26.9,21.8 23.1,23.1 19.5,23.5 C20.1,24 20.6,25 20.6,26.5 L20.6,31 C20.6,31.4 20.9,31.9 21.7,31.8 C28.2,29.6 32.8,23.5 32.8,16.3 C32.6,7.3 25.3,0 16.3,0 L16.3,0 Z" id="Shape"></path></g></g></svg>
+          <a :href="editLink" target="_blank" rel="noopener noreferrer">
+            {{ editLinkText }}
+          </a>
+          <svg
+            viewBox="0 0 33 32"
+            version="1.1"
+            xmlns="http://www.w3.org/2000/svg"
+            height="16"
+            width="16"
+          >
+            <g
+              id="Page-1"
+              stroke="none"
+              stroke-width="1"
+              fill="none"
+              fill-rule="evenodd"
+            >
+              <g id="github" fill="#000">
+                <path
+                  d="M16.3,0 C7.3,0 -3.55271368e-15,7.3 -3.55271368e-15,16.3 C-3.55271368e-15,23.5 4.7,29.6 11.1,31.8 C11.9,31.9 12.2,31.4 12.2,31 L12.2,28.2 C7.7,29.2 6.7,26 6.7,26 C6,24.2 5,23.7 5,23.7 C3.5,22.7 5.1,22.7 5.1,22.7 C6.7,22.8 7.6,24.4 7.6,24.4 C9.1,26.9 11.4,26.2 12.3,25.8 C12.4,24.7 12.9,24 13.3,23.6 C9.7,23.2 5.9,21.8 5.9,15.5 C5.9,13.7 6.5,12.3 7.6,11.1 C7.4,10.7 6.9,9 7.8,6.8 C7.8,6.8 9.2,6.4 12.3,8.5 C13.6,8.1 15,8 16.4,8 C17.8,8 19.2,8.2 20.5,8.5 C23.6,6.4 25,6.8 25,6.8 C25.9,9 25.3,10.7 25.2,11.1 C26.2,12.2 26.9,13.7 26.9,15.5 C26.9,21.8 23.1,23.1 19.5,23.5 C20.1,24 20.6,25 20.6,26.5 L20.6,31 C20.6,31.4 20.9,31.9 21.7,31.8 C28.2,29.6 32.8,23.5 32.8,16.3 C32.6,7.3 25.3,0 16.3,0 L16.3,0 Z"
+                  id="Shape"
+                />
+              </g>
+            </g>
+          </svg>
         </div>
         <time v-if="lastUpdated" class="last-updated">
-          <span class="prefix">{{ lastUpdatedText }}: </span>
+          <span class="prefix">{{ lastUpdatedText }}:</span>
           <span class="time">{{ lastUpdated }}</span>
         </time>
       </div>
@@ -163,87 +186,109 @@ export default {
 </script>
 
 <style lang="stylus">
-@import './styles/_variables.styl'
-
-.page__container
-  min-height: 100vh
-  padding: 4rem 6rem 0
-
-  .curl__container
-    text-align: center
-
-.content__footer
-  display: flex
-  justify-content: space-between
-  padding: 2em 0
-  font-size: 14px
-  color: #999
-
-  .edit-link
-    a
-      margin-right: .5em
-      font-weight: 600
-      color: #000
-    svg
-      vertical-align: middle
-
-.page--block-layout
-  .content__footer-container
-    margin: 0 -3rem
-    background-color: #000
-
-  .content__footer
+@import './styles/_variables.styl';
+
+.page__container {
+  min-height: 100vh;
+  padding: 4rem 6rem 0;
+
+  .curl__container {
+    text-align: center;
+  }
+}
+
+.content__footer {
+  display: flex;
+  justify-content: space-between;
+  padding: 2em 0;
+  font-size: 14px;
+  color: #999;
+
+  .edit-link {
+    a {
+      margin-right: 0.5em;
+      font-weight: 600;
+      color: #000;
+    }
+
+    svg {
+      vertical-align: middle;
+    }
+  }
+}
+
+.page--block-layout {
+  .content__footer-container {
+    margin: 0 -3rem;
+    background-color: #000;
+  }
+
+  .content__footer {
     width: 50%;
-    padding: 0 3rem 2rem
-    background-color: #fafafa
+    padding: 0 3rem 2rem;
+    background-color: #fafafa;
+  }
+}
 
-.content-block
-  margin: -4rem -6rem 4rem
-  background-color: $black
+.content-block {
+  margin: -4rem -6rem 4rem;
+  background-color: $black;
 
-  &:last-child
-    margin-bottom: 0
+  &:last-child {
+    margin-bottom: 0;
+  }
 
-  &:after
-    height: 1px
-    display: block
-    content: ''
-    width: 100%
-    background-image: linear-gradient(90deg,#eaeaea 50%,#333 50%)
+  &:after {
+    height: 1px;
+    display: block;
+    content: '';
+    width: 100%;
+    background-image: linear-gradient(90deg, #eaeaea 50%, #333 50%);
+  }
 
-  &:last-child:after
-    display: none
+  &:last-child:after {
+    display: none;
+  }
 
-  &__heading
-    width: 50%
-    padding: 4rem 3rem 0
-    overflow: auto
-    background-color: #fafafa
+  &__heading {
+    width: 50%;
+    padding: 4rem 3rem 0;
+    overflow: auto;
+    background-color: #fafafa;
+  }
 
-  &__body
-    display: flex
+  &__body {
+    display: flex;
+  }
 
-  &__cont,
-  &__examples
-    width: 50%
-    padding: 0 3rem 2rem
+  &__cont, &__examples {
+    width: 50%;
+    padding: 0 3rem 2rem;
+  }
 
-  &__cont
-    background-color: #fafafa
+  &__cont {
+    background-color: #fafafa;
+  }
 
-  &__examples
-    color: $white
+  &__examples {
+    color: $white;
 
-    .btn
-      margin: 2em 0
+    .btn {
+      margin: 2em 0;
+    }
 
-    p
-      font-size: 12px
+    p {
+      font-size: 12px;
+    }
 
     // reset style
-    blockquote
-      border-left-color: $white
+    blockquote {
+      border-left-color: $white;
 
-      p
-        color: #888
+      p {
+        color: #888;
+      }
+    }
+  }
+}
 </style>
diff --git a/components/Block/index.vue b/components/Block/index.vue
index 1102fb3..5653558 100644
--- a/components/Block/index.vue
+++ b/components/Block/index.vue
@@ -1,7 +1,6 @@
 <template>
   <div class="content-block">
-    <div ref="heading-box" class="content-block__heading">
-    </div>
+    <div ref="heading-box" class="content-block__heading"></div>
     <div class="content-block__body">
       <div ref="cont-box" class="content-block__cont">
         <slot></slot>
diff --git a/components/Button/index.vue b/components/Button/index.vue
index ab25f98..39cb3c7 100644
--- a/components/Button/index.vue
+++ b/components/Button/index.vue
@@ -2,7 +2,10 @@
   <nav-link :class="classes" v-if="isLink" :to="to"><slot></slot></nav-link>
   <button :class="classes" type="button" v-else @click="handleClick">
     <span class="btn__loading-wrapper" v-if="loading">
-      <img src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTI2NTU0NTQ0OTUxIiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE5MjYiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjIwIiBoZWlnaHQ9IjIyMCI+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj48L3N0eWxlPjwvZGVmcz48cGF0aCBkPSJNOTIzLjg1MTU4MSAzMzguMDA3MjQ3Yy0yMC4wMTI3OTktNDcuMzEzNTg1LTQ3LjcxNzc5MS05MC4zMjQxNjgtODIuNDQ4ODA0LTEyOC4xMjgxNjkgNi44NzU1OTQtMTMuNTQ0NDgxIDEwLjc1MzkyNS0yOC44NjY0NDUgMTAuNzUzOTI1LTQ1LjA5NjA4MSAwLTU1LjA5OTkyMi00NC42NjczMTYtOTkuNzY3MjM4LTk5Ljc2NzIzOC05OS43NjcyMzgtMjkuMDUxNjYzIDAtNTUuMTk4MTYgMTIuNDIwODkxLTczLjQzMTQyOSAzMi4yMzcyMTUtNTMuMDU4NDI2LTIxLjM5MDE2OS0xMDkuMTgzNzAxLTMyLjIzNzIxNS0xNjYuOTU4NTQ2LTMyLjIzNzIxNS02MC4zMzQxMzMgMC0xMTguODczMzg4IDExLjgyMTIzMy0xNzMuOTg4NjYgMzUuMTM0MTk1LTUzLjIzMjM4OCAyMi41MTM3Ni0xMDEuMDMxMDIxIDU0Ljc0MTc2NS0xNDIuMDczNzg2IDk1Ljc4NDUzLTQxLjA0NTgzNSA0MS4wNDM3ODgtNzMuMjcyODE3IDg4Ljg0NDQ2Ny05NS43ODU1NTMgMTQyLjA3Mzc4NkM3Ni44Mzc1MDQgMzkzLjEyNjYxMiA2NS4wMTQyMjQgNDUxLjY2NTg2NyA2NS4wMTQyMjQgNTEyLjAwMTAyM2MwIDYwLjMzMzExIDExLjgyMzI4IDExOC44NzMzODggMzUuMTM0MTk1IDE3My45ODk2ODMgMjIuNTEzNzYgNTMuMjMwMzQyIDU0Ljc0MTc2NSAxMDEuMDI5OTk4IDk1Ljc4NTU1MyAxNDIuMDczNzg2IDQxLjA0MTc0MiA0MS4wNDM3ODggODguODQxMzk4IDczLjI3MDc3IDE0Mi4wNzM3ODYgOTUuNzg1NTUzIDU1LjExNjI5NSAyMy4zMTE5MzkgMTEzLjY1NTU1IDM1LjEzNDE5NSAxNzMuOTg5NjgzIDM1LjEzNDE5NXMxMTguODczMzg4LTExLjgyMjI1NyAxNzMuOTkyNzUzLTM1LjEzNDE5NWM1My4yMjkzMTktMjIuNTE0NzgzIDEwMS4wMjk5OTgtNTQuNzQyNzg4IDE0Mi4wNzI3NjMtOTUuNzg1NTUzIDQxLjA0NTgzNS00MS4wNDM3ODggNzMuMjcyODE3LTg4Ljg0MzQ0NCA5NS43ODU1NTMtMTQyLjA3Mzc4NiAyMy4zMDk4OTItNTUuMTE2Mjk1IDM1LjEzNDE5NS0xMTMuNjU2NTczIDM1LjEzNDE5NS0xNzMuOTg5NjgzQzk1OC45ODU3NzYgNDUxLjY2NTg2NyA5NDcuMTYxNDczIDM5My4xMjc2MzUgOTIzLjg1MTU4MSAzMzguMDA3MjQ3ek04ODcuODkxNTc4IDY3MC43ODMzNTNjLTIwLjU0NTk0MiA0OC41NzUzMjItNDkuOTYwODc5IDkyLjIwMzk4Mi04Ny40MzAyNTggMTI5LjY3NjQzMS0zNy40NzM0NzMgMzcuNDcwNDAzLTgxLjEwMDA4NiA2Ni44ODg0MS0xMjkuNjc5NTAxIDg3LjQzMjMwNS01MC4yODAxNSAyMS4yNjMyNzktMTAzLjcwMjg3MyAzMi4wNDc5MDQtMTU4Ljc4MzM1MyAzMi4wNDc5MDQtNTUuMDc3NDEgMC0xMDguNTAwMTMzLTEwLjc4MjU3Ny0xNTguNzg1Mzk5LTMyLjA0NzkwNC00OC41NzUzMjItMjAuNTQ1OTQyLTkyLjIwMzk4Mi00OS45NjE5MDItMTI5LjY3NjQzMS04Ny40MzIzMDUtMzcuNDcyNDUtMzcuNDcyNDUtNjYuODg4NDEtODEuMTAxMTA5LTg3LjQzMDI1OC0xMjkuNjc2NDMxLTIxLjI2NzM3My01MC4yODAxNS0zMi4wNTA5NzMtMTAzLjcwMzg5Ny0zMi4wNTA5NzMtMTU4Ljc4NDM3NnMxMC43ODM2MDEtMTA4LjUwMzIwMyAzMi4wNTA5NzMtMTU4Ljc4MzM1M2MyMC41NDE4NDktNDguNTc1MzIyIDQ5Ljk1ODgzMi05Mi4yMDYwMjggODcuNDMwMjU4LTEyOS42NzY0MzEgMzcuNDcyNDUtMzcuNDcwNDAzIDgxLjEwMTEwOS02Ni44ODczODYgMTI5LjY3NjQzMS04Ny40MzMzMjggNTAuMjg1MjY3LTIxLjI2NjM0OSAxMDMuNzA3OTktMzIuMDQ5OTUgMTU4Ljc4NTM5OS0zMi4wNDk5NSA1MC42MDA0NDUgMCA5OS43OTc5MzcgOS4xMDc0MjUgMTQ2LjQ0NzM5NyAyNy4wNzQ2MzUtMy43Njc4MTMgMTAuNTE0NDcxLTUuODI0NjU5IDIxLjg0MjQ3MS01LjgyNDY1OSAzMy42NTM0NzEgMCA1NS4wOTk5MjIgNDQuNjY3MzE2IDk5Ljc2NzIzOCA5OS43NjcyMzggOTkuNzY3MjM4IDI0LjU3MzY3NSAwIDQ3LjA2NTk0NS04Ljg4OTQ2MSA2NC40NTI5NDEtMjMuNjIwOTc3IDI5LjczNzI3OCAzMy4zNzIwNjIgNTMuNjAzODQ5IDcxLjAzNzkxNiA3MS4wNTAxOTYgMTEyLjI4NTM0MyAyMS4yNjYzNDkgNTAuMjgwMTUgMzIuMDQ5OTUgMTAzLjcwMjg3MyAzMi4wNDk5NSAxNTguNzgzMzUzUzkwOS4xNTg5NSA2MjAuNTAzMjAzIDg4Ny44OTE1NzggNjcwLjc4MzM1M3oiIHAtaWQ9IjE5MjciIGZpbGw9IiNmZmZmZmYiPjwvcGF0aD48L3N2Zz4=" alt="">
+      <img
+        src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTI2NTU0NTQ0OTUxIiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE5MjYiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjIwIiBoZWlnaHQ9IjIyMCI+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj48L3N0eWxlPjwvZGVmcz48cGF0aCBkPSJNOTIzLjg1MTU4MSAzMzguMDA3MjQ3Yy0yMC4wMTI3OTktNDcuMzEzNTg1LTQ3LjcxNzc5MS05MC4zMjQxNjgtODIuNDQ4ODA0LTEyOC4xMjgxNjkgNi44NzU1OTQtMTMuNTQ0NDgxIDEwLjc1MzkyNS0yOC44NjY0NDUgMTAuNzUzOTI1LTQ1LjA5NjA4MSAwLTU1LjA5OTkyMi00NC42NjczMTYtOTkuNzY3MjM4LTk5Ljc2NzIzOC05OS43NjcyMzgtMjkuMDUxNjYzIDAtNTUuMTk4MTYgMTIuNDIwODkxLTczLjQzMTQyOSAzMi4yMzcyMTUtNTMuMDU4NDI2LTIxLjM5MDE2OS0xMDkuMTgzNzAxLTMyLjIzNzIxNS0xNjYuOTU4NTQ2LTMyLjIzNzIxNS02MC4zMzQxMzMgMC0xMTguODczMzg4IDExLjgyMTIzMy0xNzMuOTg4NjYgMzUuMTM0MTk1LTUzLjIzMjM4OCAyMi41MTM3Ni0xMDEuMDMxMDIxIDU0Ljc0MTc2NS0xNDIuMDczNzg2IDk1Ljc4NDUzLTQxLjA0NTgzNSA0MS4wNDM3ODgtNzMuMjcyODE3IDg4Ljg0NDQ2Ny05NS43ODU1NTMgMTQyLjA3Mzc4NkM3Ni44Mzc1MDQgMzkzLjEyNjYxMiA2NS4wMTQyMjQgNDUxLjY2NTg2NyA2NS4wMTQyMjQgNTEyLjAwMTAyM2MwIDYwLjMzMzExIDExLjgyMzI4IDExOC44NzMzODggMzUuMTM0MTk1IDE3My45ODk2ODMgMjIuNTEzNzYgNTMuMjMwMzQyIDU0Ljc0MTc2NSAxMDEuMDI5OTk4IDk1Ljc4NTU1MyAxNDIuMDczNzg2IDQxLjA0MTc0MiA0MS4wNDM3ODggODguODQxMzk4IDczLjI3MDc3IDE0Mi4wNzM3ODYgOTUuNzg1NTUzIDU1LjExNjI5NSAyMy4zMTE5MzkgMTEzLjY1NTU1IDM1LjEzNDE5NSAxNzMuOTg5NjgzIDM1LjEzNDE5NXMxMTguODczMzg4LTExLjgyMjI1NyAxNzMuOTkyNzUzLTM1LjEzNDE5NWM1My4yMjkzMTktMjIuNTE0NzgzIDEwMS4wMjk5OTgtNTQuNzQyNzg4IDE0Mi4wNzI3NjMtOTUuNzg1NTUzIDQxLjA0NTgzNS00MS4wNDM3ODggNzMuMjcyODE3LTg4Ljg0MzQ0NCA5NS43ODU1NTMtMTQyLjA3Mzc4NiAyMy4zMDk4OTItNTUuMTE2Mjk1IDM1LjEzNDE5NS0xMTMuNjU2NTczIDM1LjEzNDE5NS0xNzMuOTg5NjgzQzk1OC45ODU3NzYgNDUxLjY2NTg2NyA5NDcuMTYxNDczIDM5My4xMjc2MzUgOTIzLjg1MTU4MSAzMzguMDA3MjQ3ek04ODcuODkxNTc4IDY3MC43ODMzNTNjLTIwLjU0NTk0MiA0OC41NzUzMjItNDkuOTYwODc5IDkyLjIwMzk4Mi04Ny40MzAyNTggMTI5LjY3NjQzMS0zNy40NzM0NzMgMzcuNDcwNDAzLTgxLjEwMDA4NiA2Ni44ODg0MS0xMjkuNjc5NTAxIDg3LjQzMjMwNS01MC4yODAxNSAyMS4yNjMyNzktMTAzLjcwMjg3MyAzMi4wNDc5MDQtMTU4Ljc4MzM1MyAzMi4wNDc5MDQtNTUuMDc3NDEgMC0xMDguNTAwMTMzLTEwLjc4MjU3Ny0xNTguNzg1Mzk5LTMyLjA0NzkwNC00OC41NzUzMjItMjAuNTQ1OTQyLTkyLjIwMzk4Mi00OS45NjE5MDItMTI5LjY3NjQzMS04Ny40MzIzMDUtMzcuNDcyNDUtMzcuNDcyNDUtNjYuODg4NDEtODEuMTAxMTA5LTg3LjQzMDI1OC0xMjkuNjc2NDMxLTIxLjI2NzM3My01MC4yODAxNS0zMi4wNTA5NzMtMTAzLjcwMzg5Ny0zMi4wNTA5NzMtMTU4Ljc4NDM3NnMxMC43ODM2MDEtMTA4LjUwMzIwMyAzMi4wNTA5NzMtMTU4Ljc4MzM1M2MyMC41NDE4NDktNDguNTc1MzIyIDQ5Ljk1ODgzMi05Mi4yMDYwMjggODcuNDMwMjU4LTEyOS42NzY0MzEgMzcuNDcyNDUtMzcuNDcwNDAzIDgxLjEwMTEwOS02Ni44ODczODYgMTI5LjY3NjQzMS04Ny40MzMzMjggNTAuMjg1MjY3LTIxLjI2NjM0OSAxMDMuNzA3OTktMzIuMDQ5OTUgMTU4Ljc4NTM5OS0zMi4wNDk5NSA1MC42MDA0NDUgMCA5OS43OTc5MzcgOS4xMDc0MjUgMTQ2LjQ0NzM5NyAyNy4wNzQ2MzUtMy43Njc4MTMgMTAuNTE0NDcxLTUuODI0NjU5IDIxLjg0MjQ3MS01LjgyNDY1OSAzMy42NTM0NzEgMCA1NS4wOTk5MjIgNDQuNjY3MzE2IDk5Ljc2NzIzOCA5OS43NjcyMzggOTkuNzY3MjM4IDI0LjU3MzY3NSAwIDQ3LjA2NTk0NS04Ljg4OTQ2MSA2NC40NTI5NDEtMjMuNjIwOTc3IDI5LjczNzI3OCAzMy4zNzIwNjIgNTMuNjAzODQ5IDcxLjAzNzkxNiA3MS4wNTAxOTYgMTEyLjI4NTM0MyAyMS4yNjYzNDkgNTAuMjgwMTUgMzIuMDQ5OTUgMTAzLjcwMjg3MyAzMi4wNDk5NSAxNTguNzgzMzUzUzkwOS4xNTg5NSA2MjAuNTAzMjAzIDg4Ny44OTE1NzggNjcwLjc4MzM1M3oiIHAtaWQ9IjE5MjciIGZpbGw9IiNmZmZmZmYiPjwvcGF0aD48L3N2Zz4="
+        alt=""
+      />
     </span>
     <slot></slot>
   </button>
diff --git a/components/CURL/index.vue b/components/CURL/index.vue
index eb5bd57..026ac2c 100644
--- a/components/CURL/index.vue
+++ b/components/CURL/index.vue
@@ -3,7 +3,9 @@
     <div ref="curl">
       <slot></slot>
     </div>
-    <Button :light="lightBtn" :loading="loading" @click="sendRequest">Send request now</Button>
+    <Button :light="lightBtn" :loading="loading" @click="sendRequest"
+      >Send request now</Button
+    >
   </div>
 </template>
 
diff --git a/components/Example/index.vue b/components/Example/index.vue
index 0087c92..39b1138 100644
--- a/components/Example/index.vue
+++ b/components/Example/index.vue
@@ -14,7 +14,7 @@ export default {
 @import '../../styles/_variables.styl'
 
 .examples
-  
+
   .custom-block.tip
     border-color: $white
 
diff --git a/components/NavLink/index.vue b/components/NavLink/index.vue
index 08f1c3b..df3f511 100644
--- a/components/NavLink/index.vue
+++ b/components/NavLink/index.vue
@@ -1,5 +1,7 @@
 <template>
-  <a v-if="isExternal" :href="to" target="_blank" rel="noopener noreferrer"><slot></slot></a>
+  <a v-if="isExternal" :href="to" target="_blank" rel="noopener noreferrer"
+    ><slot></slot
+  ></a>
   <router-link :to="to" v-else><slot></slot></router-link>
 </template>
 
diff --git a/components/Sidebar/index.vue b/components/Sidebar/index.vue
index d838978..e612421 100644
--- a/components/Sidebar/index.vue
+++ b/components/Sidebar/index.vue
@@ -1,57 +1,87 @@
 <template>
   <div class="sidebar">
-    <div class="group" v-for="sidebarGroupItem, index in sidebars" v-if="sidebarGroupItem">
+    <div
+      class="group"
+      v-for="(sidebarGroupItem, index) in sidebars"
+      v-if="sidebarGroupItem"
+    >
       <div class="group__title">{{ sidebarGroupOrder[index] }}</div>
       <div class="group__body">
-
         <!-- render README.md in this folder -->
-        <div v-if="sidebarGroupItem.to" :class="[
-          'group__category',
-          'category',
-          {
-            'category--selected': $route.fullPath === sidebarGroupItem.to,
-            'category--active': $route.fullPath === sidebarGroupItem.to,
-          }
-        ]">
+        <div
+          v-if="sidebarGroupItem.to"
+          :class="[
+            'group__category',
+            'category',
+            {
+              'category--selected': $route.fullPath === sidebarGroupItem.to,
+              'category--active': $route.fullPath === sidebarGroupItem.to,
+            },
+          ]"
+        >
           <div class="category__label">
-            <NavLink :to="sidebarGroupItem.to">{{ title(sidebarGroupItem.title || sidebarGroupOrder[index]) }}</NavLink>
+            <NavLink :to="sidebarGroupItem.to">{{
+              title(sidebarGroupItem.title || sidebarGroupOrder[index])
+            }}</NavLink>
           </div>
         </div>
 
         <!-- render headers of README.md in this folder -->
-        <div v-if="sidebarGroupItem.headers && sidebarGroupItem.headers.length" v-for="header in sidebarGroupItem.headers" :class="[
-          'group__category',
-          'category',
-          {
-            'category--selected': $route.fullPath === `${sidebarGroupItem.to}#${header.slug}`,
-            'category--active': $route.fullPath === `${sidebarGroupItem.to}#${header.slug}`,
-          }
-        ]">
+        <div
+          v-if="sidebarGroupItem.headers && sidebarGroupItem.headers.length"
+          v-for="header in sidebarGroupItem.headers"
+          :class="[
+            'group__category',
+            'category',
+            {
+              'category--selected':
+                $route.fullPath === `${sidebarGroupItem.to}#${header.slug}`,
+              'category--active':
+                $route.fullPath === `${sidebarGroupItem.to}#${header.slug}`,
+            },
+          ]"
+        >
           <div class="category__label">
-            <NavLink :to="`${sidebarGroupItem.to}#${header.slug}`">{{ title(header.title) }}</NavLink>
+            <NavLink :to="`${sidebarGroupItem.to}#${header.slug}`">{{
+              title(header.title)
+            }}</NavLink>
           </div>
         </div>
 
         <!-- render other files in this folder -->
-        <div v-if="sidebarGroupItem.children && sidebarGroupItem.children.length" v-for="child in sidebarGroupItem.children" :name="`${child.to}`" :class="[
-          'group__category',
-          'category',
-          {
-            'category--selected': !child.isLangNav && $route.path === child.to,
-            'category--active': !child.isLangNav && $route.fullPath === child.to,
-          }
-        ]">
+        <div
+          v-if="sidebarGroupItem.children && sidebarGroupItem.children.length"
+          v-for="child in sidebarGroupItem.children"
+          :name="`${child.to}`"
+          :class="[
+            'group__category',
+            'category',
+            {
+              'category--selected':
+                !child.isLangNav && $route.path === child.to,
+              'category--active':
+                !child.isLangNav && $route.fullPath === child.to,
+            },
+          ]"
+        >
           <div class="category__label">
             <NavLink :to="child.to">{{ title(child.title) }}</NavLink>
           </div>
-          <div v-if="child.headers && child.headers.length" v-for="header in child.headers" :class="[
-            'category__headers',
-            {
-              'category--active': $route.fullPath === `${child.to}#${header.slug}`,
-            }
-          ]">
+          <div
+            v-if="child.headers && child.headers.length"
+            v-for="header in child.headers"
+            :class="[
+              'category__headers',
+              {
+                'category--active':
+                  $route.fullPath === `${child.to}#${header.slug}`,
+              },
+            ]"
+          >
             <div class="category__header-item">
-              <NavLink :to="`${child.to}#${header.slug}`">{{ title(header.title) }}</NavLink>
+              <NavLink :to="`${child.to}#${header.slug}`">{{
+                title(header.title)
+              }}</NavLink>
             </div>
           </div>
         </div>
@@ -84,7 +114,8 @@ export default {
         this.$localePath
       )
 
-      const languageSelectText = config.get(this.$site, 'selectText', this.$localePath) || 'languages'
+      const languageSelectText =
+        config.get(this.$site, 'selectText', this.$localePath) || 'languages'
 
       if (groupOrderConfig) {
         const result = groupOrderConfig.slice()
@@ -97,10 +128,9 @@ export default {
       }
     },
     sidebars() {
-      return this.sidebarGroupOrder
-        .map(item => {
-          return this.items[item]
-        })
+      return this.sidebarGroupOrder.map(item => {
+        return this.items[item]
+      })
     },
   },
   methods: {
diff --git a/utils.js b/utils.js
index a4373a6..56a49c1 100644
--- a/utils.js
+++ b/utils.js
@@ -75,13 +75,15 @@ export function resolveSidebarItems($page, $site, $localePath) {
   let languageSelectText
 
   if ($site.locales) {
-    languageSelectText = config.get($site, 'selectText', $localePath) || 'languages'
+    languageSelectText =
+      config.get($site, 'selectText', $localePath) || 'languages'
 
     sidebars[languageSelectText] = {
       title: languageSelectText,
       children: Object.keys($site.locales).map(locale => {
         const item = $site.locales[locale]
-        let languageTitle = config.get($site, 'label', locale) || item.text || item.lang
+        let languageTitle =
+          config.get($site, 'label', locale) || item.text || item.lang
         let path
 
         if (item.path === $localePath) {