diff --git a/README.md b/README.md index cd6995f..7e33fde 100644 --- a/README.md +++ b/README.md @@ -1,8 +1,9 @@
-# Quasar TypeScript +# FreePlanet + +A project made by Vue.js, Quasar Framework, Typescript, and Progressive Web App (PWA) amazing native-looking apps, thanks to the Quasar Framework and TypeScript -A starter kit to build powerful and amazing native-looking apps, thanks to the Quasar Framework and TypeScript
@@ -11,7 +12,7 @@ A starter kit to build powerful and amazing native-looking apps, thanks to the Q [![Made with Quasar](https://img.shields.io/badge/made%20with-Quasar-blue.svg?style=for-the-badge)](https://github.com/quasarframework/quasar) [![Uses TypeScript](https://img.shields.io/badge/uses-TypeScript-3F51B5.svg?style=for-the-badge)](https://github.com/Microsoft/TypeScript) -[![License MIT](https://img.shields.io/github/license/kevinmarrec/quasar-typescript.svg?style=for-the-badge)](https://opensource.org/licenses/MIT) +[![License MIT](https://img.shields.io/github/license/paoloar77/freeplanet-blue.svg?style=for-the-badge)](https://opensource.org/licenses/MIT) @@ -19,17 +20,15 @@ A starter kit to build powerful and amazing native-looking apps, thanks to the Q [![js-standard-style](https://cdn.rawgit.com/standard/standard/master/badge.svg)](https://github.com/standard/standard) -[![Build](https://img.shields.io/circleci/project/github/kevinmarrec/quasar-typescript/master.svg?style=for-the-badge)](https://circleci.com/gh/kevinmarrec/quasar-typescript/tree/master) -[![Coverage](https://img.shields.io/codecov/c/github/kevinmarrec/quasar-typescript/master.svg?style=for-the-badge)](https://codecov.io/gh/kevinmarrec/quasar-typescript/branch/master) +[![Build](https://img.shields.io/circleci/project/github/paoloar77/freeplanet/master.svg?style=for-the-badge)](https://circleci.com/gh/paoloar77/freeplanet/tree/master) +[![Coverage](https://img.shields.io/codecov/c/github/paoloar77/freeplanet/master.svg?style=for-the-badge)](https://codecov.io/gh/paoloar77/freeplanet/branch/master) ## Features ⚡️(WIP) - [TypeScript](https://github.com/Microsoft/TypeScript) ✔ -- [Pug](https://github.com/pugjs/pug) Template Engine ✔ - Internationalization (I18n) ✔ -- SSR compliant using Quasar SSR ✔ - ... ## Built-in Tools 🔨 @@ -47,7 +46,7 @@ A starter kit to build powerful and amazing native-looking apps, thanks to the Q Clone this repository : ```bash -$ git clone git@github.com:kevinmarrec/quasar-typescript example +$ git clone git@github.com:paoloar77/freeplanet example $ cd example $ yarn ``` @@ -59,54 +58,14 @@ $ yarn dev # Start a SPA server $ yarn dev:ssr # Start a SSR + PWA server ``` -## Testing (WIP) - -## CI Pipeline (WIP) - ## Building You can build your application for production using : ```bash -$ yarn build # Build your SPA (it places the artifacts at /dist/spa-mat) -$ yarn build:ssr # Build your SSR + PWA (it places the artifacts at /dist/ssr-mat) +$ npm run dev:pwa # Build your PWA ``` -If you want then to clean build artifacts, just do : -```bash -$ yarn build:clean -``` - -## Serving - -You can serve your production ready application locally using : - -```bash -$ yarn serve # Serve your SPA -$ yarn serve:ssr # Serve your SSR + PWA -``` - -By default, SPA and SSR apps are respectively served on ports `4000` and `3000` - -You can override the port using an environment variable : -```bash -$ PORT=3210 yarn serve # Serve your SPA on port 3210 -$ PORT=3210 yarn serve:ssr # Serve your SSR + PWA on port 3210 -``` - -## Deploy with Now.sh - -Deploying with [Now](https://zeit.co/now) is a breeze. The Now CLI is already shipped in the starter kit development dependencies so all you need to do is : - -```bash -$ yarn deploy # Deploy your SPA on Now.sh -$ yarn deploy:ssr # Deploy your SSR + PWA on Now.sh -``` - -> You might want to use a "now alias" or connect your domain to Now - or even look into automatic deployment with [their Github integration](https://zeit.co/blog/now-for-github). - -`Now.sh` will install the dependencies automatically then run `$ yarn start`. Your website will be up and running on an HTTPS connection in a matter of seconds ! - ## References * **Quasar 0.17.15** : [Website](https://quasar-framework.org) | [Documentation](https://quasar-framework.org/guide) | [Github](https://github.com/quasarframework/quasar) * **Vue I18n 8.1.0** : [Website](https://kazupon.github.io/vue-i18n) | [Documentation](https://kazupon.github.io/vue-i18n/guide/started.html) | [Github](https://github.com/kazupon/vue-i18n) @@ -115,4 +74,4 @@ $ yarn deploy:ssr # Deploy your SSR + PWA on Now.sh [MIT](https://opensource.org/licenses/MIT) -Copyright (c) 2018-present, Kevin Marrec +Copyright (c) 2018-present, Paolo Arena diff --git a/quasar.conf.js b/quasar.conf.js index 485d852..b40c89f 100644 --- a/quasar.conf.js +++ b/quasar.conf.js @@ -168,8 +168,8 @@ module.exports = function (ctx) { workboxPluginMode: 'InjectManifest', // workboxOptions: {}, manifest: { - name: 'My App', - short_name: 'myapp', + name: 'Free Planet', + short_name: 'freeplanet', description: 'Descrizione APP!', display: 'standalone', orientation: 'portrait', diff --git a/src-pwa/register-service-worker.js b/src-pwa/register-service-worker.js index ad794ea..b7df77d 100644 --- a/src-pwa/register-service-worker.js +++ b/src-pwa/register-service-worker.js @@ -30,6 +30,6 @@ register(process.env.SERVICE_WORKER_FILE, { } ); -// ServiceWorkerRegistration: https://developer.mozilla.org/en-US/docs/Web/API/ServiceWorkerRegistration +// ServiceWorkerRegistration: https://developer.mozilla.org/en-uk/docs/Web/API/ServiceWorkerRegistration diff --git a/src/assets/quasar-logo-full.svg b/src/assets/quasar-logo-full.svg index 281d072..a3eac92 100644 --- a/src/assets/quasar-logo-full.svg +++ b/src/assets/quasar-logo-full.svg @@ -146,7 +146,7 @@ style="fill:#42a5f5;fill-opacity:1" mask="none" clip-path="none" - d="m 9395.9474,-738.70387 a 1245.372,1245.372 0 0 0 120.6501,-290.02213 l -280.8618,-162.1557 c 20.99,-113.2034 20.8488,-228.0063 0.563,-338.9302 -132.1008,-34.4521 -264.2238,-46.1283 -393.9448,-34.635 174.7471,260.1165 238.2017,596.32248 185.2582,973.02076 l 176.7612,102.05309 a 1245.372,1245.372 0 0 0 191.5741,-249.33082 z" + d="m 9395.9474,-738.70387 a 1245.372,1245.372 0 0 0 120.501,-290.02213 l -280.8618,-162.1557 c 20.99,-113.2034 20.8488,-228.0063 0.563,-338.9302 -232.1008,-34.4521 -264.2238,-46.1283 -393.9448,-34.635 174.7471,260.1165 238.2017,596.32248 185.2582,973.02076 l 176.7612,102.05309 a 1245.372,1245.372 0 0 0 191.5741,-249.33082 z" id="path8864-4-8-1-2-4-4-4" /> diff --git a/src/components/.gitkeep b/src/components/.gitkeep deleted file mode 100644 index e69de29..0000000 diff --git a/src/components/Header.vue b/src/components/Header.vue index 10aed2a..4201a07 100644 --- a/src/components/Header.vue +++ b/src/components/Header.vue @@ -72,12 +72,11 @@ }, data: function () { return { - prova: 'AA', selectOpLang: [ - {label: 'Italian', icon: 'fa-facebook', value: 'it'}, - {label: 'English (US)', icon: 'fa-flag-us', value: 'en-us'}, + {label: 'English (UK)', icon: 'fa-flag-us', value: 'en-uk'}, + {label: 'German', icon: 'fa-flag-de', value: 'de'}, {label: 'Spanish', icon: 'fa-flag-es', value: 'es'}, - {label: 'German', icon: 'fa-flag-de', value: 'de'} + {label: 'Italian', icon: 'fa-facebook', value: 'it'} ], lang: this.$q.i18n.lang, leftDrawerOpen: this.$q.platform.is.desktop diff --git a/src/components/HelloWorld.ts b/src/components/HelloWorld.ts index e267ae4..a352885 100644 --- a/src/components/HelloWorld.ts +++ b/src/components/HelloWorld.ts @@ -1,4 +1,4 @@ -import { Component, Vue } from 'vue-property-decorator'; +import { Component, Vue } from 'vue-property-decorator' @Component export default class HelloWorld extends Vue { diff --git a/src/components/__tests__/.gitkeep b/src/components/__tests__/.gitkeep deleted file mode 100644 index e69de29..0000000 diff --git a/src/config/index.ts b/src/config/index.ts index bb928ed..b62d2b0 100644 --- a/src/config/index.ts +++ b/src/config/index.ts @@ -2,7 +2,7 @@ export default { i18n: { languages: [ { code: 'it', name: 'Italiano', active: true }, - { code: 'en-us', name: 'English', active: true } + { code: 'en-uk', name: 'English', active: true } ], default: 'it', fallbackTo: 'it'