add gridsome template (codesandbox#1684)

Adds Gridsome template from their default starter


![Screenshot 2019-04-01 at 13 32 44](https://user-images.githubusercontent.com/1051509/55324704-2cc3f700-5483-11e9-8fa9-43610b73632c.png)

closes codesandbox#1577

test: https://codesandbox.io/s/github/SaraVieira/gridsome-starter-codesandbox

import PR: codesandbox/codesandbox-importers#32

Author: SaraVieira

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

@@ -0,0 +1,88 @@
+import * as React from 'react';
+
+export default ({ width = 32, height = 32, className }) => (
+  <svg
+    width={width}
+    height={height}
+    className={className}
+    viewBox="0 0 344 344"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <defs>
+      <linearGradient
+        x1="20.938%"
+        y1="135.775%"
+        x2="67.331%"
+        y2="141.765%"
+        id="a"
+      >
+        <stop stopColor="#1A7D75" offset="0%" />
+        <stop stopColor="#1A8864" offset="100%" />
+      </linearGradient>
+      <linearGradient
+        x1="5.879%"
+        y1="11.118%"
+        x2="-17.306%"
+        y2="72.271%"
+        id="b"
+      >
+        <stop stopColor="#168A81" offset="1.293%" />
+        <stop stopColor="#31A97F" offset="100%" />
+      </linearGradient>
+      <linearGradient
+        x1="-144.301%"
+        y1="53.434%"
+        x2="-70.357%"
+        y2="117.634%"
+        id="c"
+      >
+        <stop stopColor="#27A59B" offset="0%" />
+        <stop stopColor="#64D8A2" offset="100%" />
+      </linearGradient>
+      <linearGradient
+        x1="-143.417%"
+        y1="60.471%"
+        x2="-4.693%"
+        y2="180.918%"
+        id="d"
+      >
+        <stop stopColor="#27A59B" offset="0%" />
+        <stop stopColor="#64D8A2" offset="100%" />
+      </linearGradient>
+      <linearGradient
+        x1="208.846%"
+        y1="-141.921%"
+        x2="86.111%"
+        y2="-183.711%"
+        id="e"
+      >
+        <stop stopColor="#27A59B" offset="0%" />
+        <stop stopColor="#64D8A2" offset="100%" />
+      </linearGradient>
+    </defs>
+    <g fill="none" fillRule="evenodd">
+      <path
+        d="M310.449 142.098c16.511-.795 31.126 12.014 32.551 28.54 6.176 79.942-65.669 169.347-168.771 172.212-16.523.459-30.289-12.601-30.747-29.17-.457-16.569 12.566-30.373 29.089-30.832 68.399-1.901 111.73-60.979 109.417-109.334-.792-16.557 11.951-30.622 28.461-31.416z"
+        fill="url(#a)"
+      />
+      <path
+        d="M30.322 140.395c16.529 0 29.929 13.437 29.929 30.013 0 69.182 55.627 113.956 111.188 112.585 16.524-.408 30.25 12.694 30.656 29.265.407 16.57-12.659 30.334-29.184 30.742C86.026 345.144.095 275.584.095 170.408c0-16.576 13.697-30.013 30.227-30.013z"
+        fill="url(#b)"
+      />
+      <path
+        d="M235.681 172.735c0-16.97 13.842-30.727 30.917-30.727h45.057c17.075 0 31.345 13.757 31.345 30.727s-14.27 30.727-31.345 30.727h-45.057c-17.075 0-30.917-13.757-30.917-30.727z"
+        fill="url(#c)"
+        fillRule="nonzero"
+      />
+      <path
+        d="M141.142 172.78c0-16.995 13.754-30.772 30.702-30.772s30.702 13.777 30.702 30.772c0 16.995-13.754 30.772-30.702 30.772s-30.702-13.777-30.702-30.772z"
+        fill="url(#d)"
+        fillRule="nonzero"
+      />
+      <path
+        d="M201.696 29.008c.686 16.561-12.147 30.544-28.662 31.232-71.294 2.969-114.819 59.003-112.7 112.209.659 16.562-11.927 30.525-28.443 31.186-16.517.661-31.041-12.705-31.7-29.268C-3.263 87.664 68.931 1.95 170.55.267c16.516-.688 30.46 12.18 31.146 28.741z"
+        fill="url(#e)"
+      />
+    </g>
+  </svg>
+);

packages/common/src/templates/gatsby.ts

@@ -1,4 +1,3 @@
-
 import Template from './template';
 import { decorateSelector } from '../theme';
 import configurations from './configuration';

packages/common/src/templates/gridsome.ts

@@ -0,0 +1,18 @@
+import Template from './template';
+import { decorateSelector } from '../theme';
+import configurations from './configuration';
+
+export default new Template(
+  'gridsome',
+  'Gridsome',
+  'https://gridsome.org/',
+  'github/SaraVieira/gridsome-starter-codesandbox',
+  decorateSelector(() => '#5ED3A2'),
+  {
+    distDir: 'dist',
+    isServer: true,
+    mainFile: ['/src/pages/index.vue'],
+    showOnHomePage: true,
+    main: true,
+  }
+);

packages/common/src/templates/icons.ts

@@ -1,5 +1,3 @@
-
-
 import React from '../components/logos/React';
 import Angular from '../components/logos/Angular';
 import Ember from '../components/logos/Ember';
@@ -21,6 +19,7 @@ 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 GridSome from '../components/logos/Gridsome';
 
 import {
   react,
@@ -43,6 +42,7 @@ import {
   sapper,
   staticTemplate,
   styleguidist,
+  gridsome,
   vuepress,
   mdxDeck
 } from './';
@@ -98,6 +98,8 @@ export default function getIcon(theme: TemplateType): ReturnedIcon {
       return Static;
     case styleguidist.name:
       return Styleguidist;
+    case gridsome.name:
+      return GridSome;
     case vuepress.name:
       return VuePress;
     case mdxDeck.name:

packages/common/src/templates/index.ts

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