Update to last Vue CLI v3 template

.browserslistrc

@@ -0,0 +1,2 @@
+> 1%
+last 2 versions

.editorconfig

@@ -1,9 +1,5 @@
-root = true
-
-[*]
-charset = utf-8
+[*.{js,jsx,ts,tsx,vue}]
 indent_style = space
 indent_size = 2
-end_of_line = lf
-insert_final_newline = true
 trim_trailing_whitespace = true
+insert_final_newline = true

.eslintignore

@@ -1,2 +1,3 @@
-build/*.js
-config/*.js
+/build/
+/config/
+/test/unit/coverage/

.eslintrc.js

@@ -1,28 +1,17 @@
-// http://eslint.org/docs/user-guide/configuring
-
 module.exports = {
   root: true,
-  parser: 'babel-eslint',
-  parserOptions: {
-    sourceType: 'module'
-  },
   env: {
-    browser: true,
+    node: true,
   },
-  // https://github.com/standard/standard/blob/master/docs/RULES-en.md
-  extends: 'standard',
-  // required to lint *.vue files
-  plugins: [
-    'html'
+  extends: [
+    // consider switching to `plugin:vue/strongly-recommended` or `plugin:vue/recommended` for stricter rules.
+    'plugin:vue/essential',
+    '@vue/standard'
   ],
-  // add your custom rules here
-  'rules': {
-    // allow paren-less arrow functions
-    'arrow-parens': 'off',
-    // allow async-await
-    'generator-star-spacing': 'off',
-    // allow debugger during development
+  rules: {
+    // 'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
     'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+
     // allow semicolons and the end of a statement
     'semi': 'off',
 
@@ -40,5 +29,18 @@ module.exports = {
     'padded-blocks': process.env.NODE_ENV  === 'development' ? 'warn' : 'error',
     'keyword-spacing': process.env.NODE_ENV  === 'development' ? 'warn' : 'error',
     'arrow-spacing': process.env.NODE_ENV  === 'development' ? 'warn' : 'error'
-  }
+  },
+  parserOptions: {
+    parser: 'babel-eslint',
+  },
+  overrides: [
+    {
+      files: [
+        '**/__tests__/*.{j,t}s?(x)'
+      ],
+      env: {
+        mocha: true
+      }
+    }
+  ]
 }

.github/workflows/ci-tests.yml

@@ -14,4 +14,4 @@ jobs:
 
       - run: npm install
       - run: npm run init:app
-      - run: npm run test
+      - run: npm run test:karma

.gitignore

@@ -1,14 +1,21 @@
 .DS_Store
-node_modules/
-dist/
+node_modules
+/dist
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
-test/unit/coverage
 
 # Editor directories and files
 .idea
+.vscode
 *.suo
 *.ntvs*
 *.njsproj
-*.sln 
+*.sln
+*.sw?

.gitpod

@@ -4,7 +4,7 @@ ports:
     onOpen: open-preview
 tasks:
   - init: npm install && npm run init:app
-    command: npm run dev
+    command: npm run serve
 vscode:
   extensions:
     - dbaeumer.vscode-eslint

README.md

@@ -50,16 +50,16 @@ npm run init:app
 
 ``` bash
 # serve with hot reload at localhost:8081
-npm run dev
+npm run serve
 ```
 
 ### Unit tests
 
-To run all unit tests execute the following:
+To run all unit tests using Karma test runner execute the following:
 
 ``` bash
 # run all tests
-npm test
+npm test:karma
 ```
 
 NB the unit tests require Chrome or Chromium browser executable to be found.
@@ -82,7 +82,25 @@ Run the build script in order to create a production build, which can be copied
 npm run build
 ```
 
-For detailed explanation on how things work, checkout the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).
+### Linting your files
+
+Run the lint script in order to lint all your files without fixing the errors. The problems will be reported in the console only.
+
+``` bash
+npm run lint
+```
+
+### Linting and fixing your files
+
+Run the lint script in order to lint all your files and fix the errors at the same time.
+
+``` bash
+npm run lint:fix
+```
+
+### Customize configuration
+
+See [Configuration Reference](https://cli.vuejs.org/config/).
 
 ## Run with Docker
 
@@ -139,6 +157,6 @@ You need professional support or teachings for Wegue? Please contact a service p
 
 ## Credits
 
-The basic project setup was created by https://github.com/vuejs-templates/webpack.
+The basic project setup was created with [Vue CLI](https://cli.vuejs.org).
 
 Thanks for this great template! :+1:

app-starter/WguApp.vue

@@ -6,12 +6,12 @@
 </template>
 
 <script>
-  import WguAppTemplate from './WguAppTemplate.vue';
-  export default {
-    name: 'my-wgu-app',
-    components: {
-      'wgu-app-tpl': WguAppTemplate
-    }
-    // add Vue methods and hooks here
+import WguAppTemplate from './WguAppTemplate.vue';
+export default {
+  name: 'my-wgu-app',
+  components: {
+    'wgu-app-tpl': WguAppTemplate
   }
+  // add Vue methods and hooks here
+}
 </script>