Adds Quasar Framework template (codesandbox#1888)

Author: smolinari

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

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

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

@@ -22,6 +22,7 @@ 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 Quasar from '../components/logos/Quasar';
 
 import {
   adonis,
@@ -49,6 +50,7 @@ import {
   gridsome,
   vuepress,
   mdxDeck,
+  quasar
 } from './';
 
 import { TemplateType } from './';
@@ -112,6 +114,8 @@ export default function getIcon(theme: TemplateType): ReturnedIcon {
       return VuePress;
     case mdxDeck.name:
       return MDXDeck;
+    case quasar.name:
+      return Quasar;
     default:
       return React;
   }

packages/common/src/templates/icons.ts

@@ -25,6 +25,7 @@ import styleguidist from './styleguidist';
 import gridsome from './gridsome';
 import vuepress from './vuepress';
 import mdxDeck from './mdx-deck';
+import quasar from './quasar';
 
 export {
   adonis,
@@ -54,6 +55,7 @@ export {
   gridsome,
   vuepress,
   mdxDeck,
+  quasar
 };
 
 export type TemplateType =
@@ -79,7 +81,8 @@ export type TemplateType =
   | 'styleguidist'
   | 'gridsome'
   | 'vuepress'
-  | 'mdx-deck';
+  | 'mdx-deck'
+  | 'quasar';
 
 export default function getDefinition(theme: TemplateType) {
   switch (theme) {
@@ -137,6 +140,8 @@ export default function getDefinition(theme: TemplateType) {
       return ember;
     case vuepress.name:
       return vuepress;
+    case quasar.name:
+      return quasar;
     default:
       return react;
   }

packages/common/src/templates/index.ts

@@ -0,0 +1,16 @@
+import Template from './template';
+import { decorateSelector } from '../theme';
+
+export default new Template(
+  'quasar-framework',
+  'Quasar',
+  'https://quasar-framework.org/',
+  'github/quasarframework/quasar-codesandbox',
+  decorateSelector(() => '#43A4F2'),
+  {
+    isServer: true,
+    mainFile: ['/src/pages/Index.vue'],
+    showOnHomePage: true,
+    netlify: false
+  }
+);