diff --git a/src/components/Header.js b/src/components/Header.js
index a0ae39753..9bf31861e 100644
--- a/src/components/Header.js
+++ b/src/components/Header.js
@@ -205,23 +205,7 @@ export default function Header({ githubUrl, inverse, framework, firstChapter, is
                         </Detail>
                       </Meta>
                     </TooltipItem>
-                    <TooltipItem>
-                      <ViewLayerImage src="/logo-vue.svg" alt="Vue" />
-                      <Meta>
-                        <Title>Vue</Title>
-                        <Detail>
-                          {/* <LanguageLink className="tertiary" isGatsby to={`/vue/en/${firstChapter}/`}>
-                          English
-                        </LanguageLink> */}
-                          <LanguageLink
-                            className="tertiary"
-                            href="https://github.com/hichroma/learnstorybook.com/issues/1"
-                          >
-                            In progress
-                          </LanguageLink>
-                        </Detail>
-                      </Meta>
-                    </TooltipItem>
+
                     <TooltipItem>
                       <ViewLayerImage src="/logo-angular.svg" alt="Angular" />
                       <Meta>
@@ -244,6 +228,21 @@ export default function Header({ githubUrl, inverse, framework, firstChapter, is
                         </Detail>
                       </Meta>
                     </TooltipItem>
+                    <TooltipItem>
+                      <ViewLayerImage src="/logo-vue.svg" alt="Vue" />
+                      <Meta>
+                        <Title>Vue</Title>
+                        <Detail>
+                          <LanguageLink
+                            className="tertiary"
+                            isGatsby
+                            to={`/vue/en/${firstChapter}/`}
+                          >
+                            English
+                          </LanguageLink>
+                        </Detail>
+                      </Meta>
+                    </TooltipItem>
                   </TooltipList>
                 }
               >
diff --git a/src/pages/index.js b/src/pages/index.js
index 7e622708f..b7327fa8f 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -224,14 +224,7 @@ const Chapters = styled.ol`
   counter-reset: counter;
 `;
 
-export default ({
-  data: {
-    site: {
-      siteMetadata: { toc, defaultTranslation },
-    },
-    pages,
-  },
-}) => {
+export default ({ data: { site: { siteMetadata: { toc, defaultTranslation } }, pages } }) => {
   const defaultPages = {
     edges: pages.edges.filter(e => e.node.fields.slug.match(defaultTranslation)),
   };
@@ -273,14 +266,6 @@ export default ({
                 </Button>
               </Link>
             </Actions>
-            <ActionHeading>Vue</ActionHeading>
-            <Actions>
-              <Link href="https://github.com/hichroma/learnstorybook.com/issues/1" target="_blank">
-                <Button inverse>
-                  <ViewLayerImage src="/logo-vue.svg" alt="Vue" />In progress
-                </Button>
-              </Link>
-            </Actions>
             <ActionHeading>Angular</ActionHeading>
             <Actions>
               <Link isGatsby to={`/angular/en/${firstChapter}`}>
@@ -294,6 +279,14 @@ export default ({
                 </Button>
               </Link>
             </Actions>
+            <ActionHeading>Vue</ActionHeading>
+            <Actions>
+              <Link isGatsby to={`/vue/en/${firstChapter}`}>
+                <Button inverse>
+                  <ViewLayerImage src="/logo-vue.svg" alt="Vue" />English
+                </Button>
+              </Link>
+            </Actions>
           </Pitch>
 
           <FigureWrapper>