upgrade to vue cli 4

.eslintrc.js

@@ -0,0 +1,30 @@
+module.exports = {
+  root: true,
+  env: {
+    node: true
+  },
+  extends: [
+    "plugin:vue/essential",
+    "eslint:recommended",
+    "@vue/typescript/recommended",
+    "@vue/prettier",
+    "@vue/prettier/@typescript-eslint"
+  ],
+  parserOptions: {
+    ecmaVersion: 2020
+  },
+  rules: {
+    "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
+    "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off",
+    indent: ["warn", 2],
+    quotes: ["warn", "single"]
+  },
+  overrides: [
+    {
+      files: ["**/__tests__/*.{j,t}s?(x)", "**/tests/unit/**/*.spec.{j,t}s?(x)"],
+      env: {
+        jest: true
+      }
+    }
+  ]
+};

.gitignore

@@ -2,6 +2,9 @@
 node_modules
 /dist
 
+/tests/e2e/videos/
+/tests/e2e/screenshots/
+
 # local env files
 .env.local
 .env.*.local
@@ -13,14 +16,12 @@ yarn-error.log*
 
 # Editor directories and files
 .idea
-.vscode
+#.vscode
 *.suo
 *.ntvs*
 *.njsproj
 *.sln
 *.sw?
-*.sample.vue
-*.sample.ts
 
 # Docs
 documents/other-docs/

.prettierrc.json

@@ -0,0 +1,6 @@
+{
+  "tabWidth": 2,
+  "semi": true,
+  "singleQuote": true,
+  "printWidth": 120
+}

.vscode/settings.json

@@ -0,0 +1,8 @@
+{
+  "editor.formatOnSave": false,
+  "editor.tabSize": 2,
+  "workbench.colorCustomizations": {
+    "titleBar.activeBackground": "#161f75",
+    "titleBar.activeForeground": "#f3f3f3"
+  }
+}

CONTRIBUTING.md

@@ -7,6 +7,4 @@ English, please.
 
 ## You want to send a pull request?
 Make sure there is a relative issue and send a comment there to acquire the task if it's not assigned to others or create a new one.  
-Write a descriptive commit message and try to squash commits.  
-There should be no error in terminal (e.g. TypeScript errors).  
-Keep coding style and quality.  
+Keep coding style.  

README.md

@@ -1,20 +1,34 @@
-# Ludo Game
-
-A ludo game (منچ in Persian) on web browsers.
-
-## Features
-
-- Single player
-- Mobile ready
-- PWA
-
-## Play
-
-![ludo-screenshot-min](https://user-images.githubusercontent.com/510242/60385990-273b7480-9aa5-11e9-877d-6503fd202d4f.png)
-
-You can [play here](https://mort3za.github.io/ludo)
-
-## Contribution
-
-There are some tasks in issues page if you are interested or just open your own issue (in English please). Any helps is greatly appreciated.  
-Please read [Contributing Guideline](CONTRIBUTING.md).
+# ludo
+
+## Project setup
+```
+yarn install
+```
+
+### Compiles and hot-reloads for development
+```
+yarn serve
+```
+
+### Compiles and minifies for production
+```
+yarn build
+```
+
+### Run your unit tests
+```
+yarn test:unit
+```
+
+### Run your end-to-end tests
+```
+yarn test:e2e
+```
+
+### Lints and fixes files
+```
+yarn lint
+```
+
+### Customize configuration
+See [Configuration Reference](https://cli.vuejs.org/config/).

babel.config.js

@@ -1,5 +1,3 @@
 module.exports = {
-  presets: [
-    '@vue/app'
-  ]
-}
+  presets: ["@vue/cli-plugin-babel/preset"]
+};

cypress.json

@@ -0,0 +1,3 @@
+{
+  "pluginsFile": "tests/e2e/plugins/index.js"
+}

jest.config.js

@@ -1,37 +1,3 @@
 module.exports = {
-  moduleFileExtensions: [
-    'js',
-    'jsx',
-    'json',
-    'vue',
-    'ts',
-    'tsx'
-  ],
-  transform: {
-    '^.+\\.vue$': 'vue-jest',
-    '.+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$': 'jest-transform-stub',
-    '^.+\\.tsx?$': 'ts-jest'
-  },
-  transformIgnorePatterns: [
-    '/node_modules/'
-  ],
-  moduleNameMapper: {
-    '^@/(.*)$': '<rootDir>/src/$1'
-  },
-  snapshotSerializers: [
-    'jest-serializer-vue'
-  ],
-  testMatch: [
-    '**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)'
-  ],
-  testURL: 'http://localhost/',
-  watchPlugins: [
-    'jest-watch-typeahead/filename',
-    'jest-watch-typeahead/testname'
-  ],
-  globals: {
-    'ts-jest': {
-      babelConfig: true
-    }
-  }
-}
+  preset: "@vue/cli-plugin-unit-jest/presets/typescript-and-babel"
+};

package.json

@@ -1,45 +1,52 @@
 {
   "name": "ludo",
-  "version": "v1.3.1",
-  "private": true,
+  "version": "v1.3.2",
   "scripts": {
-    "start": "yarn serve",
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
-    "lint": "vue-cli-service lint",
     "test:unit": "vue-cli-service test:unit",
-    "tslint-check": "tslint-config-prettier-check ./tslint.json"
+    "test:e2e": "vue-cli-service test:e2e",
+    "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "@types/lodash-es": "^4.17.3",
     "bootstrap": "4.3.1",
-    "core-js": "2.6.5",
+    "core-js": "^3.6.4",
     "lodash-es": "4.17.14",
     "mersenne-twister": "1.1.0",
-    "register-service-worker": "1.6.2",
+    "register-service-worker": "^1.6.2",
     "sass-rem": "2.0.1",
     "toastify-js": "https://github.com/mort3za/toastify-js.git",
-    "vue": "2.6.10",
+    "vue": "^2.6.11",
     "vue-class-component": "7.0.2",
     "vue-property-decorator": "8.2.1",
-    "vue-router": "3.0.7",
-    "vuex": "3.1.1",
+    "vue-router": "^3.1.5",
+    "vuex": "^3.1.2",
     "vuex-persist": "^2.0.1"
   },
   "devDependencies": {
-    "@types/jest": "24.0.15",
-    "@types/lodash-es": "4.17.3",
-    "@vue/cli-plugin-babel": "3.9.2",
-    "@vue/cli-plugin-pwa": "3.9.0",
-    "@vue/cli-plugin-typescript": "3.9.0",
-    "@vue/cli-plugin-unit-jest": "3.9.0",
-    "@vue/cli-service": "3.9.2",
-    "@vue/test-utils": "1.0.0-beta.29",
-    "babel-core": "7.0.0-bridge.0",
-    "sass": "1.22.4",
-    "sass-loader": "7.1.0",
-    "ts-jest": "23",
-    "tslint-config-prettier": "1.18.0",
-    "typescript": "3.5.3",
-    "vue-template-compiler": "2.6.10"
+    "@types/jest": "^24.0.19",
+    "@typescript-eslint/eslint-plugin": "^2.18.0",
+    "@typescript-eslint/parser": "^2.18.0",
+    "@vue/cli-plugin-babel": "~4.2.0",
+    "@vue/cli-plugin-e2e-cypress": "~4.2.0",
+    "@vue/cli-plugin-eslint": "~4.2.0",
+    "@vue/cli-plugin-pwa": "~4.2.0",
+    "@vue/cli-plugin-router": "~4.2.0",
+    "@vue/cli-plugin-typescript": "~4.2.0",
+    "@vue/cli-plugin-unit-jest": "~4.2.0",
+    "@vue/cli-plugin-vuex": "~4.2.0",
+    "@vue/cli-service": "~4.2.0",
+    "@vue/eslint-config-prettier": "^6.0.0",
+    "@vue/eslint-config-typescript": "^5.0.1",
+    "@vue/test-utils": "1.0.0-beta.31",
+    "eslint": "^6.7.2",
+    "eslint-plugin-prettier": "^3.1.1",
+    "eslint-plugin-vue": "^6.1.2",
+    "prettier": "^1.19.1",
+    "sass": "^1.25.0",
+    "sass-loader": "^8.0.2",
+    "typescript": "~3.7.5",
+    "vue-template-compiler": "^2.6.11"
   }
 }