Add VuePress template (codesandbox#1652)

* added vuepress logo

* add vuepress

* Add @vicbergquist as a contributor

* default file to open in editor

* Update index.ts

* add distdir for netlify

Author: vicmeow

.all-contributorsrc

@@ -1076,6 +1076,15 @@
       "contributions": [
         "code"
       ]
+    },
+    {
+      "login": "vicbergquist",
+      "name": "Victoria Bergquist",
+      "avatar_url": "https://avatars0.githubusercontent.com/u/25737281?v=4",
+      "profile": "https://twitter.com/vicbergquist",
+      "contributions": [
+        "code"
+      ]
     }
   ],
   "repoType": "github"

README.md

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import vuepress from './vuepress.png';
+
+export default props => <img alt="vuepress" src={vuepress} {...props} />;

packages/common/src/components/logos/VuePress.tsx

@@ -19,6 +19,7 @@ import Apollo from '../components/logos/Apollo';
 import Nest from '../components/logos/Nest';
 import Static from '../components/logos/Static';
 import Styleguidist from '../components/logos/Styleguidist';
+import VuePress from '../components/logos/VuePress';
 import MDXDeck from '../components/logos/mdx-deck';
 
 import {
@@ -42,7 +43,8 @@ import {
   sapper,
   staticTemplate,
   styleguidist,
-  mdxDeck,
+  vuepress,
+  mdxDeck
 } from './';
 
 import { TemplateType } from './';
@@ -96,6 +98,8 @@ export default function getIcon(theme: TemplateType): ReturnedIcon {
       return Static;
     case styleguidist.name:
       return Styleguidist;
+    case vuepress.name:
+      return VuePress;
     case mdxDeck.name:
       return MDXDeck;
     default:

packages/common/src/components/logos/vuepress.png

@@ -20,6 +20,7 @@ import sapper from './sapper';
 import nest from './nest';
 import staticTemplate from './static';
 import styleguidist from './styleguidist';
+import vuepress from './vuepress';
 import mdxDeck from './mdx-deck';
 
 export {
@@ -45,7 +46,8 @@ export {
   ember,
   staticTemplate,
   styleguidist,
-  mdxDeck,
+  vuepress,
+  mdxDeck
 };
 
 export type TemplateType =
@@ -67,6 +69,7 @@ export type TemplateType =
   | 'nest'
   | 'static'
   | 'styleguidist'
+  | 'vuepress'
   | 'mdx-deck';
 
 export default function getDefinition(theme: TemplateType) {
@@ -117,6 +120,8 @@ export default function getDefinition(theme: TemplateType) {
       return mdxDeck;
     case ember.name:
       return ember;
+    case vuepress.name:
+      return vuepress;
     default:
       return react;
   }

packages/common/src/templates/icons.ts

@@ -0,0 +1,23 @@
+// @flow
+import Template from './template';
+import { decorateSelector } from '../theme';
+
+export class VuePressTemplate extends Template {
+  // The file to open by the editor
+  getDefaultOpenedFiles() {
+   return ['/README.md', '/guide/README.md'];
+  }
+}
+export default new VuePressTemplate(
+  'vuepress',
+  'VuePress',
+  'https://vuepress.vuejs.org/',
+  'github/vicbergquist/codesandbox-vuepress',
+  decorateSelector(() => '#4abf8a'),
+  {
+    mainFile: [], // 🤔
+    distDir: 'docs/.vuepress/dist',
+    isServer: true,
+    showOnHomePage: true,
+  }
+);