Delta-321 Quasar Boilerplate > Version > Upgrade to v0.16 (#22)

Approved By:
- @cedricabuso 
- @wilbertverayin 

* Updated .gitignore
* Updated package.json for initial upgrade setup
* Updated .babelrc
* Updated .eslintrc.js
* Added .postcssrc.js
* Added PWA setup
* Updated .eslintignore
* Removed unnecessary files after upgrade
* Added esdoc and vue to resolve deps issue
* Removed test setup. Use jest later
* Removed templates folder - not needed anymore
* Initial src setup
* Only add proxy options when needed
* Ignore .quasar directory
* Removed sample module
* Updated .editorconfig to follow eslint:vue
* Removed quasar assets
* Renamed main logo file
* Refactor sample quasar app to follow eslint rules
* Added vue-router as dependency
* Removed sample app to avoid future conflicts
* Use strict mode in Vuex when not in prod mode
* Updated process.env config
* Refactored to follow eslint
* Added google analytics integration
* Remove default quasar options
* Integrated google analytics and build time config
* Fix moment build size issue
* Updated axios plugin
* Added Vuelidate plugin
* Added jwt plugin
* Added google-api plugin
* Use Freedom icon as default PWA icons
* Added i18next plugin
* Added LanguageSelector component
* Add option to disable analyze tool on build
* Use only $axios for uniformity
* Apply company standards to eslint
* Update quasar.conf.js
- Uncomment only the plugins you need
- PWA manifest depends on package.json fields
  - manifest.name = pkg.productName
  - manifest.short_name = pkg.name
  - manifest.description = pkg.description
* Added lodash alias for lodash-es

.babelrc

@@ -1,26 +1,31 @@
 {
   "presets": [
     [
-      "env",
+      "@babel/preset-env",
       {
-        "modules": false
+        "modules": false,
+        "loose": false,
+        "useBuiltIns": "usage"
       }
     ],
-    "stage-2"
+    [
+      "@babel/preset-stage-2",
+      {
+        "modules": false,
+        "loose": false,
+        "useBuiltIns": true,
+        "decoratorsLegacy": true
+      }
+    ]
   ],
   "plugins": [
-    "transform-runtime"
+    [
+      "@babel/transform-runtime",
+      {
+        "polyfill": false,
+        "regenerator": false
+      }
+    ]
   ],
-  "comments": false,
-  "env": {
-    "test": {
-      "presets": [
-        "env",
-        "stage-2"
-      ],
-      "plugins": [
-        "istanbul"
-      ]
-    }
-  }
+  "comments": false
 }

.eslintignore

@@ -1,3 +1,3 @@
-build/*.js
-config/*.js
-dist/*.js
+/dist
+quasar.conf.js
+config/

.eslintrc.js

@@ -5,9 +5,7 @@ module.exports = {
         sourceType: 'module'
     },
     env: {
-        browser: true,
-        node: true,
-        es6: true,
+        browser: true
     },
     extends: [
         // https://github.com/eslint/eslint/blob/master/conf/eslint-recommended.js
@@ -20,28 +18,50 @@ module.exports = {
     ],
     // required to lint *.vue files
     plugins: [
-        'html',
-        'import'
+        'vue',
+        'import',
     ],
     globals: {
+        'ga': true, // Google Analytics
         'cordova': true,
-        'DEV': true,
-        'PROD': true,
-        '__THEME': true
+        '__statics': true,
+        'process': true,
     },
     // add your custom rules here
     'rules': {
+        // company standard
+        'vue/html-indent': ['error', 4, {
+            'attribute': 1,
+            'closeBracket': 0,
+            'alignAttributesVertically': true,
+            'ignores': []
+        }],
+        'vue/script-indent': ['error', 4, {
+            'baseIndent': 1,
+            'switchCase': 1,
+            'ignores': []
+        }],
+        'semi': ['error', 'always'],
+
+        // allow async-await
+        'generator-star-spacing': 'off',
+
         // allow paren-less arrow functions
-        'arrow-parens': 0,
-        'one-var': 0,
-        'import/first': 0,
-        'import/named': 2,
-        'import/namespace': 2,
-        'import/default': 2,
-        'import/export': 2,
+        'arrow-parens': 'off',
+        'one-var': 'off',
+
+        'import/first': 'off',
+        'import/named': 'error',
+        'import/namespace': 'error',
+        'import/default': 'error',
+        'import/export': 'error',
+        'import/extensions': 'off',
+        'import/no-unresolved': 'off',
+        'import/no-extraneous-dependencies': 'off',
+
         // allow console and debugger during development
         'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'warn',
         'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'warn',
-        'brace-style': [2, 'stroustrup', { 'allowSingleLine': true }]
+        'brace-style': ['error', 'stroustrup', { 'allowSingleLine': true }]
     }
 };

.gitignore

@@ -62,13 +62,16 @@ typings/
 
 # dependencies lock file
 package-lock.json
+yarn.lock
 
 # Quasar Framework ignored files
+.quasar
 .DS_Store
 .thumbs.db
 dist/
-cordova/platforms
-cordova/plugins
+/src-cordova/platforms
+/src-cordova/plugins
+/src-cordova/www
 
 # esdoc
 docs/

.postcssrc.js

@@ -0,0 +1,8 @@
+// https://github.com/michael-ciniawsky/postcss-load-config
+
+module.exports = {
+    plugins: [
+        // to edit target browsers: use "browserslist" field in package.json
+        require('autoprefixer')
+    ]
+};