重新切换项目

424f1f9e · 罗超 · 35eace90 · 424f1f9e · 424f1f9e · 424f1f9e
Commit 424f1f9e authored Jun 16, 2020 by 罗超
59 changed files
--- a/.editorconfig
+++ b/.editorconfig
-# editorconfig.org
 root = true
 [*]
+charset = utf-8
 indent_style = space
 indent_size = 2
 end_of_line = lf
-charset = utf-8
-trim_trailing_whitespace = true
 insert_final_newline = true
+trim_trailing_whitespace = true
-[*.md]
-trim_trailing_whitespace = false
--- a/.gitignore
+++ b/.gitignore
-# Created by .ignore support plugin (hsz.mobi)
+.DS_Store
-### Node template
+.thumbs.db
-# Logs
+node_modules
-/logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-# Runtime data
-pids
-*.pid
-*.seed
-*.pid.lock
-# Directory for instrumented libs generated by jscoverage/JSCover
-lib-cov
-# Coverage directory used by tools like istanbul
-coverage
-# nyc test coverage
-.nyc_output
-# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
-.grunt
-# Bower dependency directory (https://bower.io/)
-bower_components
-# node-waf configuration
-.lock-wscript
-# Compiled binary addons (https://nodejs.org/api/addons.html)
-build/Release
-# Dependency directories
-node_modules/
-jspm_packages/
-# TypeScript v1 declaration files
-typings/
-# Optional npm cache directory
-.npm
-# Optional eslint cache
-.eslintcache
-# Optional REPL history
-.node_repl_history
-# Output of 'npm pack'
-*.tgz
-# Yarn Integrity file
-.yarn-integrity
-# dotenv environment variables file
-.env
-# parcel-bundler cache (https://parceljs.org/)
-.cache
-# next.js build output
+# Quasar core related directories
-.next
+.quasar
+/dist
-# nuxt.js build output
+# Cordova related directories and files
-.nuxt
+/src-cordova/node_modules
+/src-cordova/platforms
+/src-cordova/plugins
+/src-cordova/www
-# Nuxt generate
+# Capacitor related directories and files
-dist
+/src-capacitor/www
+/src-capacitor/node_modules
-# vuepress build output
+# BEX related directories and files
-.vuepress/dist
+/src-bex/www
+/src-bex/js/core
-# Serverless directories
+# Log files
-.serverless
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
-# IDE / Editor
+# Editor directories and files
 .idea
+*.suo
-# Service worker
+*.ntvs*
-sw.*
+*.njsproj
+*.sln
-# macOS
-.DS_Store
-# Vim swap files
-*.swp
--- a/.postcssrc.js
+++ b/.postcssrc.js
+// https://github.com/michael-ciniawsky/postcss-load-config
+module.exports = {
+  plugins: [
+    // to edit target browsers: use "browserslist" field in package.json
+    require('autoprefixer')
+  ]
+}
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
+{
+  "recommendations": [
+    "octref.vetur"
+  ],
+  "unwantedRecommendations": [
+    "hookyqr.beautify",
+    "dbaeumer.jshint",
+    "ms-vscode.vscode-typescript-tslint-plugin"
+  ]
+}
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
+{
+  "vetur.experimental.templateInterpolationService": true
+}
--- a/README.md
+++ b/README.md
-# million
+# million app (million)
-> tw
+tw
-## Build Setup
+## Install the dependencies
 ```bash
-# install dependencies
+yarn
-$ yarn install
+```
-# serve with hot reload at localhost:3000
+### Start the app in development mode (hot-code reloading, error reporting, etc.)
-$ yarn dev
+```bash
+quasar dev
+```
-# build for production and launch server
-$ yarn build
-$ yarn start
-# generate static project
+### Build the app for production
-$ yarn generate
+```bash
+quasar build
 ```
-For detailed explanation on how things work, check out [Nuxt.js docs](https://nuxtjs.org).
+### Customize the configuration
+See [Configuring quasar.conf.js](https://quasar.dev/quasar-cli/quasar-conf-js).
--- a/assets/README.md
+++ b/assets/README.md
-# ASSETS
-**This directory is not required, you can delete it if you don't want to use it.**
-This directory contains your un-compiled assets such as LESS, SASS, or JavaScript.
-More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/assets#webpacked).
--- a/babel.config.js
+++ b/babel.config.js
+module.exports = {
+  presets: [
+    '@quasar/babel-preset-app'
+  ]
+}
--- a/components/Logo.vue
+++ b/components/Logo.vue
-<template>
-  <svg class="NuxtLogo" width="245" height="180" viewBox="0 0 452 342" xmlns="http://www.w3.org/2000/svg">
-    <g fill="none" fill-rule="evenodd">
-      <path
-        d="M139 330l-1-2c-2-4-2-8-1-13H29L189 31l67 121 22-16-67-121c-1-2-9-14-22-14-6 0-15 2-22 15L5 303c-1 3-8 16-2 27 4 6 10 12 24 12h136c-14 0-21-6-24-12z"
-        fill="#00C58E"
-      />
-      <path
-        d="M447 304L317 70c-2-2-9-15-22-15-6 0-15 3-22 15l-17 28v54l39-67 129 230h-49a23 23 0 0 1-2 14l-1 1c-6 11-21 12-23 12h76c3 0 17-1 24-12 3-5 5-14-2-26z"
-        fill="#108775"
-      />
-      <path
-        d="M376 330v-1l1-2c1-4 2-8 1-12l-4-12-102-178-15-27h-1l-15 27-102 178-4 12a24 24 0 0 0 2 15c4 6 10 12 24 12h190c3 0 18-1 25-12zM256 152l93 163H163l93-163z"
-        fill="#2F495E"
-        fill-rule="nonzero"
-      />
-    </g>
-  </svg>
-</template>
-<style>
-.NuxtLogo {
-  animation: 1s appear;
-  margin: auto;
-}
-@keyframes appear {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-</style>
--- a/components/README.md
+++ b/components/README.md
-# COMPONENTS
-**This directory is not required, you can delete it if you don't want to use it.**
-The components directory contains your Vue.js Components.
-_Nuxt.js doesn't supercharge these components._
--- a/jsconfig.json
+++ b/jsconfig.json
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "src/*": [
+        "src/*"
+      ],
+      "app/*": [
+        "*"
+      ],
+      "components/*": [
+        "src/components/*"
+      ],
+      "layouts/*": [
+        "src/layouts/*"
+      ],
+      "pages/*": [
+        "src/pages/*"
+      ],
+      "assets/*": [
+        "src/assets/*"
+      ],
+      "boot/*": [
+        "src/boot/*"
+      ],
+      "vue$": [
+        "node_modules/vue/dist/vue.esm.js"
+      ]
+    }
+  },
+  "exclude": [
+    "dist",
+    ".quasar",
+    "node_modules"
+  ]
+}
\ No newline at end of file
--- a/layouts/README.md
+++ b/layouts/README.md
-# LAYOUTS
-**This directory is not required, you can delete it if you don't want to use it.**
-This directory contains your Application Layouts.
-More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/views#layouts).
--- a/layouts/default.vue
+++ b/layouts/default.vue
-<template>
-  <div>
-    <nuxt />
-  </div>
-</template>
-<style>
-html {
-  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI',
-    Roboto, 'Helvetica Neue', Arial, sans-serif;
-  font-size: 16px;
-  word-spacing: 1px;
-  -ms-text-size-adjust: 100%;
-  -webkit-text-size-adjust: 100%;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-  box-sizing: border-box;
-}
-*,
-*:before,
-*:after {
-  box-sizing: border-box;
-  margin: 0;
-}
-.button--green {
-  display: inline-block;
-  border-radius: 4px;
-  border: 1px solid #3b8070;
-  color: #3b8070;
-  text-decoration: none;
-  padding: 10px 30px;
-}
-.button--green:hover {
-  color: #fff;
-  background-color: #3b8070;
-}
-.button--grey {
-  display: inline-block;
-  border-radius: 4px;
-  border: 1px solid #35495e;
-  color: #35495e;
-  text-decoration: none;
-  padding: 10px 30px;
-  margin-left: 15px;
-}
-.button--grey:hover {
-  color: #fff;
-  background-color: #35495e;
-}
-</style>
--- a/middleware/README.md
+++ b/middleware/README.md
-# MIDDLEWARE
-**This directory is not required, you can delete it if you don't want to use it.**
-This directory contains your application middleware.
-Middleware let you define custom functions that can be run before rendering either a page or a group of pages.
-More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/routing#middleware).
--- a/nuxt.config.js
+++ b/nuxt.config.js
-export default {
-  mode: 'universal',
-  /*
-  ** Headers of the page
-  */
-  head: {
-    title: process.env.npm_package_name || '',
-    meta: [
-      { charset: 'utf-8' },
-      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
-      { hid: 'description', name: 'description', content: process.env.npm_package_description || '' }
-    ],
-    link: [
-      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
-    ]
-  },
-  /*
-  ** Customize the progress-bar color
-  */
-  loading: { color: '#fff' },
-  /*
-  ** Global CSS
-  */
-  css: [
-  ],
-  /*
-  ** Plugins to load before mounting the App
-  */
-  plugins: [
-  ],
-  /*
-  ** Nuxt.js dev-modules
-  */
-  buildModules: [
-  ],
-  /*
-  ** Nuxt.js modules
-  */
-  modules: [
-    // Doc: https://bootstrap-vue.js.org
-    'bootstrap-vue/nuxt',
-  ],
-  /*
-  ** Build configuration
-  */
-  build: {
-    /*
-    ** You can extend webpack config here
-    */
-    extend (config, ctx) {
-    }
-  }
-}
--- a/package.json
+++ b/package.json
 {
-  "name": "million",
+    "name": "million",
-  "version": "1.0.0",
+    "version": "0.0.1",
-  "description": "tw",
+    "description": "tw",
-  "author": "luochao",
+    "productName": "million app",
-  "private": true,
+    "cordovaId": "org.cordova.quasar.app",
-  "scripts": {
+    "capacitorId": "",
-    "dev": "nuxt",
+    "author": "罗超 <alex9012@vip.qq.com>",
-    "build": "nuxt build",
+    "private": true,
-    "start": "nuxt start",
+    "scripts": {
-    "generate": "nuxt generate"
+        "test": "echo \"No test specified\" && exit 0",
-  },
+        "dev": "quasar dev -m ssr",
-  "dependencies": {
+        "build": "quasar build -m ssr",
-    "nuxt": "^2.0.0",
+        "build:pwa": "quasar build -m pwa"
-    "bootstrap-vue": "^2.0.0",
+    },
-    "bootstrap": "^4.1.3"
+    "dependencies": {
-  },
+        "@quasar/extras": "^1.0.0",
-  "devDependencies": {}
+        "axios": "^0.18.1",
+        "quasar": "^1.0.0",
+        "vue-i18n": "^8.0.0"
+    },
+    "devDependencies": {
+        "@quasar/app": "^1.0.0"
+    },
+    "engines": {
+        "node": ">= 10.18.1",
+        "npm": ">= 6.13.4",
+        "yarn": ">= 1.21.1"
+    },
+    "browserslist": [
+        "last 1 version, not dead, ie >= 11"
+    ]
 }
\ No newline at end of file
--- a/pages/README.md
+++ b/pages/README.md
-# PAGES
-This directory contains your Application Views and Routes.
-The framework reads all the `*.vue` files inside this directory and creates the router of your application.
-More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/routing).
--- a/pages/index.vue
+++ b/pages/index.vue
-<template>
-  <div class="container">
-    <div>
-      <logo />
-      <h1 class="title">
-        million
-      </h1>
-      <h2 class="subtitle">
-        tw
-      </h2>
-      <div class="links">
-        <a
-          href="https://nuxtjs.org/"
-          target="_blank"
-          class="button--green"
-        >
-          Documentation
-        </a>
-        <a
-          href="https://github.com/nuxt/nuxt.js"
-          target="_blank"
-          class="button--grey"
-        >
-          GitHub
-        </a>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-import Logo from '~/components/Logo.vue'
-export default {
-  components: {
-    Logo
-  }
-}
-</script>
-<style>
-.container {
-  margin: 0 auto;
-  min-height: 100vh;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  text-align: center;
-}
-.title {
-  font-family: 'Quicksand', 'Source Sans Pro', -apple-system, BlinkMacSystemFont,
-    'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
-  display: block;
-  font-weight: 300;
-  font-size: 100px;
-  color: #35495e;
-  letter-spacing: 1px;
-}
-.subtitle {
-  font-weight: 300;
-  font-size: 42px;
-  color: #526488;
-  word-spacing: 5px;
-  padding-bottom: 15px;
-}
-.links {
-  padding-top: 15px;
-}
-</style>
--- a/plugins/README.md
+++ b/plugins/README.md
-# PLUGINS
-**This directory is not required, you can delete it if you don't want to use it.**
-This directory contains Javascript plugins that you want to run before mounting the root Vue.js application.
-More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/plugins).
--- a/quasar.conf.js
+++ b/quasar.conf.js
+/*
+ * This file runs in a Node context (it's NOT transpiled by Babel), so use only
+ * the ES6 features that are supported by your Node version. https://node.green/
+ */
+// Configuration for your app
+// https://quasar.dev/quasar-cli/quasar-conf-js
+module.exports = function( /* ctx */ ) {
+    return {
+        // https://quasar.dev/quasar-cli/cli-documentation/supporting-ie
+        supportIE: true,
+        // https://quasar.dev/quasar-cli/cli-documentation/supporting-ts
+        supportTS: false,
+        // https://quasar.dev/quasar-cli/cli-documentation/prefetch-feature
+        // preFetch: true,
+        // app boot file (/src/boot)
+        // --> boot files are part of "main.js"
+        // https://quasar.dev/quasar-cli/cli-documentation/boot-files
+        boot: [
+            'i18n',
+            'axios',
+        ],
+        ssr: {
+            pwa: true,
+            manualHydration: false,
+            extendWebpack(cfg) {
+                // 直接更改cfg的属性；
+                // 无需返回任何内容
+            },
+            chainWebpack(chain) {
+                // chain是Webpack配置的
+                // webpack-chain实例
+            }
+        },
+        // https://quasar.dev/quasar-cli/quasar-conf-js#Property%3A-css
+        css: [
+            'app.scss'
+        ],
+        // https://github.com/quasarframework/quasar/tree/dev/extras
+        extras: [
+            // 'ionicons-v4',
+            // 'mdi-v5',
+            // 'fontawesome-v5',
+            // 'eva-icons',
+            // 'themify',
+            // 'line-awesome',
+            // 'roboto-font-latin-ext', // this or either 'roboto-font', NEVER both!
+            'roboto-font', // optional, you are not bound to it
+            'material-icons', // optional, you are not bound to it
+        ],
+        // Full list of options: https://quasar.dev/quasar-cli/quasar-conf-js#Property%3A-build
+        build: {
+            vueRouterMode: 'hash', // available values: 'hash', 'history'
+            // Add dependencies for transpiling with Babel (Array of regexes)
+            // (from node_modules, which are by default not transpiled).
+            // Does not applies to modern builds.
+            // transpileDependencies: [],
+            // modern: true, // https://quasar.dev/quasar-cli/modern-build
+            // rtl: false, // https://quasar.dev/options/rtl-support
+            // preloadChunks: true,
+            // showProgress: false,
+            // gzip: true,
+            // analyze: true,
+            // Options below are automatically set depending on the env, set them if you want to override
+            // extractCSS: false,
+            // https://quasar.dev/quasar-cli/cli-documentation/handling-webpack
+            extendWebpack(cfg) {},
+        },
+        // Full list of options: https://quasar.dev/quasar-cli/quasar-conf-js#Property%3A-devServer
+        devServer: {
+            https: false,
+            port: 8080,
+            open: true // opens browser window automatically
+        },
+        // https://quasar.dev/quasar-cli/quasar-conf-js#Property%3A-framework
+        framework: {
+            iconSet: 'material-icons', // Quasar icon set
+            lang: 'en-us', // Quasar language pack
+            // Possible values for "all":
+            // * 'auto' - Auto-import needed Quasar components & directives
+            //            (slightly higher compile time; next to minimum bundle size; most convenient)
+            // * false  - Manually specify what to import
+            //            (fastest compile time; minimum bundle size; most tedious)
+            // * true   - Import everything from Quasar
+            //            (not treeshaking Quasar; biggest bundle size; convenient)
+            all: false,
+            components: [
+                'QLayout',
+                'QHeader',
+                'QDrawer',
+                'QPageContainer',
+                'QPage',
+                'QToolbar',
+                'QToolbarTitle',
+                'QBtn',
+                'QIcon',
+                'QList',
+                'QItem',
+                'QItemSection',
+                'QItemLabel',
+                'QTabs',
+                'QRouteTab',
+                'QAvatar'
+            ],
+            directives: [
+                'Ripple'
+            ],
+            // Quasar plugins
+            plugins: []
+        },
+        // animations: 'all', // --- includes all animations
+        // https://quasar.dev/options/animations
+        animations: [],
+        // https://quasar.dev/quasar-cli/developing-ssr/configuring-ssr
+        ssr: {
+            pwa: false
+        },
+        // https://quasar.dev/quasar-cli/developing-pwa/configuring-pwa
+        pwa: {
+            workboxPluginMode: 'GenerateSW', // 'GenerateSW' or 'InjectManifest'
+            workboxOptions: {}, // only for GenerateSW
+            manifest: {
+                name: 'million app',
+                short_name: 'million app',
+                description: 'tw',
+                display: 'standalone',
+                orientation: 'portrait',
+                background_color: '#ffffff',
+                theme_color: '#027be3',
+                icons: [{
+                        src: 'statics/icons/icon-128x128.png',
+                        sizes: '128x128',
+                        type: 'image/png'
+                    },
+                    {
+                        src: 'statics/icons/icon-192x192.png',
+                        sizes: '192x192',
+                        type: 'image/png'
+                    },
+                    {
+                        src: 'statics/icons/icon-256x256.png',
+                        sizes: '256x256',
+                        type: 'image/png'
+                    },
+                    {
+                        src: 'statics/icons/icon-384x384.png',
+                        sizes: '384x384',
+                        type: 'image/png'
+                    },
+                    {
+                        src: 'statics/icons/icon-512x512.png',
+                        sizes: '512x512',
+                        type: 'image/png'
+                    }
+                ]
+            }
+        },
+        // Full list of options: https://quasar.dev/quasar-cli/developing-cordova-apps/configuring-cordova
+        cordova: {
+            // noIosLegacyBuildFlag: true, // uncomment only if you know what you are doing
+            id: 'org.cordova.quasar.app'
+        },
+        // Full list of options: https://quasar.dev/quasar-cli/developing-capacitor-apps/configuring-capacitor
+        capacitor: {
+            hideSplashscreen: true
+        },
+        // Full list of options: https://quasar.dev/quasar-cli/developing-electron-apps/configuring-electron
+        electron: {
+            bundler: 'packager', // 'packager' or 'builder'
+            packager: {
+                // https://github.com/electron-userland/electron-packager/blob/master/docs/api.md#options
+                // OS X / Mac App Store
+                // appBundleId: '',
+                // appCategoryType: '',
+                // osxSign: '',
+                // protocol: 'myapp://path',
+                // Windows only
+                // win32metadata: { ... }
+            },
+            builder: {
+                // https://www.electron.build/configuration/configuration
+                appId: 'million'
+            },
+            // More info: https://quasar.dev/quasar-cli/developing-electron-apps/node-integration
+            nodeIntegration: true,
+            extendWebpack( /* cfg */ ) {
+                // do something with Electron main process Webpack cfg
+                // chainWebpack also available besides this extendWebpack
+            }
+        }
+    }
+}
\ No newline at end of file
--- a/src-ssr/extension.js
+++ b/src-ssr/extension.js
+/*
+ * This file runs in a Node context (it's NOT transpiled by Babel), so use only
+ * the ES6 features that are supported by your Node version. https://node.green/
+ *
+ * WARNING!
+ * If you import anything from node_modules, then make sure that the package is specified
+ * in package.json > dependencies and NOT in devDependencies
+ *
+ * Note: This file is used for both PRODUCTION & DEVELOPMENT.
+ * Note: Changes to this file (but not any file it imports!) are picked up by the
+ * development server, but such updates are costly since the dev-server needs a reboot.
+ */
+module.exports.extendApp = function ({ app, ssr }) {
+  /*
+     Extend the parts of the express app that you
+     want to use with development server too.
+     Example: app.use(), app.get() etc
+  */
+}
--- a/src-ssr/index.js
+++ b/src-ssr/index.js
+/*
+ * This file runs in a Node context (it's NOT transpiled by Babel), so use only
+ * the ES6 features that are supported by your Node version. https://node.green/
+ *
+ * WARNING!
+ * If you import anything from node_modules, then make sure that the package is specified
+ * in package.json > dependencies and NOT in devDependencies
+ *
+ * Note: This file is used only for PRODUCTION. It is not picked up while in dev mode.
+ *   If you are looking to add common DEV & PROD logic to the express app, then use
+ *   "src-ssr/extension.js"
+ */
+const express = require('express')
+const compression = require('compression')
+const ssr = require('quasar-ssr')
+const extension = require('./extension')
+const app = express()
+const port = process.env.PORT || 3000
+const serve = (path, cache) => express.static(ssr.resolveWWW(path), {
+  maxAge: cache ? 1000 * 60 * 60 * 24 * 30 : 0
+})
+// gzip
+app.use(compression({ threshold: 0 }))
+// serve this with no cache, if built with PWA:
+if (ssr.settings.pwa) {
+  app.use('/service-worker.js', serve('service-worker.js'))
+}
+// serve "www" folder
+app.use('/', serve('.', true))
+// we extend the custom common dev & prod parts here
+extension.extendApp({ app, ssr })
+// this should be last get(), rendering with SSR
+app.get('*', (req, res) => {
+  res.setHeader('Content-Type', 'text/html')
+  // SECURITY HEADERS
+  // read more about headers here: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers
+  // the following headers help protect your site from common XSS attacks in browsers that respect headers
+  // you will probably want to use .env variables to drop in appropriate URLs below,
+  // and potentially look here for inspiration:
+  // https://ponyfoo.com/articles/content-security-policy-in-express-apps
+  // https://developer.mozilla.org/en-us/docs/Web/HTTP/Headers/X-Frame-Options
+  // res.setHeader('X-frame-options', 'SAMEORIGIN') // one of DENY | SAMEORIGIN | ALLOW-FROM https://example.com
+  // https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-XSS-Protection
+  // res.setHeader('X-XSS-Protection', 1)
+  // https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Content-Type-Options
+  // res.setHeader('X-Content-Type-Options', 'nosniff')
+  // https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Allow-Origin
+  // res.setHeader('Access-Control-Allow-Origin', '*') // one of '*', '<origin>' where origin is one SINGLE origin
+  // https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-DNS-Prefetch-Control
+  // res.setHeader('X-DNS-Prefetch-Control', 'off') // may be slower, but stops some leaks
+  // https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy
+  // res.setHeader('Content-Security-Policy', 'default-src https:')
+  // https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/sandbox
+  // res.setHeader('Content-Security-Policy', 'sandbox') // this will lockdown your server!!!
+  // here are a few that you might like to consider adding to your CSP
+  // object-src, media-src, script-src, frame-src, unsafe-inline
+  ssr.renderToString({ req, res }, (err, html) => {
+    if (err) {
+      if (err.url) {
+        res.redirect(err.url)
+      }
+      else if (err.code === 404) {
+        res.status(404).send('404 | Page Not Found')
+      }
+      else {
+        // Render Error Page or Redirect
+        res.status(500).send('500 | Internal Server Error')
+        if (ssr.settings.debug) {
+          console.error(`500 on ${req.url}`)
+          console.error(err)
+          console.error(err.stack)
+        }
+      }
+    }
+    else {
+      res.send(html)
+    }
+  })
+})
+app.listen(port, () => {
+  console.log(`Server listening at port ${port}`)
+})
--- a/src-ssr/ssr-flag.d.ts
+++ b/src-ssr/ssr-flag.d.ts
+// THIS FEATURE-FLAG FILE IS AUTOGENERATED,
+//  REMOVAL OR CHANGES WILL CAUSE RELATED TYPES TO STOP WORKING
+import "quasar/dist/types/feature-flag";
+declare module "quasar/dist/types/feature-flag" {
+  interface QuasarFeatureFlags {
+    ssr: true;
+  }
+}
--- a/src/App.vue
+++ b/src/App.vue
+<template>
+  <div id="q-app">
+    <router-view />
+  </div>
+</template>
+<script>
+export default {
+  name: 'App'
+}
+</script>
--- a/src/assets/quasar-logo-full.svg
+++ b/src/assets/quasar-logo-full.svg
--- a/src/assets/sad.svg
+++ b/src/assets/sad.svg
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 166.7 168.9" width="166.7" height="168.9" isolation="isolate"><defs><clipPath><rect width="166.7" height="168.9"/></clipPath></defs><g clip-path="url(#_clipPath_PPPiEcORhRSYwopEENnaRFzzeYSXmwtt)"><path d="M65.6 135.2C65.6 137.1 64.1 138.6 62.2 138.6 60.4 138.6 58.9 137.1 58.9 135.2 58.9 130.7 61.9 126.7 66.8 124 71.1 121.6 77 120.1 83.3 120.1 89.7 120.1 95.6 121.6 99.9 124 104.7 126.7 107.8 130.7 107.8 135.2 107.8 137.1 106.3 138.6 104.4 138.6 102.6 138.6 101.1 137.1 101.1 135.2 101.1 133.3 99.4 131.3 96.6 129.8 93.3 127.9 88.6 126.8 83.3 126.8 78.1 126.8 73.4 127.9 70 129.8 67.3 131.3 65.6 133.3 65.6 135.2ZM149.2 153.3C149.2 157.6 147.5 161.5 144.6 164.4 141.8 167.2 137.9 168.9 133.6 168.9 129.3 168.9 125.4 167.2 122.6 164.4 120.9 162.8 119.7 160.9 118.9 158.7 114.1 161 109 162.8 103.7 164.1 97.2 165.8 90.4 166.6 83.3 166.6 60.3 166.6 39.5 157.3 24.4 142.2 9.3 127.1 0 106.3 0 83.3 0 60.3 9.3 39.5 24.4 24.4 39.5 9.3 60.3 0 83.3 0 106.4 0 127.2 9.3 142.3 24.4 157.3 39.5 166.7 60.3 166.7 83.3 166.7 94.5 164.5 105.1 160.5 114.9 156.6 124.2 151.1 132.7 144.4 140 147 145.1 149.2 150.2 149.2 153.3ZM130.7 126.3C131.1 125.5 131.8 125 132.5 124.8L132.6 124.7 132.6 124.7 132.7 124.7 132.7 124.7 132.8 124.7 132.9 124.6 132.9 124.6 132.9 124.6 133 124.6 133 124.6C133 124.6 133.1 124.6 133.1 124.6L133.1 124.6 133.2 124.6 133.2 124.6C133.9 124.5 134.6 124.6 135.2 125 135.8 125.3 136.3 125.8 136.6 126.4L136.6 126.4 136.6 126.4 136.6 126.4 136.6 126.4 136.6 126.4 136.6 126.5 136.6 126.5 136.6 126.5 136.6 126.5 136.6 126.5 136.7 126.5C137 127.2 137.7 128.3 138.4 129.6L138.4 129.6 138.5 129.7 138.5 129.7 138.6 129.8 138.6 129.9 138.6 129.9 138.7 130 138.7 130.1 138.7 130.1 138.7 130.1 138.8 130.2 138.8 130.2 138.8 130.3 138.9 130.3 138.9 130.4 138.9 130.4 138.9 130.4 139 130.5 139 130.5 139 130.6 139.1 130.7 139.1 130.7 139.1 130.7 139.2 130.8 139.2 130.8 139.2 130.9C139.8 131.8 140.4 132.9 141 133.9 146.5 127.6 151.1 120.3 154.3 112.4 158 103.4 160 93.6 160 83.3 160 62.1 151.4 43 137.6 29.1 123.7 15.2 104.5 6.7 83.3 6.7 62.2 6.7 43 15.2 29.1 29.1 15.2 43 6.7 62.1 6.7 83.3 6.7 104.5 15.2 123.6 29.1 137.5 43 151.4 62.2 160 83.3 160 89.8 160 96.1 159.2 102.1 157.7 107.8 156.2 113.1 154.2 118.1 151.7L118.1 151.6 118.2 151.6 118.2 151.3 118.2 151.3 118.3 151 118.3 151 118.4 150.7 118.4 150.6 118.5 150.4 118.5 150.3 118.5 150 118.6 149.9 118.6 149.7 118.7 149.6 118.8 149.3C118.9 148.9 119 148.5 119.1 148.2L119.2 148.1 119.3 147.8 119.3 147.7 119.4 147.4 119.4 147.4C119.5 147.1 119.6 146.9 119.7 146.7L119.7 146.6 119.8 146.3 119.9 146.2 120 145.9 120.1 145.9C120.2 145.6 120.3 145.3 120.4 145.1L120.4 145.1 120.6 144.7 120.6 144.6 120.7 144.3 120.8 144.2 120.9 143.9 120.9 143.8 121 143.8 121.1 143.5 121.1 143.4 121.2 143.2 121.3 143 121.4 143C121.6 142.6 121.7 142.2 122 141.8L122 141.7 122.2 141.4 122.2 141.3 122.4 140.9 122.4 140.9 122.6 140.5 122.6 140.5 122.8 140.1 123 139.8 123 139.7 123 139.7 123.4 138.9 123.5 138.9 123.6 138.6 123.7 138.4 123.8 138.3 123.9 138 124 137.9 124.2 137.6 124.2 137.5 124.4 137.2 124.4 137.2 124.6 136.8 124.6 136.8 124.8 136.4 124.8 136.4 125 136.1 125.1 136 125.2 135.7 125.3 135.6 125.4 135.3 125.5 135.2 125.6 135 125.7 134.8 125.8 134.6 125.9 134.4 126.2 134 126.2 133.9 126.4 133.6 126.4 133.6 126.6 133.3 126.6 133.2 126.8 132.9 126.8 132.9 127 132.5 127 132.5 127.3 132.2 127.4 131.9 127.4 131.8 127.6 131.6 127.7 131.5 127.8 131.3 127.9 131.1 128 131 128.1 130.8 128.1 130.6 128.3 130.4 128.3 130.4 128.5 130.1 128.5 130.1 128.7 129.8 128.7 129.8 128.8 129.5 128.8 129.5 128.9 129.4 128.9 129.3 129 129.3 129 129.2 129 129.1 129 129.1 129.1 129 129.1 129 129.2 128.9 129.2 128.9 129.2 128.8 129.2 128.8 129.3 128.8 129.3 128.8 129.3 128.7 129.3 128.7 129.3 128.7 129.3 128.7 129.4 128.6 129.4 128.6 129.4 128.5 129.4 128.5 129.4 128.4 129.5 128.4 129.5 128.4 129.5 128.4 129.5 128.4 129.5 128.3 129.5 128.3 129.6 128.2 129.6 128.2 129.6 128.2 129.6 128.2 129.6 128.1 129.6 128.1 129.7 128.1 129.7 128.1 129.7 128 129.7 128 129.8 127.9 129.8 127.9 129.8 127.9 129.8 127.9 129.8 127.8 129.8 127.8 129.8 127.8 129.8 127.8 129.9 127.7 129.9 127.7 129.9 127.7 129.9 127.7 129.9 127.6 129.9 127.6 130 127.6 130 127.6 130 127.5 130 127.5 130 127.4 130 127.4 130.1 127.4 130.1 127.4 130.1 127.4 130.1 127.4 130.1 127.3 130.1 127.3 130.1 127.3 130.1 127.3 130.2 127.2 130.2 127.2 130.2 127.2 130.2 127.2 130.2 127.1 130.2 127.1 130.2 127.1 130.2 127.1 130.3 127 130.3 127 130.3 127 130.3 127 130.3 127 130.3 127 130.4 126.9 130.4 126.9 130.4 126.9 130.4 126.9 130.4 126.8 130.4 126.8 130.4 126.8 130.4 126.8 130.4 126.8 130.4 126.8 130.5 126.7 130.5 126.7 130.5 126.7 130.5 126.7 130.5 126.7 130.5 126.7 130.5 126.6 130.5 126.6 130.5 126.6 130.5 126.6 130.6 126.5 130.6 126.5 130.6 126.5 130.6 126.5 130.6 126.5 130.6 126.5 130.6 126.4 130.6 126.4 130.7 126.4 130.7 126.4 130.7 126.4 130.7 126.4 130.7 126.3 130.7 126.3 130.7 126.3 130.7 126.3ZM140 159.6C141.5 158.1 142.6 155.8 142.6 153.3 142.6 151 140.1 146 137.4 141.1L137.4 141.1 137.4 141.1 137.4 141.1C137 140.4 136.7 139.8 136.3 139.1L136.2 139 136.2 138.9 136.1 138.9 136.1 138.8 136 138.5 135.9 138.5C135.2 137.2 134.5 136.1 133.9 135L133.8 134.9 133.8 134.8 133.8 134.8 133.7 134.7 133.6 134.6 133.6 134.5 133.4 134.8 133.3 135.1 133.3 135.1 133.1 135.4 133.1 135.4 132.9 135.7 132.7 136 132.7 136 132.5 136.3 132.5 136.3 132.4 136.6 132.2 136.9 132.2 136.9 132 137.2 131.8 137.5 131.8 137.5 131.6 137.9 131.6 137.9 131.4 138.2 131.4 138.2 131.2 138.5 131 138.9 131 138.9 130.8 139.2 130.8 139.2 130.7 139.5 130.7 139.5 130.5 139.9 130.5 139.9 130.3 140.2 130.1 140.5 130.1 140.5 129.9 140.9 129.9 140.9 129.7 141.2 129.7 141.2 129.6 141.5 129.4 141.9 129.2 142.2 129.2 142.2 129 142.6 129 142.6 128.8 142.9 128.6 143.2 128.6 143.2 128.5 143.6 128.3 143.9 128.3 143.9 128.1 144.3 128.1 144.3 127.9 144.6 127.9 144.6 127.8 144.9 127.6 145.2 127.4 145.6 127.3 145.9 127.3 145.9 127.1 146.2 127 146.5 127 146.5 126.8 146.8 126.8 146.8 126.7 147.2 126.7 147.2 126.5 147.5 126.5 147.5 126.4 147.8 126.4 147.8 126.3 148.1 126.1 148.4 126 148.6 126 148.6 125.9 149 125.9 149 125.7 149.3 125.7 149.5 125.7 149.5 125.6 149.8 125.6 149.8 125.4 150 125.4 150 125.3 150.3 125.3 150.3 125.3 150.6 125.3 150.6 125.2 150.8 125.2 150.8 125.1 151.1 125.1 151.1 125 151.3 125 151.3 125 151.6 125 151.6 124.9 151.8 124.9 151.8 124.8 152 124.8 152 124.8 152.2 124.8 152.2 124.8 152.4 124.8 152.4C124.7 152.5 124.7 152.5 124.7 152.6L124.7 152.6 124.7 152.8 124.7 152.8C124.7 152.9 124.7 152.9 124.7 153L124.7 153 124.6 153.2 124.6 153.2 124.6 153.3 124.6 153.4C124.7 155.9 125.7 158.1 127.3 159.7 128.9 161.3 131.1 162.3 133.6 162.3 136.1 162.3 138.3 161.3 140 159.6ZM135.3 72.7C136.2 74.3 135.6 76.3 133.9 77.2 132.3 78 130.3 77.4 129.4 75.8 128.7 74.3 127.6 72.9 126.3 71.9 125 70.8 123.4 70.1 121.8 69.6L121.8 69.6C120.8 69.4 119.8 69.2 118.9 69.2 117.8 69.2 116.8 69.3 115.8 69.5 114 69.9 112.3 68.8 111.8 67 111.5 65.2 112.6 63.5 114.4 63 115.8 62.7 117.4 62.6 118.9 62.6 120.5 62.6 122 62.8 123.4 63.2L123.6 63.2C126.1 63.9 128.4 65.1 130.4 66.7 132.5 68.3 134.1 70.4 135.3 72.7ZM37.2 75.8C36.4 77.4 34.4 78 32.7 77.2 31.1 76.3 30.5 74.3 31.3 72.7 32.5 70.4 34.2 68.3 36.2 66.7 38.2 65.1 40.6 63.9 43.1 63.2L43.2 63.2C44.7 62.8 46.2 62.6 47.7 62.6 49.3 62.6 50.8 62.7 52.3 63 54.1 63.5 55.2 65.2 54.8 67 54.4 68.8 52.6 69.9 50.9 69.5 49.9 69.3 48.8 69.2 47.8 69.2 46.8 69.2 45.8 69.4 44.9 69.6L44.9 69.6C43.2 70.1 41.7 70.8 40.4 71.9 39.1 72.9 38 74.3 37.2 75.8ZM125.2 92.7C125.2 90.7 124.5 88.9 123.3 87.6 122.2 86.5 120.6 85.7 119 85.7 117.3 85.7 115.8 86.5 114.7 87.6 113.5 88.9 112.8 90.7 112.8 92.7 112.8 94.6 113.5 96.4 114.7 97.7 115.8 98.9 117.3 99.6 119 99.6 120.6 99.6 122.2 98.9 123.3 97.7 124.5 96.4 125.2 94.6 125.2 92.7ZM128.2 83.2C130.4 85.6 131.8 89 131.8 92.7 131.8 96.4 130.4 99.7 128.2 102.2 125.8 104.7 122.6 106.3 119 106.3 115.4 106.3 112.1 104.7 109.8 102.2 107.5 99.7 106.1 96.4 106.1 92.7 106.1 89 107.5 85.6 109.8 83.2 112.1 80.6 115.4 79.1 119 79.1 122.6 79.1 125.8 80.6 128.2 83.2ZM53.9 92.7C53.9 90.7 53.2 88.9 52 87.6 50.9 86.5 49.4 85.7 47.7 85.7 46 85.7 44.5 86.5 43.4 87.6 42.2 88.9 41.5 90.7 41.5 92.7 41.5 94.6 42.2 96.4 43.4 97.7 44.5 98.9 46 99.6 47.7 99.6 49.4 99.6 50.9 98.9 52 97.7 53.2 96.4 53.9 94.6 53.9 92.7ZM56.9 83.2C59.2 85.6 60.5 89 60.5 92.7 60.5 96.4 59.2 99.7 56.9 102.2 54.5 104.7 51.3 106.3 47.7 106.3 44.1 106.3 40.9 104.7 38.5 102.2 36.2 99.7 34.8 96.4 34.8 92.7 34.8 89 36.2 85.6 38.5 83.2 40.9 80.6 44.1 79.1 47.7 79.1 51.3 79.1 54.5 80.6 56.9 83.2Z" fill="rgb(1,22,39)" fill-opacity="0.2"/></g></svg>
--- a/src/boot/.gitkeep
+++ b/src/boot/.gitkeep
--- a/src/boot/axios.js
+++ b/src/boot/axios.js
+import Vue from 'vue'
+import axios from 'axios'
+Vue.prototype.$axios = axios
--- a/src/boot/i18n.js
+++ b/src/boot/i18n.js
+import Vue from 'vue'
+import VueI18n from 'vue-i18n'
+import messages from 'src/i18n'
+Vue.use(VueI18n)
+const i18n = new VueI18n({
+  locale: 'en-us',
+  fallbackLocale: 'en-us',
+  messages
+})
+export default ({ app }) => {
+  // Set i18n instance on app
+  app.i18n = i18n
+}
+export { i18n }
--- a/src/components/EssentialLink.vue
+++ b/src/components/EssentialLink.vue
+<template>
+  <q-item
+    clickable
+    tag="a"
+    target="_blank"
+    :href="link"
+  >
+    <q-item-section
+      v-if="icon"
+      avatar
+    >
+      <q-icon :name="icon" />
+    </q-item-section>
+    <q-item-section>
+      <q-item-label>{{ title }}</q-item-label>
+      <q-item-label caption>
+        {{ caption }}
+      </q-item-label>
+    </q-item-section>
+  </q-item>
+</template>
+<script>
+export default {
+  name: 'EssentialLink',
+  props: {
+    title: {
+      type: String,
+      required: true
+    },
+    caption: {
+      type: String,
+      default: ''
+    },
+    link: {
+      type: String,
+      default: '#'
+    },
+    icon: {
+      type: String,
+      default: ''
+    }
+  }
+}
+</script>
--- a/src/css/app.scss
+++ b/src/css/app.scss
+// app global css in SCSS form
--- a/src/css/quasar.variables.scss
+++ b/src/css/quasar.variables.scss
+// Quasar SCSS (& Sass) Variables
+// --------------------------------------------------
+// To customize the look and feel of this app, you can override
+// the Sass/SCSS variables found in Quasar's source Sass/SCSS files.
+// Check documentation for full list of Quasar variables
+// Your own variables (that are declared here) and Quasar's own
+// ones will be available out of the box in your .vue/.scss/.sass files
+// It's highly recommended to change the default colors
+// to match your app's branding.
+// Tip: Use the "Theme Builder" on Quasar's documentation website.
+$primary   : #1976D2;
+$secondary : #26A69A;
+$accent    : #9C27B0;
+$dark      : #1D1D1D;
+$positive  : #21BA45;
+$negative  : #C10015;
+$info      : #31CCEC;
+$warning   : #F2C037;
--- a/src/i18n/en-us/index.js
+++ b/src/i18n/en-us/index.js
+// This is just an example,
+// so you can safely delete all default props below
+export default {
+  failed: 'Action failed',
+  success: 'Action was successful'
+}
--- a/src/i18n/index.js
+++ b/src/i18n/index.js
+import enUS from './en-us'
+import zhCN from './zh-cn'
+import zhTW from './zh-tw'
+export default {
+    'en-us': enUS,
+    'zh-tw': zhTW,
+    'zh-cn': zhCN
+}
\ No newline at end of file
--- a/src/i18n/zh-cn/index.js
+++ b/src/i18n/zh-cn/index.js
+export default {
+    failed: '请求失败',
+    success: '请求成功'
+}
\ No newline at end of file
--- a/src/i18n/zh-tw/index.js
+++ b/src/i18n/zh-tw/index.js
+export default {
+    failed: '加載失敗',
+    success: '加載成功'
+}
\ No newline at end of file
--- a/src/index.template.html
+++ b/src/index.template.html
+<!DOCTYPE html>
+<html>
+  <head>
+    <title><%= htmlWebpackPlugin.options.productName %></title>
+    <meta charset="utf-8">
+    <meta name="description" content="<%= htmlWebpackPlugin.options.productDescription %>">
+    <meta name="format-detection" content="telephone=no">
+    <meta name="msapplication-tap-highlight" content="no">
+    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width<% if (htmlWebpackPlugin.options.ctx.mode.cordova || htmlWebpackPlugin.options.ctx.mode.capacitor) { %>, viewport-fit=cover<% } %>">
+    <link rel="icon" type="image/png" sizes="128x128" href="statics/icons/favicon-128x128.png">
+    <link rel="icon" type="image/png" sizes="96x96" href="statics/icons/favicon-96x96.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="statics/icons/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="statics/icons/favicon-16x16.png">
+    <link rel="icon" type="image/ico" href="statics/icons/favicon.ico">
+  </head>
+  <body>
+    <!-- DO NOT touch the following DIV -->
+    <div id="q-app"></div>
+  </body>
+</html>
--- a/src/layouts/HomeLayout.vue
+++ b/src/layouts/HomeLayout.vue
+<template>
+  <q-layout view="hhh lpR fFf">
+    <q-header reveal elevated class="bg-primary text-white" height-hint="98">
+      <q-toolbar>
+        <q-toolbar-title>
+          <q-avatar>
+            <img src="https://cdn.quasar.dev/logo/svg/quasar-logo.svg" />
+          </q-avatar>
+          Title
+        </q-toolbar-title>
+        <q-tabs align="left" shrink>
+          <q-route-tab to="/page1" label="Page One" />
+          <q-route-tab to="/page2" label="Page Two" />
+          <q-route-tab to="/page3" label="Page Three" />
+          <q-route-tab to="/page4" label="Page Four" />
+          <q-route-tab to="/page5" label="Page Five" />
+          <q-route-tab to="/page6" label="Page Six" />
+        </q-tabs>
+      </q-toolbar>
+      <!-- <q-tabs align="left">
+        <q-route-tab to="/page1" label="Page One" />
+        <q-route-tab to="/page2" label="Page Two" />
+        <q-route-tab to="/page3" label="Page Three" />
+        <q-route-tab to="/page4" label="Page Four" />
+        <q-route-tab to="/page5" label="Page Five" />
+        <q-route-tab to="/page6" label="Page Six" />
+      </q-tabs> -->
+    </q-header>
+    <q-page-container>
+      <router-view />
+    </q-page-container>
+    <q-footer reveal elevated class="bg-grey-8 text-white">
+      <q-toolbar>
+        <q-toolbar-title>
+          <q-avatar>
+            <img src="https://cdn.quasar.dev/logo/svg/quasar-logo.svg" />
+          </q-avatar>
+          Title
+        </q-toolbar-title>
+      </q-toolbar>
+    </q-footer>
+  </q-layout>
+</template>
+<script>
+export default {
+  data() {
+    return {};
+  }
+};
+</script>
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
+<template>
+  <q-layout view="lHh Lpr lFf">
+    <q-header elevated>
+      <q-toolbar>
+        <q-btn
+          flat
+          dense
+          round
+          icon="menu"
+          aria-label="Menu"
+          @click="leftDrawerOpen = !leftDrawerOpen"
+        />
+        <q-toolbar-title>
+          Quasar App
+        </q-toolbar-title>
+        <div>Quasar v{{ $q.version }}</div>
+      </q-toolbar>
+    </q-header>
+    <q-drawer
+      v-model="leftDrawerOpen"
+      show-if-above
+      bordered
+      content-class="bg-grey-1"
+    >
+      <q-list>
+        <q-item-label
+          header
+          class="text-grey-8"
+        >
+          Essential Links
+        </q-item-label>
+        <EssentialLink
+          v-for="link in essentialLinks"
+          :key="link.title"
+          v-bind="link"
+        />
+      </q-list>
+    </q-drawer>
+    <q-page-container>
+      <router-view />
+    </q-page-container>
+  </q-layout>
+</template>
+<script>
+import EssentialLink from 'components/EssentialLink'
+export default {
+  name: 'MainLayout',
+  components: {
+    EssentialLink
+  },
+  data () {
+    return {
+      leftDrawerOpen: false,
+      essentialLinks: [
+        {
+          title: 'Docs',
+          caption: 'quasar.dev',
+          icon: 'school',
+          link: 'https://quasar.dev'
+        },
+        {
+          title: 'Github',
+          caption: 'github.com/quasarframework',
+          icon: 'code',
+          link: 'https://github.com/quasarframework'
+        },
+        {
+          title: 'Discord Chat Channel',
+          caption: 'chat.quasar.dev',
+          icon: 'chat',
+          link: 'https://chat.quasar.dev'
+        },
+        {
+          title: 'Forum',
+          caption: 'forum.quasar.dev',
+          icon: 'record_voice_over',
+          link: 'https://forum.quasar.dev'
+        },
+        {
+          title: 'Twitter',
+          caption: '@quasarframework',
+          icon: 'rss_feed',
+          link: 'https://twitter.quasar.dev'
+        },
+        {
+          title: 'Facebook',
+          caption: '@QuasarFramework',
+          icon: 'public',
+          link: 'https://facebook.quasar.dev'
+        },
+        {
+          title: 'Quasar Awesome',
+          caption: 'Community Quasar projects',
+          icon: 'favorite',
+          link: 'https://awesome.quasar.dev'
+        }
+      ]
+    }
+  }
+}
+</script>
--- a/src/pages/Error404.vue
+++ b/src/pages/Error404.vue
+<template>
+  <div class="fixed-center text-center">
+    <p>
+      <img
+        src="~assets/sad.svg"
+        style="width:30vw;max-width:150px;"
+      >
+    </p>
+    <p class="text-faded">
+      Sorry, nothing here...<strong>(404)</strong>
+    </p>
+    <q-btn
+      color="secondary"
+      style="width:200px;"
+      to="/"
+      label="Go back"
+    />
+  </div>
+</template>
+<script >
+export default {
+  name: 'Error404'
+}
+</script>
--- a/src/pages/Index.vue
+++ b/src/pages/Index.vue
+<template>
+  <q-page class="flex flex-center">
+    <img
+      alt="Quasar logo"
+      src="~assets/quasar-logo-full.svg"
+    >
+  </q-page>
+</template>
+<script>
+export default {
+  name: 'PageIndex'
+}
+</script>
--- a/src/router/index.js
+++ b/src/router/index.js
+import Vue from 'vue'
+import VueRouter from 'vue-router'
+import routes from './routes'
+Vue.use(VueRouter)
+/*
+ * If not building with SSR mode, you can
+ * directly export the Router instantiation;
+ *
+ * The function below can be async too; either use
+ * async/await or return a Promise which resolves
+ * with the Router instance.
+ */
+export default function (/* { store, ssrContext } */) {
+  const Router = new VueRouter({
+    scrollBehavior: () => ({ x: 0, y: 0 }),
+    routes,
+    // Leave these as they are and change in quasar.conf.js instead!
+    // quasar.conf.js -> build -> vueRouterMode
+    // quasar.conf.js -> build -> publicPath
+    mode: process.env.VUE_ROUTER_MODE,
+    base: process.env.VUE_ROUTER_BASE
+  })
+  return Router
+}
--- a/src/router/routes.js
+++ b/src/router/routes.js
+const routes = [{
+    path: '/',
+    component: () =>
+        import ('layouts/HomeLayout.vue'),
+    children: [
+        { path: '', component: () =>
+                import ('pages/Index.vue') }
+    ]
+}]
+// Always leave this as last one
+if (process.env.MODE !== 'ssr') {
+    routes.push({
+        path: '*',
+        component: () =>
+            import ('pages/Error404.vue')
+    })
+}
+export default routes
\ No newline at end of file
--- a/src/statics/icons/favicon-128x128.png
+++ b/src/statics/icons/favicon-128x128.png
--- a/src/statics/icons/favicon-16x16.png
+++ b/src/statics/icons/favicon-16x16.png
--- a/src/statics/icons/favicon-32x32.png
+++ b/src/statics/icons/favicon-32x32.png
--- a/src/statics/icons/favicon-96x96.png
+++ b/src/statics/icons/favicon-96x96.png
--- a/src/statics/icons/favicon.ico
+++ b/src/statics/icons/favicon.ico
--- a/src/store/index.js
+++ b/src/store/index.js
+import Vue from 'vue'
+import Vuex from 'vuex'
+// import example from './module-example'
+Vue.use(Vuex)
+/*
+ * If not building with SSR mode, you can
+ * directly export the Store instantiation;
+ *
+ * The function below can be async too; either use
+ * async/await or return a Promise which resolves
+ * with the Store instance.
+ */
+export default function (/* { ssrContext } */) {
+  const Store = new Vuex.Store({
+    modules: {
+      // example
+    },
+    // enable strict mode (adds overhead!)
+    // for dev mode only
+    strict: process.env.DEV
+  })
+  return Store
+}
--- a/src/store/module-example/actions.js
+++ b/src/store/module-example/actions.js
+export function someAction (/* context */) {
+}
--- a/src/store/module-example/getters.js
+++ b/src/store/module-example/getters.js
+export function someGetter (/* state */) {
+}
--- a/src/store/module-example/index.js
+++ b/src/store/module-example/index.js
+import state from './state'
+import * as getters from './getters'
+import * as mutations from './mutations'
+import * as actions from './actions'
+export default {
+  namespaced: true,
+  getters,
+  mutations,
+  actions,
+  state
+}
--- a/src/store/module-example/mutations.js
+++ b/src/store/module-example/mutations.js
+export function someMutation (/* state */) {
+}
--- a/src/store/module-example/state.js
+++ b/src/store/module-example/state.js
+export default function () {
+  return {
+    //
+  }
+}
--- a/src/store/store-flag.d.ts
+++ b/src/store/store-flag.d.ts
+// THIS FEATURE-FLAG FILE IS AUTOGENERATED,
+//  REMOVAL OR CHANGES WILL CAUSE RELATED TYPES TO STOP WORKING
+import "quasar/dist/types/feature-flag";
+declare module "quasar/dist/types/feature-flag" {
+  interface QuasarFeatureFlags {
+    store: true;
+  }
+}
--- a/static/README.md
+++ b/static/README.md
-# STATIC
-**This directory is not required, you can delete it if you don't want to use it.**
-This directory contains your static files.
-Each file inside this directory is mapped to `/`.
-Thus you'd want to delete this README.md before deploying to production.
-Example: `/static/robots.txt` is mapped as `/robots.txt`.
-More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/assets#static).
--- a/static/favicon.ico
+++ b/static/favicon.ico
--- a/store/README.md
+++ b/store/README.md
-# STORE
-**This directory is not required, you can delete it if you don't want to use it.**
-This directory contains your Vuex Store files.
-Vuex Store option is implemented in the Nuxt.js framework.
-Creating a file in this directory automatically activates the option in the framework.
-More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/vuex-store).
--- a/yarn.lock
+++ b/yarn.lock