Merge branch 'release/0.5.0'

client/.gitignore

@@ -1,9 +1,12 @@
 .DS_Store
 node_modules
 /dist
+storybook-static
+
 
 # local env files
 .env.local
+.env.development
 .env.*.local
 
 # Log files

client/apollo.config.js

@@ -0,0 +1,23 @@
+const path = require('path')
+
+// Load .env files
+const { loadEnv } = require('vue-cli-plugin-apollo/utils/load-env')
+const env = loadEnv([
+  path.resolve(__dirname, '.env'),
+  path.resolve(__dirname, '.env.local')
+])
+
+module.exports = {
+  client: {
+    service: env.VUE_APP_APOLLO_ENGINE_SERVICE,
+    includes: ['src/**/*.{js,jsx,ts,tsx,vue,gql}']
+  },
+  service: {
+    name: env.VUE_APP_APOLLO_ENGINE_SERVICE,
+    localSchemaFile: path.resolve(__dirname, './node_modules/.temp/graphql/schema.json')
+  },
+  engine: {
+    endpoint: process.env.APOLLO_ENGINE_API_ENDPOINT,
+    apiKey: env.VUE_APP_APOLLO_ENGINE_KEY
+  }
+}

client/config/storybook/main.js

@@ -0,0 +1,4 @@
+module.exports = {
+  stories: ['../../src/**/*.stories.@(js|jsx|ts|tsx|mdx)'],
+  addons: ['@storybook/addon-essentials', '@storybook/addon-links'],
+}

client/config/storybook/preview-head.html

@@ -0,0 +1,4 @@
+<!-- .storybook/preview-head.html -->
+
+<!-- Or you can load custom head-tag JavaScript: -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/[email protected]/css/materialdesignicons.min.css">

client/config/storybook/preview.js

@@ -0,0 +1,23 @@
+import Vue from 'vue'
+import '@/quasar'
+
+import { mixins } from '@/main'
+
+Vue.mixin(mixins)
+
+const newViewports = {
+  weekly: {
+    name: 'Weekly Width',
+    styles: {
+      width: '247px',
+      height: '963px',
+    },
+  },
+}
+
+export const parameters = {
+  viewport: {
+    viewports: newViewports, // newViewports would be an ViewportMap. (see below for examples)
+    defaultViewport: 'someDefault',
+  },
+}