diff --git a/.eslintrc.js b/.eslintrc.js
index c30f5573..3f9658e7 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -1,17 +1,21 @@
 module.exports = {
-	env:           {
+	env:     {
 		node: true
 	},
-	extends:     [
+	extends: [
 		'eslint:recommended',
 		'plugin:vue/essential',
-		"plugin:vue/strongly-recommended",
-		"plugin:vue/recommended",
+		'plugin:vue/strongly-recommended',
+		'plugin:vue/recommended',
+		'prettier'
 	],
-	rules:         {
-		'no-console':               2,
-		'no-debugger':              2,
-		'no-mixed-spaces-and-tabs': [ 2, 'smart-tabs' ],
-		'vue/no-v-html': 'off'
+	plugins: [ 'prettier' ],
+	rules:   {
+		'no-console':                     1,
+		'no-debugger':                    2,
+		'no-mixed-spaces-and-tabs':       [ 2, 'smart-tabs' ],
+		'vue/no-v-html':                  'off',
+		'vue/multi-word-component-names': 'off',
+		'prettier/prettier':              2
 	}
 };
diff --git a/.github/workflows/eslint.yml b/.github/workflows/eslint.yml
index 490b024d..5090846f 100644
--- a/.github/workflows/eslint.yml
+++ b/.github/workflows/eslint.yml
@@ -28,4 +28,4 @@ jobs:
                 run: npm i
 
             -   name: Run linter
-                run: npm run lint:no-fix
\ No newline at end of file
+                run: npm run ci
\ No newline at end of file
diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 00000000..aa458dd5
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,6 @@
+{
+  "semi": true,
+  "trailingComma": "none",
+  "singleQuote": true,
+  "printWidth": 80
+}
diff --git a/lib/config.js b/lib/config.js
index 8abe034d..b1d9a18e 100644
--- a/lib/config.js
+++ b/lib/config.js
@@ -7,35 +7,49 @@
  */
 
 import { existsSync, readFileSync, writeFileSync } from 'fs';
-import path                                        from 'path';
-
-const oldConfigPath     = (basePath = null) => path.resolve( basePath ?? process.cwd(), './config/config.ets2-dashboard-skin.json' );
+import path from 'path';
 
+const oldConfigPath = (basePath = null) =>
+  path.resolve(
+    basePath ?? process.cwd(),
+    './config/config.ets2-dashboard-skin.json'
+  );
 
 export const appConfigPath = (basePath = null) => {
-	const newAppConfigPath  = path.resolve( basePath ?? process.cwd(), `./config/config.json` );
-	
-	return ( existsSync( newAppConfigPath ) )
-		? newAppConfigPath
-		: oldConfigPath(basePath)
-}
+  const newAppConfigPath = path.resolve(
+    basePath ?? process.cwd(),
+    `./config/config.json`
+  );
+
+  return existsSync(newAppConfigPath)
+    ? newAppConfigPath
+    : oldConfigPath(basePath);
+};
 
 export const gameConfigPath = (target, basePath = null) => {
-	const newGameConfigPath = path.resolve( basePath ?? process.cwd(), `./config/config.${ target }.json` );
-	
-	return ( existsSync( newGameConfigPath ) )
-		? newGameConfigPath
-		: oldConfigPath(basePath)
-}
+  const newGameConfigPath = path.resolve(
+    basePath ?? process.cwd(),
+    `./config/config.${target}.json`
+  );
+
+  return existsSync(newGameConfigPath)
+    ? newGameConfigPath
+    : oldConfigPath(basePath);
+};
 
-export const appConfig = (basePath = null) =>  readFileSync( appConfigPath(basePath), 'UTF-8' );
+export const appConfig = (basePath = null) =>
+  readFileSync(appConfigPath(basePath), 'UTF-8');
 
-export const gameConfig = (target, basePath = null) =>  readFileSync( gameConfigPath(target, basePath), 'UTF-8' );
+export const gameConfig = (target, basePath = null) =>
+  readFileSync(gameConfigPath(target, basePath), 'UTF-8');
 
 export const saveAppConfig = (data, basePath = null) => {
-	writeFileSync( appConfigPath(basePath), JSON.stringify( data, null, 2 ) );
-}
+  writeFileSync(appConfigPath(basePath), JSON.stringify(data, null, 2));
+};
 
 export const saveGameConfig = (target, data, basePath = null) => {
-	writeFileSync( gameConfigPath(target, basePath), JSON.stringify( data, null, 2 ) );
-}
+  writeFileSync(
+    gameConfigPath(target, basePath),
+    JSON.stringify(data, null, 2)
+  );
+};
diff --git a/lib/server.js b/lib/server.js
index 18e06a80..f0a66e3d 100644
--- a/lib/server.js
+++ b/lib/server.js
@@ -6,115 +6,124 @@
  * Time: 	20:39
  */
 
-import bodyParser                                    from 'body-parser';
-import express                                       from 'express';
-import fs                                            from 'fs';
-import path                                          from 'path';
-import cors                                          from 'cors';
-import { gameConfig, saveAppConfig, saveGameConfig }                from './config.js';
-import store, { app, initAppConfig, isDevelopment, server, socket } from './store.js';
-import { telemetryInterval }                                        from './telemetry.js';
-import { logIt }                                     from './utils.js';
-
-
-const postConfigRequest = ( req, res, basePath = null ) => {
-	saveAppConfig( req.body.app, basePath );
-	saveGameConfig( req.params.target, req.body.game, basePath );
-	
-	store.set( 'config', {
-		app:  req.body.app ,
-		game: req.body.game
-	} )
-	res.send( req.body );
-}
-
-const getConfigRequest = ( req, res ) => {
-	res.send( store.get('config') );
-}
+import bodyParser from 'body-parser';
+import express from 'express';
+import fs from 'fs';
+import path from 'path';
+import cors from 'cors';
+import { gameConfig, saveAppConfig, saveGameConfig } from './config.js';
+import store, {
+  app,
+  initAppConfig,
+  isDevelopment,
+  server,
+  socket
+} from './store.js';
+import { telemetryInterval } from './telemetry.js';
+import { logIt } from './utils.js';
+
+const postConfigRequest = (req, res, basePath = null) => {
+  saveAppConfig(req.body.app, basePath);
+  saveGameConfig(req.params.target, req.body.game, basePath);
+
+  store.set('config', {
+    app: req.body.app,
+    game: req.body.game
+  });
+  res.send(req.body);
+};
+
+const getConfigRequest = (req, res) => {
+  res.send(store.get('config'));
+};
 
 export const initApp = () => {
-	return new Promise( resolve => {
-		app.use( bodyParser.json() );
-		app.use(cors())
-		
-		resolve()
-	} );
-}
-
-export const initConfig = ( basePath = null) => {
-	return new Promise(resolve => {
-		initAppConfig( basePath )
-			.then( () => {
-				app.post( '/config/:target', ( req, res) => {
-					postConfigRequest( req, res, basePath )
-				}  );
-				app.get( '/config', getConfigRequest);
-				const config = store.get('config.app');
-				const port  = (config.hasOwnProperty('general_port'))
-					? parseInt(config.general_port)
-					: 3000;
-				
-				store.set('port', port);
-				
-				resolve()
-			} )
-	})
-}
+  return new Promise((resolve) => {
+    app.use(bodyParser.json());
+    app.use(cors());
+
+    resolve();
+  });
+};
+
+export const initConfig = (basePath = null) => {
+  return new Promise((resolve) => {
+    initAppConfig(basePath).then(() => {
+      app.post('/config/:target', (req, res) => {
+        postConfigRequest(req, res, basePath);
+      });
+      app.get('/config', getConfigRequest);
+      const config = store.get('config.app');
+      const port = Object.hasOwnProperty.call(config, 'general_port')
+        ? parseInt(config.general_port)
+        : 3000;
+
+      store.set('port', port);
+
+      resolve();
+    });
+  });
+};
 
 export const initMap = (basePath = null) => {
-	return new Promise( (resolve) => {
-		const pathMap   = path.resolve( basePath, './maps' );
-		if ( fs.existsSync( pathMap ) )
-			app.use( '/maps', express.static( pathMap ) );
-		
-		resolve()
-	} )
-}
+  return new Promise((resolve) => {
+    const pathMap = path.resolve(basePath, './maps');
+    if (fs.existsSync(pathMap)) app.use('/maps', express.static(pathMap));
+
+    resolve();
+  });
+};
 
 export const initSocket = () => {
-	return new Promise(resolve => {
-		socket.on( 'connection', socket => {
-			console.log( 'Connection: ' + socket.id );
-			
-			if( isDevelopment() ){
-				const dataFileName = path.resolve( process.cwd(), '../../src/data/scs_sdk_plugin_parsed_data.json' );
-				const data = JSON.parse(fs.readFileSync( dataFileName ).toString());
-				let lastGameName = null;
-				
-				setInterval( () => {
-					socket.emit( 'update', data)
-					const currentGameName = data.game.game.name;
-					
-					if( currentGameName !== lastGameName ){
-						const config =  JSON.parse( gameConfig( currentGameName ) );
-						store.set( 'config.game', config);
-					}
-					
-					lastGameName = currentGameName;
-					//}, 1000 );
-				}, telemetryInterval() );
-			}
-			
-		} );
-		resolve()
-	})
-}
+  return new Promise((resolve) => {
+    socket.on('connection', (socket) => {
+      console.log('Connection: ' + socket.id);
+
+      if (isDevelopment()) {
+        const dataFileName = path.resolve(
+          process.cwd(),
+          '../../src/data/scs_sdk_plugin_parsed_data.json'
+        );
+        const data = JSON.parse(fs.readFileSync(dataFileName).toString());
+        let lastGameName = null;
+
+        setInterval(() => {
+          socket.emit('update', data);
+          const currentGameName = data.game.game.name;
+
+          if (currentGameName !== lastGameName) {
+            const config = JSON.parse(gameConfig(currentGameName));
+            store.set('config.game', config);
+          }
+
+          lastGameName = currentGameName;
+          //}, 1000 );
+        }, telemetryInterval());
+      }
+    });
+    resolve();
+  });
+};
 
 export const initServer = () => {
-	return new Promise(resolve => {
-		const port = store.get('port')
-		
-		server.listen( port, () => {
-			const url  = `localhost:${ port }`;
-			const data = {
-				url:  url,
-				port: port
-			};
-			
-			logIt( 'server.listen', data, `Euro Truck Simulator 2 dashboard is running at http://${ url }/` );
-			resolve()
-		} );
-	})
-}
-
-export default {};
\ No newline at end of file
+  return new Promise((resolve) => {
+    const port = store.get('port');
+
+    server.listen(port, () => {
+      const url = `localhost:${port}`;
+      const data = {
+        url: url,
+        port: port
+      };
+
+      logIt(
+        'server.listen',
+        data,
+        `Euro Truck Simulator 2 dashboard is running at http://${url}/`
+      );
+      resolve();
+    });
+  });
+};
+
+export default {};
diff --git a/lib/store.js b/lib/store.js
index 9da3e3f4..32592252 100644
--- a/lib/store.js
+++ b/lib/store.js
@@ -5,32 +5,32 @@
  * Date: 	16/11/2021
  * Time: 	20:29
  */
-import { Store }     from 'data-store';
-import express       from 'express';
-import http          from 'http';
-import { Server }    from 'socket.io';
+import { Store } from 'data-store';
+import express from 'express';
+import http from 'http';
+import { Server } from 'socket.io';
 import { appConfig } from './config.js';
 
-const store = new Store("myStore")
+const store = new Store('myStore');
 
 export const isDevelopment = () => process.env.NODE_ENV === 'development';
-export const initAppConfig = ( basePath = null ) => {
-	return new Promise( resolve => {
-		store.set( 'config', {
-			app: JSON.parse( appConfig( basePath ) ),
-			game: null
-		} );
-		resolve()
-	} )
-}
+export const initAppConfig = (basePath = null) => {
+  return new Promise((resolve) => {
+    store.set('config', {
+      app: JSON.parse(appConfig(basePath)),
+      game: null
+    });
+    resolve();
+  });
+};
 
-export const app    = express();
-export const  server = http.createServer( app );
-export const socket =  new Server( server, {
-	cors: {
-		origin:      /http:\/\/localhost:\d+/,
-		//credentials: true
-	}
-} );
+export const app = express();
+export const server = http.createServer(app);
+export const socket = new Server(server, {
+  cors: {
+    origin: /http:\/\/localhost:\d+/
+    //credentials: true
+  }
+});
 
-export default store;
\ No newline at end of file
+export default store;
diff --git a/lib/telemetry.js b/lib/telemetry.js
index 3b30594f..64eb5f56 100644
--- a/lib/telemetry.js
+++ b/lib/telemetry.js
@@ -7,19 +7,19 @@
  */
 
 import { gameConfig } from './config.js';
-import store          from './store.js';
+import store from './store.js';
 
 export const telemetryInterval = () => {
-	const config = store.get('config.app')
-	return (config.hasOwnProperty( 'general_refresh_rate' ))
-		? Math.min( parseInt( config.general_refresh_rate ), 100 )
-		: 100;
+  const config = store.get('config.app');
+  return Object.hasOwnProperty.call(config, 'general_refresh_rate')
+    ? Math.min(parseInt(config.general_refresh_rate), 100)
+    : 100;
 };
 
 export const telemetryWatch = (socket, telemetry) => {
-	telemetry.watch( { interval: telemetryInterval }, data => {
-		store.set( 'telemetry', data )
-		store.set( 'config.game', JSON.parse( gameConfig( data.game.game.name ) ))
-		socket.emit( 'update', data );
-	} );
-}
\ No newline at end of file
+  telemetry.watch({ interval: telemetryInterval }, (data) => {
+    store.set('telemetry', data);
+    store.set('config.game', JSON.parse(gameConfig(data.game.game.name)));
+    socket.emit('update', data);
+  });
+};
diff --git a/lib/utils.js b/lib/utils.js
index 422da40e..76f3396d 100644
--- a/lib/utils.js
+++ b/lib/utils.js
@@ -1,20 +1,20 @@
 import store, { socket } from './store.js';
 
-export const logIt = ( eventName, rawData, txt ) => {
-	socket.emit( 'log', {
-		eventName: eventName,
-		rawData:   rawData
-	} );
-	console.log( `[${ eventName }] ${ txt }`/*, JSON.stringify( rawData, null, 2 )*/ );
+export const logIt = (eventName, rawData, txt) => {
+  socket.emit('log', {
+    eventName: eventName,
+    rawData: rawData
+  });
+  console.log(`[${eventName}] ${txt}` /*, JSON.stringify( rawData, null, 2 )*/);
 };
 
 export const currency = () => {
-	const alts = [ '?', '€', '$' ];
-	return alts[ store.get( 'telemetry.game.id' ) || 0 ];
+  const alts = ['?', '€', '$'];
+  return alts[store.get('telemetry.game.id') || 0];
 };
 
 export const catchError = (error) => {
-	console.error( "ERROR > " + (error.message || error) );
-	console.error( '---' );
-	console.error( error );
-}
\ No newline at end of file
+  console.error('ERROR > ' + (error.message || error));
+  console.error('---');
+  console.error(error);
+};
diff --git a/package-lock.json b/package-lock.json
index 3406243c..102a6898 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -37,13 +37,13 @@
         "yaml-loader": "^0.6.0"
       },
       "devDependencies": {
-        "@vue/cli-plugin-babel": "^4.5.8",
-        "@vue/cli-plugin-eslint": "^4.5.8",
-        "@vue/cli-service": "^4.5.13",
-        "babel-eslint": "^10.1.0",
+        "@vue/cli-plugin-babel": "^4.5.15",
+        "@vue/cli-service": "^4.5.15",
         "bourbon": "~7.0.0",
-        "eslint": "^6.8.0",
-        "eslint-plugin-vue": "^7.17.0",
+        "eslint": "^8.5.0",
+        "eslint-config-prettier": "^8.3.0",
+        "eslint-plugin-prettier": "^4.0.0",
+        "eslint-plugin-vue": "^8.2.0",
         "fs-extra": "^10.0.0",
         "gulp": "~4.0.2",
         "gulp-gzip": "~1.4.2",
@@ -53,12 +53,14 @@
         "icon-font-generator": "^2.1.11",
         "node-sass": "^6.0.1",
         "pkg": "^5.3.1",
+        "prettier": "^2.5.1",
         "sass-loader": "^10.0.5",
         "vue-i18n-extract": "^2.0.4",
         "vue-template-compiler": "^2.6.14"
       }
     },
     "lib": {
+      "name": "ets2-dashboard-lib",
       "version": "0.0.1",
       "license": "MIT",
       "dependencies": {
@@ -118,6 +120,15 @@
         "url": "https://opencollective.com/babel"
       }
     },
+    "node_modules/@babel/core/node_modules/semver": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+      "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
     "node_modules/@babel/generator": {
       "version": "7.16.5",
       "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.16.5.tgz",
@@ -175,6 +186,15 @@
         "@babel/core": "^7.0.0"
       }
     },
+    "node_modules/@babel/helper-compilation-targets/node_modules/semver": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+      "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
     "node_modules/@babel/helper-create-class-features-plugin": {
       "version": "7.16.5",
       "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.16.5.tgz",
@@ -231,6 +251,15 @@
         "@babel/core": "^7.4.0-0"
       }
     },
+    "node_modules/@babel/helper-define-polyfill-provider/node_modules/semver": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+      "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
     "node_modules/@babel/helper-environment-visitor": {
       "version": "7.16.5",
       "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.16.5.tgz",
@@ -1418,6 +1447,15 @@
         "@babel/core": "^7.0.0-0"
       }
     },
+    "node_modules/@babel/plugin-transform-runtime/node_modules/semver": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+      "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
     "node_modules/@babel/plugin-transform-shorthand-properties": {
       "version": "7.16.5",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.16.5.tgz",
@@ -1613,6 +1651,15 @@
         "@babel/core": "^7.0.0-0"
       }
     },
+    "node_modules/@babel/preset-env/node_modules/semver": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+      "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
     "node_modules/@babel/preset-modules": {
       "version": "0.1.5",
       "resolved": "https://registry.npmjs.org/@babel/preset-modules/-/preset-modules-0.1.5.tgz",
@@ -1689,6 +1736,96 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@eslint/eslintrc": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.0.5.tgz",
+      "integrity": "sha512-BLxsnmK3KyPunz5wmCCpqy0YelEoxxGmH73Is+Z74oOTMtExcjkr3dDR6quwrjh1YspA8DH9gnX1o069KiS9AQ==",
+      "dev": true,
+      "dependencies": {
+        "ajv": "^6.12.4",
+        "debug": "^4.3.2",
+        "espree": "^9.2.0",
+        "globals": "^13.9.0",
+        "ignore": "^4.0.6",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^4.1.0",
+        "minimatch": "^3.0.4",
+        "strip-json-comments": "^3.1.1"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "dev": true
+    },
+    "node_modules/@eslint/eslintrc/node_modules/globals": {
+      "version": "13.12.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.12.0.tgz",
+      "integrity": "sha512-uS8X6lSKN2JumVoXrbUz+uG4BYG+eiawqm3qFcT7ammfbUHeCBoJMlHcec/S3krSk73/AE/f0szYFmgAA3kYZg==",
+      "dev": true,
+      "dependencies": {
+        "type-fest": "^0.20.2"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/import-fresh": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
+      "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
+      "dev": true,
+      "dependencies": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/js-yaml": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "dev": true,
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/resolve-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/type-fest": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/@fortawesome/fontawesome-free": {
       "version": "5.15.4",
       "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-5.15.4.tgz",
@@ -1742,6 +1879,26 @@
         "@hapi/hoek": "^8.3.0"
       }
     },
+    "node_modules/@humanwhocodes/config-array": {
+      "version": "0.9.2",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.9.2.tgz",
+      "integrity": "sha512-UXOuFCGcwciWckOpmfKDq/GyhlTf9pN/BzG//x8p8zTOFEcGuA68ANXheFS0AGvy3qgZqLBUkMs7hqzqCKOVwA==",
+      "dev": true,
+      "dependencies": {
+        "@humanwhocodes/object-schema": "^1.2.1",
+        "debug": "^4.1.1",
+        "minimatch": "^3.0.4"
+      },
+      "engines": {
+        "node": ">=10.10.0"
+      }
+    },
+    "node_modules/@humanwhocodes/object-schema": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz",
+      "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
+      "dev": true
+    },
     "node_modules/@intervolga/optimize-cssnano-plugin": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/@intervolga/optimize-cssnano-plugin/-/optimize-cssnano-plugin-1.0.6.tgz",
@@ -2298,6 +2455,18 @@
         "svg-tags": "^1.0.0"
       }
     },
+    "node_modules/@vue/babel-plugin-jsx/node_modules/camelcase": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.2.1.tgz",
+      "integrity": "sha512-tVI4q5jjFV5CavAU8DXfza/TJcZutVKo/5Foskmsqcm0MsL91moHvwiGNnqaa2o6PF/7yT5ikDRcVcl8Rj6LCA==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/@vue/babel-plugin-transform-vue-jsx": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/@vue/babel-plugin-transform-vue-jsx/-/babel-plugin-transform-vue-jsx-1.2.1.tgz",
@@ -2361,6 +2530,15 @@
         }
       }
     },
+    "node_modules/@vue/babel-preset-app/node_modules/semver": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+      "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
     "node_modules/@vue/babel-preset-jsx": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/@vue/babel-preset-jsx/-/babel-preset-jsx-1.2.4.tgz",
@@ -2445,15 +2623,6 @@
         "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@vue/babel-sugar-v-model/node_modules/camelcase": {
-      "version": "5.3.1",
-      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
-      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/@vue/babel-sugar-v-model/node_modules/html-tags": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-2.0.0.tgz",
@@ -2477,15 +2646,6 @@
         "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@vue/babel-sugar-v-on/node_modules/camelcase": {
-      "version": "5.3.1",
-      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
-      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/@vue/cli-overlay": {
       "version": "4.5.15",
       "resolved": "https://registry.npmjs.org/@vue/cli-overlay/-/cli-overlay-4.5.15.tgz",
@@ -2510,24 +2670,6 @@
         "@vue/cli-service": "^3.0.0 || ^4.0.0-0"
       }
     },
-    "node_modules/@vue/cli-plugin-eslint": {
-      "version": "4.5.15",
-      "resolved": "https://registry.npmjs.org/@vue/cli-plugin-eslint/-/cli-plugin-eslint-4.5.15.tgz",
-      "integrity": "sha512-/2Fl6wY/5bz3HD035oSnFRMsKNxDxU396KqBdpCQdwdvqk4mm6JAbXqihpcBRTNPeTO6w+LwGe6FE56PVbJdbg==",
-      "dev": true,
-      "dependencies": {
-        "@vue/cli-shared-utils": "^4.5.15",
-        "eslint-loader": "^2.2.1",
-        "globby": "^9.2.0",
-        "inquirer": "^7.1.0",
-        "webpack": "^4.0.0",
-        "yorkie": "^2.0.0"
-      },
-      "peerDependencies": {
-        "@vue/cli-service": "^3.0.0 || ^4.0.0-0",
-        "eslint": ">= 1.6.0 < 7.0.0"
-      }
-    },
     "node_modules/@vue/cli-plugin-router": {
       "version": "4.5.15",
       "resolved": "https://registry.npmjs.org/@vue/cli-plugin-router/-/cli-plugin-router-4.5.15.tgz",
@@ -2648,6 +2790,18 @@
         }
       }
     },
+    "node_modules/@vue/cli-service/node_modules/acorn": {
+      "version": "7.4.1",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
+      "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
+      "dev": true,
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/@vue/cli-service/node_modules/fs-extra": {
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-7.0.1.tgz",
@@ -2700,6 +2854,15 @@
         "strip-ansi": "^6.0.0"
       }
     },
+    "node_modules/@vue/cli-shared-utils/node_modules/semver": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+      "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
     "node_modules/@vue/component-compiler-utils": {
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/@vue/component-compiler-utils/-/component-compiler-utils-3.3.0.tgz",
@@ -2975,9 +3138,9 @@
       }
     },
     "node_modules/acorn": {
-      "version": "7.4.1",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
-      "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
+      "version": "8.6.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.6.0.tgz",
+      "integrity": "sha512-U1riIR+lBSNi3IbxtaHOIKdH8sLFv3NYfNv8sg7ZsNhcfl4HF2++BfqqrNAxoCLQW1iiylOj76ecnaUxz+z9yw==",
       "dev": true,
       "bin": {
         "acorn": "bin/acorn"
@@ -3086,21 +3249,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/ansi-escapes": {
-      "version": "4.3.2",
-      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
-      "integrity": "sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==",
-      "dev": true,
-      "dependencies": {
-        "type-fest": "^0.21.3"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/ansi-gray": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/ansi-gray/-/ansi-gray-0.1.1.tgz",
@@ -3526,15 +3674,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/astral-regex": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-1.0.0.tgz",
-      "integrity": "sha512-+Ryf6g3BKoRc7jfp7ad8tM4TtMiaWvbF/1/sQcZPkkS7ag3D5nMBCe2UfOTONtAkaG0tO0ij3C5Lwmf1EiyjHg==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/async": {
       "version": "2.6.3",
       "resolved": "https://registry.npmjs.org/async/-/async-2.6.3.tgz",
@@ -3661,27 +3800,6 @@
         "follow-redirects": "^1.14.0"
       }
     },
-    "node_modules/babel-eslint": {
-      "version": "10.1.0",
-      "resolved": "https://registry.npmjs.org/babel-eslint/-/babel-eslint-10.1.0.tgz",
-      "integrity": "sha512-ifWaTHQ0ce+448CYop8AdrQiBsGrnC+bMgfyKFdi6EsPLTAWG+QfyDeM6OH+FmWnKvEq5NnBMLvlBUPKQZoDSg==",
-      "deprecated": "babel-eslint is now @babel/eslint-parser. This package will no longer receive updates.",
-      "dev": true,
-      "dependencies": {
-        "@babel/code-frame": "^7.0.0",
-        "@babel/parser": "^7.7.0",
-        "@babel/traverse": "^7.7.0",
-        "@babel/types": "^7.7.0",
-        "eslint-visitor-keys": "^1.0.0",
-        "resolve": "^1.12.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "peerDependencies": {
-        "eslint": ">= 4.12.1"
-      }
-    },
     "node_modules/babel-loader": {
       "version": "8.2.3",
       "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-8.2.3.tgz",
@@ -3724,6 +3842,15 @@
         "@babel/core": "^7.0.0-0"
       }
     },
+    "node_modules/babel-plugin-polyfill-corejs2/node_modules/semver": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+      "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
     "node_modules/babel-plugin-polyfill-corejs3": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.4.0.tgz",
@@ -4508,15 +4635,12 @@
       }
     },
     "node_modules/camelcase": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.2.1.tgz",
-      "integrity": "sha512-tVI4q5jjFV5CavAU8DXfza/TJcZutVKo/5Foskmsqcm0MsL91moHvwiGNnqaa2o6PF/7yT5ikDRcVcl8Rj6LCA==",
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
       "dev": true,
       "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "node": ">=6"
       }
     },
     "node_modules/camelcase-keys": {
@@ -4536,15 +4660,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/camelcase-keys/node_modules/camelcase": {
-      "version": "5.3.1",
-      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
-      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/caniuse-api": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/caniuse-api/-/caniuse-api-3.0.0.tgz",
@@ -4596,12 +4711,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/chardet": {
-      "version": "0.7.0",
-      "resolved": "https://registry.npmjs.org/chardet/-/chardet-0.7.0.tgz",
-      "integrity": "sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==",
-      "dev": true
-    },
     "node_modules/check-types": {
       "version": "8.0.3",
       "resolved": "https://registry.npmjs.org/check-types/-/check-types-8.0.3.tgz",
@@ -4665,12 +4774,6 @@
         "node": ">=6.0"
       }
     },
-    "node_modules/ci-info": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-1.6.0.tgz",
-      "integrity": "sha512-vsGdkwSCDpWmP80ncATX7iea5DWQemg1UgCW5J8tqjU3lYw4FBYuj89J0CTVomA7BEfvSZd84GmHko+MxFQU2A==",
-      "dev": true
-    },
     "node_modules/cipher-base": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/cipher-base/-/cipher-base-1.0.4.tgz",
@@ -4785,15 +4888,15 @@
       }
     },
     "node_modules/cli-cursor": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-3.1.0.tgz",
-      "integrity": "sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-2.1.0.tgz",
+      "integrity": "sha1-s12sN2R5+sw+lHR9QdDQ9SOP/LU=",
       "dev": true,
       "dependencies": {
-        "restore-cursor": "^3.1.0"
+        "restore-cursor": "^2.0.0"
       },
       "engines": {
-        "node": ">=8"
+        "node": ">=4"
       }
     },
     "node_modules/cli-highlight": {
@@ -4899,15 +5002,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/cli-width": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/cli-width/-/cli-width-3.0.0.tgz",
-      "integrity": "sha512-FxqpkPPwu1HjuN93Omfm4h8uIanXofW0RxVEW3k5RKx+mJJYSthzNhp32Kzxxy3YAEZ/Dc/EWN1vZRY0+kOhbw==",
-      "dev": true,
-      "engines": {
-        "node": ">= 10"
-      }
-    },
     "node_modules/clipboard": {
       "version": "2.0.8",
       "resolved": "https://registry.npmjs.org/clipboard/-/clipboard-2.0.8.tgz",
@@ -5809,13 +5903,13 @@
         "webpack": "^4.0.0 || ^5.0.0"
       }
     },
-    "node_modules/css-loader/node_modules/camelcase": {
-      "version": "5.3.1",
-      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
-      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+    "node_modules/css-loader/node_modules/semver": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+      "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
       "dev": true,
-      "engines": {
-        "node": ">=6"
+      "bin": {
+        "semver": "bin/semver.js"
       }
     },
     "node_modules/css-select": {
@@ -6305,6 +6399,15 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/default-gateway/node_modules/mimic-fn": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
+      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/default-gateway/node_modules/npm-run-path": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
@@ -6317,6 +6420,21 @@
         "node": ">=8"
       }
     },
+    "node_modules/default-gateway/node_modules/onetime": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
+      "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
+      "dev": true,
+      "dependencies": {
+        "mimic-fn": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/default-gateway/node_modules/p-finally": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/p-finally/-/p-finally-2.0.1.tgz",
@@ -6955,6 +7073,27 @@
         "node": ">=4.3.0 <5.0.0 || >=5.10"
       }
     },
+    "node_modules/enquirer": {
+      "version": "2.3.6",
+      "resolved": "https://registry.npmjs.org/enquirer/-/enquirer-2.3.6.tgz",
+      "integrity": "sha512-yjNnPr315/FjS4zIsUxYguYUPP2e1NK4d7E7ZOLiyYCcbFBiTMyID+2wvm2w6+pZ/odMA7cRkjhsPbltwBOrLg==",
+      "dev": true,
+      "dependencies": {
+        "ansi-colors": "^4.1.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/enquirer/node_modules/ansi-colors": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.1.tgz",
+      "integrity": "sha512-JoX0apGbHaUJBNl6yF+p6JAFYZ666/hhCGKN5t9QFjbJQKUU/g8MNbFDbvfrgKXvI1QpZplPOnwIo99lX/AAmA==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/entities": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
@@ -7164,46 +7303,47 @@
       }
     },
     "node_modules/eslint": {
-      "version": "6.8.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-6.8.0.tgz",
-      "integrity": "sha512-K+Iayyo2LtyYhDSYwz5D5QdWw0hCacNzyq1Y821Xna2xSJj7cijoLLYmLxTQgcgZ9mC61nryMy9S7GRbYpI5Ig==",
+      "version": "8.5.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.5.0.tgz",
+      "integrity": "sha512-tVGSkgNbOfiHyVte8bCM8OmX+xG9PzVG/B4UCF60zx7j61WIVY/AqJECDgpLD4DbbESD0e174gOg3ZlrX15GDg==",
       "dev": true,
       "dependencies": {
-        "@babel/code-frame": "^7.0.0",
+        "@eslint/eslintrc": "^1.0.5",
+        "@humanwhocodes/config-array": "^0.9.2",
         "ajv": "^6.10.0",
-        "chalk": "^2.1.0",
-        "cross-spawn": "^6.0.5",
-        "debug": "^4.0.1",
+        "chalk": "^4.0.0",
+        "cross-spawn": "^7.0.2",
+        "debug": "^4.3.2",
         "doctrine": "^3.0.0",
-        "eslint-scope": "^5.0.0",
-        "eslint-utils": "^1.4.3",
-        "eslint-visitor-keys": "^1.1.0",
-        "espree": "^6.1.2",
-        "esquery": "^1.0.1",
+        "enquirer": "^2.3.5",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^7.1.0",
+        "eslint-utils": "^3.0.0",
+        "eslint-visitor-keys": "^3.1.0",
+        "espree": "^9.2.0",
+        "esquery": "^1.4.0",
         "esutils": "^2.0.2",
-        "file-entry-cache": "^5.0.1",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^6.0.1",
         "functional-red-black-tree": "^1.0.1",
-        "glob-parent": "^5.0.0",
-        "globals": "^12.1.0",
+        "glob-parent": "^6.0.1",
+        "globals": "^13.6.0",
         "ignore": "^4.0.6",
         "import-fresh": "^3.0.0",
         "imurmurhash": "^0.1.4",
-        "inquirer": "^7.0.0",
         "is-glob": "^4.0.0",
-        "js-yaml": "^3.13.1",
+        "js-yaml": "^4.1.0",
         "json-stable-stringify-without-jsonify": "^1.0.1",
-        "levn": "^0.3.0",
-        "lodash": "^4.17.14",
+        "levn": "^0.4.1",
+        "lodash.merge": "^4.6.2",
         "minimatch": "^3.0.4",
-        "mkdirp": "^0.5.1",
         "natural-compare": "^1.4.0",
-        "optionator": "^0.8.3",
+        "optionator": "^0.9.1",
         "progress": "^2.0.0",
-        "regexpp": "^2.0.1",
-        "semver": "^6.1.2",
-        "strip-ansi": "^5.2.0",
-        "strip-json-comments": "^3.0.1",
-        "table": "^5.2.3",
+        "regexpp": "^3.2.0",
+        "semver": "^7.2.1",
+        "strip-ansi": "^6.0.1",
+        "strip-json-comments": "^3.1.0",
         "text-table": "^0.2.0",
         "v8-compile-cache": "^2.0.3"
       },
@@ -7211,125 +7351,243 @@
         "eslint": "bin/eslint.js"
       },
       "engines": {
-        "node": "^8.10.0 || ^10.13.0 || >=11.10.1"
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       },
       "funding": {
         "url": "https://opencollective.com/eslint"
       }
     },
-    "node_modules/eslint-loader": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/eslint-loader/-/eslint-loader-2.2.1.tgz",
-      "integrity": "sha512-RLgV9hoCVsMLvOxCuNjdqOrUqIj9oJg8hF44vzJaYqsAHuY9G2YAeN3joQ9nxP0p5Th9iFSIpKo+SD8KISxXRg==",
-      "deprecated": "This loader has been deprecated. Please use eslint-webpack-plugin",
+    "node_modules/eslint-config-prettier": {
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.3.0.tgz",
+      "integrity": "sha512-BgZuLUSeKzvlL/VUjx/Yb787VQ26RU3gGjA3iiFvdsp/2bMfVIWUVP7tjxtjS0e+HP409cPlPvNkQloz8C91ew==",
+      "dev": true,
+      "bin": {
+        "eslint-config-prettier": "bin/cli.js"
+      },
+      "peerDependencies": {
+        "eslint": ">=7.0.0"
+      }
+    },
+    "node_modules/eslint-plugin-prettier": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-4.0.0.tgz",
+      "integrity": "sha512-98MqmCJ7vJodoQK359bqQWaxOE0CS8paAz/GgjaZLyex4TTk3g9HugoO89EqWCrFiOqn9EVvcoo7gZzONCWVwQ==",
       "dev": true,
       "dependencies": {
-        "loader-fs-cache": "^1.0.0",
-        "loader-utils": "^1.0.2",
-        "object-assign": "^4.0.1",
-        "object-hash": "^1.1.4",
-        "rimraf": "^2.6.1"
+        "prettier-linter-helpers": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=6.0.0"
       },
       "peerDependencies": {
-        "eslint": ">=1.6.0 <7.0.0",
-        "webpack": ">=2.0.0 <5.0.0"
+        "eslint": ">=7.28.0",
+        "prettier": ">=2.0.0"
+      },
+      "peerDependenciesMeta": {
+        "eslint-config-prettier": {
+          "optional": true
+        }
       }
     },
     "node_modules/eslint-plugin-vue": {
-      "version": "7.20.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-7.20.0.tgz",
-      "integrity": "sha512-oVNDqzBC9h3GO+NTgWeLMhhGigy6/bQaQbHS+0z7C4YEu/qK/yxHvca/2PTZtGNPsCrHwOTgKMrwu02A9iPBmw==",
+      "version": "8.2.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-8.2.0.tgz",
+      "integrity": "sha512-cLIdTuOAMXyHeQ4drYKcZfoyzdwdBpH279X8/N0DgmotEI9yFKb5O/cAgoie/CkQZCH/MOmh0xw/KEfS90zY2A==",
       "dev": true,
       "dependencies": {
-        "eslint-utils": "^2.1.0",
+        "eslint-utils": "^3.0.0",
         "natural-compare": "^1.4.0",
-        "semver": "^6.3.0",
-        "vue-eslint-parser": "^7.10.0"
+        "semver": "^7.3.5",
+        "vue-eslint-parser": "^8.0.1"
       },
       "engines": {
-        "node": ">=8.10"
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       },
       "peerDependencies": {
         "eslint": "^6.2.0 || ^7.0.0 || ^8.0.0"
       }
     },
-    "node_modules/eslint-plugin-vue/node_modules/eslint-utils": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-2.1.0.tgz",
-      "integrity": "sha512-w94dQYoauyvlDc43XnGB8lU3Zt713vNChgt4EWwhXAP2XkBvndfxF0AgIqKOOasjPIPzj9JqgwkwbCYD0/V3Zg==",
+    "node_modules/eslint-scope": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-6.0.0.tgz",
+      "integrity": "sha512-uRDL9MWmQCkaFus8RF5K9/L/2fn+80yoW3jkD53l4shjCh26fCtvJGasxjUqP5OT87SYTxCVA3BwTUzuELx9kA==",
       "dev": true,
       "dependencies": {
-        "eslint-visitor-keys": "^1.1.0"
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
       },
       "engines": {
-        "node": ">=6"
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/eslint-scope/node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/eslint-utils": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-3.0.0.tgz",
+      "integrity": "sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==",
+      "dev": true,
+      "dependencies": {
+        "eslint-visitor-keys": "^2.0.0"
+      },
+      "engines": {
+        "node": "^10.0.0 || ^12.0.0 || >= 14.0.0"
       },
       "funding": {
         "url": "https://github.com/sponsors/mysticatea"
+      },
+      "peerDependencies": {
+        "eslint": ">=5"
       }
     },
-    "node_modules/eslint-scope": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
-      "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
+    "node_modules/eslint-utils/node_modules/eslint-visitor-keys": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz",
+      "integrity": "sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/eslint-visitor-keys": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.1.0.tgz",
+      "integrity": "sha512-yWJFpu4DtjsWKkt5GeNBBuZMlNcYVs6vRCLoCVEJrTjaSB6LC98gFipNK/erM2Heg/E8mIK+hXG/pJMLK+eRZA==",
+      "dev": true,
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/eslint/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
       "dev": true,
       "dependencies": {
-        "esrecurse": "^4.3.0",
-        "estraverse": "^4.1.1"
+        "color-convert": "^2.0.1"
       },
       "engines": {
-        "node": ">=8.0.0"
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
-    "node_modules/eslint-utils": {
-      "version": "1.4.3",
-      "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-1.4.3.tgz",
-      "integrity": "sha512-fbBN5W2xdY45KulGXmLHZ3c3FHfVYmKg0IrAKGOkT/464PQsx2UeIzfz1RmEci+KLm1bBaAzZAh8+/E+XAeZ8Q==",
+    "node_modules/eslint/node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "dev": true
+    },
+    "node_modules/eslint/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
       "dev": true,
       "dependencies": {
-        "eslint-visitor-keys": "^1.1.0"
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
       },
       "engines": {
-        "node": ">=6"
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
-    "node_modules/eslint-visitor-keys": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
-      "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==",
+    "node_modules/eslint/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
       "dev": true,
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
       "engines": {
-        "node": ">=4"
+        "node": ">=7.0.0"
       }
     },
-    "node_modules/eslint/node_modules/ansi-regex": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.0.tgz",
-      "integrity": "sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==",
+    "node_modules/eslint/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true
+    },
+    "node_modules/eslint/node_modules/cross-spawn": {
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
+      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
       "dev": true,
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
       "engines": {
-        "node": ">=6"
+        "node": ">= 8"
+      }
+    },
+    "node_modules/eslint/node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint/node_modules/eslint-scope": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.1.0.tgz",
+      "integrity": "sha512-aWwkhnS0qAXqNOgKOK0dJ2nvzEbhEvpy8OlJ9kZ0FeZnA6zpjv1/Vei+puGFFX7zkPCkHHXb7IDX3A+7yPrRWg==",
+      "dev": true,
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/eslint/node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
+      "engines": {
+        "node": ">=4.0"
       }
     },
     "node_modules/eslint/node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
       "dev": true,
       "dependencies": {
-        "is-glob": "^4.0.1"
+        "is-glob": "^4.0.3"
       },
       "engines": {
-        "node": ">= 6"
+        "node": ">=10.13.0"
       }
     },
     "node_modules/eslint/node_modules/globals": {
-      "version": "12.4.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-12.4.0.tgz",
-      "integrity": "sha512-BWICuzzDvDoH54NHKCseDanAhE3CeDorgDL5MT6LMXXj2WCnd9UC2szdk4AWLfjdgNBCXLUanXYcpBBKOSWGwg==",
+      "version": "13.12.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.12.0.tgz",
+      "integrity": "sha512-uS8X6lSKN2JumVoXrbUz+uG4BYG+eiawqm3qFcT7ammfbUHeCBoJMlHcec/S3krSk73/AE/f0szYFmgAA3kYZg==",
       "dev": true,
       "dependencies": {
-        "type-fest": "^0.8.1"
+        "type-fest": "^0.20.2"
       },
       "engines": {
         "node": ">=8"
@@ -7338,6 +7596,15 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/eslint/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/eslint/node_modules/import-fresh": {
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
@@ -7354,6 +7621,66 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/eslint/node_modules/js-yaml": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "dev": true,
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/eslint/node_modules/levn": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+      "dev": true,
+      "dependencies": {
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/eslint/node_modules/optionator": {
+      "version": "0.9.1",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.1.tgz",
+      "integrity": "sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==",
+      "dev": true,
+      "dependencies": {
+        "deep-is": "^0.1.3",
+        "fast-levenshtein": "^2.0.6",
+        "levn": "^0.4.1",
+        "prelude-ls": "^1.2.1",
+        "type-check": "^0.4.0",
+        "word-wrap": "^1.2.3"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/eslint/node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/eslint/node_modules/prelude-ls": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
     "node_modules/eslint/node_modules/resolve-from": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
@@ -7363,27 +7690,78 @@
         "node": ">=4"
       }
     },
-    "node_modules/eslint/node_modules/strip-ansi": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
-      "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
+    "node_modules/eslint/node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
       "dev": true,
       "dependencies": {
-        "ansi-regex": "^4.1.0"
+        "shebang-regex": "^3.0.0"
       },
       "engines": {
-        "node": ">=6"
+        "node": ">=8"
       }
     },
-    "node_modules/eslint/node_modules/type-fest": {
-      "version": "0.8.1",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
-      "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==",
+    "node_modules/eslint/node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/eslint/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
       "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
       "engines": {
         "node": ">=8"
       }
     },
+    "node_modules/eslint/node_modules/type-check": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+      "dev": true,
+      "dependencies": {
+        "prelude-ls": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/eslint/node_modules/type-fest": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint/node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
     "node_modules/esm": {
       "version": "3.2.25",
       "resolved": "https://registry.npmjs.org/esm/-/esm-3.2.25.tgz",
@@ -7394,17 +7772,17 @@
       }
     },
     "node_modules/espree": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/espree/-/espree-6.2.1.tgz",
-      "integrity": "sha512-ysCxRQY3WaXJz9tdbWOwuWr5Y/XrPTGX9Kiz3yoUXwW0VZ4w30HTkQLaGx/+ttFjF8i+ACbArnB4ce68a9m5hw==",
+      "version": "9.2.0",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-9.2.0.tgz",
+      "integrity": "sha512-oP3utRkynpZWF/F2x/HZJ+AGtnIclaR7z1pYPxy7NYM2fSO6LgK/Rkny8anRSPK/VwEA1eqm2squui0T7ZMOBg==",
       "dev": true,
       "dependencies": {
-        "acorn": "^7.1.1",
-        "acorn-jsx": "^5.2.0",
-        "eslint-visitor-keys": "^1.1.0"
+        "acorn": "^8.6.0",
+        "acorn-jsx": "^5.3.1",
+        "eslint-visitor-keys": "^3.1.0"
       },
       "engines": {
-        "node": ">=6.0.0"
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       }
     },
     "node_modules/esprima": {
@@ -7795,20 +8173,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/external-editor": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/external-editor/-/external-editor-3.1.0.tgz",
-      "integrity": "sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==",
-      "dev": true,
-      "dependencies": {
-        "chardet": "^0.7.0",
-        "iconv-lite": "^0.4.24",
-        "tmp": "^0.0.33"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/extglob": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz",
@@ -7868,6 +8232,12 @@
       "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
       "dev": true
     },
+    "node_modules/fast-diff": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.2.0.tgz",
+      "integrity": "sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==",
+      "dev": true
+    },
     "node_modules/fast-glob": {
       "version": "2.2.7",
       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-2.2.7.tgz",
@@ -7924,31 +8294,16 @@
       "integrity": "sha512-0btnI/H8f2pavGMN8w40mlSKOfTK2SVJmBfBeVIj3kNw0swwgzyRq0d5TJVOwodFmtvpPeWPN/MCcfuWF0Ezbw==",
       "dev": true
     },
-    "node_modules/figures": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/figures/-/figures-3.2.0.tgz",
-      "integrity": "sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==",
-      "dev": true,
-      "dependencies": {
-        "escape-string-regexp": "^1.0.5"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/file-entry-cache": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-5.0.1.tgz",
-      "integrity": "sha512-bCg29ictuBaKUwwArK4ouCaqDgLZcysCFLmM/Yn/FDoqndh/9vNuQfXRDvTuXKLxfD/JtZQGKFT8MGcJBK644g==",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
+      "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
       "dev": true,
       "dependencies": {
-        "flat-cache": "^2.0.1"
+        "flat-cache": "^3.0.4"
       },
       "engines": {
-        "node": ">=4"
+        "node": "^10.12.0 || >=12.0.0"
       }
     },
     "node_modules/file-loader": {
@@ -8190,35 +8545,37 @@
       }
     },
     "node_modules/flat-cache": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-2.0.1.tgz",
-      "integrity": "sha512-LoQe6yDuUMDzQAEH8sgmh4Md6oZnc/7PjtwjNFSzveXqSHt6ka9fPBuso7IGf9Rz4uqnSnWiFH2B/zj24a5ReA==",
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz",
+      "integrity": "sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==",
       "dev": true,
       "dependencies": {
-        "flatted": "^2.0.0",
-        "rimraf": "2.6.3",
-        "write": "1.0.3"
+        "flatted": "^3.1.0",
+        "rimraf": "^3.0.2"
       },
       "engines": {
-        "node": ">=4"
+        "node": "^10.12.0 || >=12.0.0"
       }
     },
     "node_modules/flat-cache/node_modules/rimraf": {
-      "version": "2.6.3",
-      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz",
-      "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==",
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
       "dev": true,
       "dependencies": {
         "glob": "^7.1.3"
       },
       "bin": {
         "rimraf": "bin.js"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
       }
     },
     "node_modules/flatted": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/flatted/-/flatted-2.0.2.tgz",
-      "integrity": "sha512-r5wGx7YeOwNWNlCA0wQ86zKyDLMQr+/RB8xy74M4hTphfmjlijTSSXGuH8rnvKZnfT9i+75zmd8jcKdMR4O6jA==",
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.4.tgz",
+      "integrity": "sha512-8/sOawo8tJ4QOBX8YlQBMxL8+RLZfxMQOif9o0KUKTNTjMYElWPE0r/m5VNFxTRd0NSw8qSy8dajrwX4RYI1Hw==",
       "dev": true
     },
     "node_modules/flush-write-stream": {
@@ -10249,100 +10606,6 @@
       "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
       "dev": true
     },
-    "node_modules/inquirer": {
-      "version": "7.3.3",
-      "resolved": "https://registry.npmjs.org/inquirer/-/inquirer-7.3.3.tgz",
-      "integrity": "sha512-JG3eIAj5V9CwcGvuOmoo6LB9kbAYT8HXffUl6memuszlwDC/qvFAJw49XJ5NROSFNPxp3iQg1GqkFhaY/CR0IA==",
-      "dev": true,
-      "dependencies": {
-        "ansi-escapes": "^4.2.1",
-        "chalk": "^4.1.0",
-        "cli-cursor": "^3.1.0",
-        "cli-width": "^3.0.0",
-        "external-editor": "^3.0.3",
-        "figures": "^3.0.0",
-        "lodash": "^4.17.19",
-        "mute-stream": "0.0.8",
-        "run-async": "^2.4.0",
-        "rxjs": "^6.6.0",
-        "string-width": "^4.1.0",
-        "strip-ansi": "^6.0.0",
-        "through": "^2.3.6"
-      },
-      "engines": {
-        "node": ">=8.0.0"
-      }
-    },
-    "node_modules/inquirer/node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
-      "dependencies": {
-        "color-convert": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/inquirer/node_modules/chalk": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dev": true,
-      "dependencies": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
-      }
-    },
-    "node_modules/inquirer/node_modules/color-convert": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "dev": true,
-      "dependencies": {
-        "color-name": "~1.1.4"
-      },
-      "engines": {
-        "node": ">=7.0.0"
-      }
-    },
-    "node_modules/inquirer/node_modules/color-name": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-      "dev": true
-    },
-    "node_modules/inquirer/node_modules/has-flag": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/inquirer/node_modules/supports-color": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/internal-ip": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/internal-ip/-/internal-ip-4.3.0.tgz",
@@ -10560,18 +10823,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/is-ci": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/is-ci/-/is-ci-1.2.1.tgz",
-      "integrity": "sha512-s6tfsaQaQi3JNciBH6shVqEDvhGut0SUXr31ag8Pd8BBbVVlcGfWhpPmEOoM6RJ5TFhbypvf5yyRw/VXW1IiWg==",
-      "dev": true,
-      "dependencies": {
-        "ci-info": "^1.5.0"
-      },
-      "bin": {
-        "is-ci": "bin.js"
-      }
-    },
     "node_modules/is-color-stop": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/is-color-stop/-/is-color-stop-1.1.0.tgz",
@@ -11401,67 +11652,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/loader-fs-cache": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/loader-fs-cache/-/loader-fs-cache-1.0.3.tgz",
-      "integrity": "sha512-ldcgZpjNJj71n+2Mf6yetz+c9bM4xpKtNds4LbqXzU/PTdeAX0g3ytnU1AJMEcTk2Lex4Smpe3Q/eCTsvUBxbA==",
-      "dev": true,
-      "dependencies": {
-        "find-cache-dir": "^0.1.1",
-        "mkdirp": "^0.5.1"
-      }
-    },
-    "node_modules/loader-fs-cache/node_modules/find-cache-dir": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-0.1.1.tgz",
-      "integrity": "sha1-yN765XyKUqinhPnjHFfHQumToLk=",
-      "dev": true,
-      "dependencies": {
-        "commondir": "^1.0.1",
-        "mkdirp": "^0.5.1",
-        "pkg-dir": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/loader-fs-cache/node_modules/find-up": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-1.1.2.tgz",
-      "integrity": "sha1-ay6YIrGizgpgq2TWEOzK1TyyTQ8=",
-      "dev": true,
-      "dependencies": {
-        "path-exists": "^2.0.0",
-        "pinkie-promise": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/loader-fs-cache/node_modules/path-exists": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-2.1.0.tgz",
-      "integrity": "sha1-D+tsZPD8UY2adU3V77YscCJ2H0s=",
-      "dev": true,
-      "dependencies": {
-        "pinkie-promise": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/loader-fs-cache/node_modules/pkg-dir": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-1.0.0.tgz",
-      "integrity": "sha1-ektQio1bstYp1EcFb/TpyTFM89Q=",
-      "dev": true,
-      "dependencies": {
-        "find-up": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/loader-runner": {
       "version": "2.4.0",
       "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-2.4.0.tgz",
@@ -11653,6 +11843,12 @@
       "integrity": "sha1-vMbEmkKihA7Zl/Mj6tpezRguC/4=",
       "dev": true
     },
+    "node_modules/lodash.merge": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+      "dev": true
+    },
     "node_modules/lodash.pairs": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/lodash.pairs/-/lodash.pairs-3.0.1.tgz",
@@ -11734,6 +11930,15 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/make-dir/node_modules/semver": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+      "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
     "node_modules/make-iterator": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/make-iterator/-/make-iterator-1.0.1.tgz",
@@ -12076,12 +12281,12 @@
       }
     },
     "node_modules/mimic-fn": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
-      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-1.2.0.tgz",
+      "integrity": "sha512-jf84uxzwiuiIVKiOLpfYk7N46TSy8ubTonmneY9vrpHNAnp0QBt2BxWV9dO3/j+BoVAb+a5G6YDPW3M5HOdMWQ==",
       "dev": true,
       "engines": {
-        "node": ">=6"
+        "node": ">=4"
       }
     },
     "node_modules/mimic-response": {
@@ -12411,12 +12616,6 @@
         "node": ">= 0.10"
       }
     },
-    "node_modules/mute-stream": {
-      "version": "0.0.8",
-      "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-0.0.8.tgz",
-      "integrity": "sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==",
-      "dev": true
-    },
     "node_modules/mz": {
       "version": "2.7.0",
       "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
@@ -12615,18 +12814,6 @@
         "node": ">= 10.12.0"
       }
     },
-    "node_modules/node-gyp/node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/node-gyp/node_modules/rimraf": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
@@ -12642,21 +12829,6 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
-    "node_modules/node-gyp/node_modules/semver": {
-      "version": "7.3.5",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
-      "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
-      "dev": true,
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/node-gyp/node_modules/which": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
@@ -12672,12 +12844,6 @@
         "node": ">= 8"
       }
     },
-    "node_modules/node-gyp/node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
-    },
     "node_modules/node-ipc": {
       "version": "9.2.1",
       "resolved": "https://registry.npmjs.org/node-ipc/-/node-ipc-9.2.1.tgz",
@@ -12920,39 +13086,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/normalize-package-data/node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/normalize-package-data/node_modules/semver": {
-      "version": "7.3.5",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
-      "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
-      "dev": true,
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/normalize-package-data/node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
-    },
     "node_modules/normalize-path": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
@@ -13143,15 +13276,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/object-hash": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-1.3.1.tgz",
-      "integrity": "sha512-OSuu/pU4ENM9kmREg0BdNrUDIl1heYa4mBZacJc+vVWz4GtAwu7jO8s4AIt2aGRUTqxykpWzI3Oqnsm13tTMDA==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.10.0"
-      }
-    },
     "node_modules/object-inspect": {
       "version": "1.12.0",
       "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.0.tgz",
@@ -13368,18 +13492,15 @@
       }
     },
     "node_modules/onetime": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
-      "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/onetime/-/onetime-2.0.1.tgz",
+      "integrity": "sha1-BnQoIw/WdEOyeUsiu6UotoZ5YtQ=",
       "dev": true,
       "dependencies": {
-        "mimic-fn": "^2.1.0"
+        "mimic-fn": "^1.0.0"
       },
       "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "node": ">=4"
       }
     },
     "node_modules/open": {
@@ -13475,52 +13596,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/ora/node_modules/cli-cursor": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-2.1.0.tgz",
-      "integrity": "sha1-s12sN2R5+sw+lHR9QdDQ9SOP/LU=",
-      "dev": true,
-      "dependencies": {
-        "restore-cursor": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/ora/node_modules/mimic-fn": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-1.2.0.tgz",
-      "integrity": "sha512-jf84uxzwiuiIVKiOLpfYk7N46TSy8ubTonmneY9vrpHNAnp0QBt2BxWV9dO3/j+BoVAb+a5G6YDPW3M5HOdMWQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/ora/node_modules/onetime": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/onetime/-/onetime-2.0.1.tgz",
-      "integrity": "sha1-BnQoIw/WdEOyeUsiu6UotoZ5YtQ=",
-      "dev": true,
-      "dependencies": {
-        "mimic-fn": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/ora/node_modules/restore-cursor": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-2.0.0.tgz",
-      "integrity": "sha1-n37ih/gv0ybU/RYpI9YhKe7g368=",
-      "dev": true,
-      "dependencies": {
-        "onetime": "^2.0.0",
-        "signal-exit": "^3.0.2"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/ora/node_modules/strip-ansi": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
@@ -14146,33 +14221,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/pkg-fetch/node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/pkg-fetch/node_modules/semver": {
-      "version": "7.3.5",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
-      "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
-      "dev": true,
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/pkg-fetch/node_modules/supports-color": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
@@ -14185,12 +14233,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/pkg-fetch/node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
-    },
     "node_modules/pkg/node_modules/@babel/parser": {
       "version": "7.16.2",
       "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.16.2.tgz",
@@ -15270,7 +15312,6 @@
       "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.5.1.tgz",
       "integrity": "sha512-vBZcPRUR5MZJwoyi3ZoyQlc1rXeEck8KgeC9AwwOn+exuxLxq5toTRDTSaVrXHxelDMHy9zlicw8u66yxoSUFg==",
       "dev": true,
-      "optional": true,
       "bin": {
         "prettier": "bin-prettier.js"
       },
@@ -15278,6 +15319,18 @@
         "node": ">=10.13.0"
       }
     },
+    "node_modules/prettier-linter-helpers": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz",
+      "integrity": "sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==",
+      "dev": true,
+      "dependencies": {
+        "fast-diff": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
     "node_modules/pretty-error": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/pretty-error/-/pretty-error-2.1.2.tgz",
@@ -15834,12 +15887,15 @@
       }
     },
     "node_modules/regexpp": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-2.0.1.tgz",
-      "integrity": "sha512-lv0M6+TkDVniA3aD1Eg0DVpfU/booSu7Eev3TDO/mZKHBfVjgCGTV4t4buppESEYDtkArYFOxTJWv6S5C+iaNw==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-3.2.0.tgz",
+      "integrity": "sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==",
       "dev": true,
       "engines": {
-        "node": ">=6.5.0"
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mysticatea"
       }
     },
     "node_modules/regexpu-core": {
@@ -16126,16 +16182,16 @@
       "deprecated": "https://github.com/lydell/resolve-url#deprecated"
     },
     "node_modules/restore-cursor": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz",
-      "integrity": "sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==",
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-2.0.0.tgz",
+      "integrity": "sha1-n37ih/gv0ybU/RYpI9YhKe7g368=",
       "dev": true,
       "dependencies": {
-        "onetime": "^5.1.0",
+        "onetime": "^2.0.0",
         "signal-exit": "^3.0.2"
       },
       "engines": {
-        "node": ">=8"
+        "node": ">=4"
       }
     },
     "node_modules/ret": {
@@ -16199,15 +16255,6 @@
         "inherits": "^2.0.1"
       }
     },
-    "node_modules/run-async": {
-      "version": "2.4.1",
-      "resolved": "https://registry.npmjs.org/run-async/-/run-async-2.4.1.tgz",
-      "integrity": "sha512-tvVnVv01b8c1RrA6Ep7JkStj85Guv/YrMcwqYQnwjsAS2cTmmPGBBjAjpCW7RrSodNSoE2/qg9O4bceNvUuDgQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.12.0"
-      }
-    },
     "node_modules/run-parallel": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
@@ -16245,24 +16292,6 @@
       "resolved": "https://registry.npmjs.org/rw/-/rw-1.3.3.tgz",
       "integrity": "sha1-P4Yt+pGrdmsUiF700BEkv9oHT7Q="
     },
-    "node_modules/rxjs": {
-      "version": "6.6.7",
-      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.6.7.tgz",
-      "integrity": "sha512-hTdwr+7yYNIT5n4AMYp85KA6yw2Va0FLa3Rguvbpa4W3I5xynaBZo41cM3XM+4Q6fRMj3sBYIR1VAmZMXYJvRQ==",
-      "dev": true,
-      "dependencies": {
-        "tslib": "^1.9.0"
-      },
-      "engines": {
-        "npm": ">=2.0.0"
-      }
-    },
-    "node_modules/rxjs/node_modules/tslib": {
-      "version": "1.14.1",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
-      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
-      "dev": true
-    },
     "node_modules/safe-buffer": {
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
@@ -16306,15 +16335,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/sass-graph/node_modules/camelcase": {
-      "version": "5.3.1",
-      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
-      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/sass-graph/node_modules/cliui": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/cliui/-/cliui-5.0.0.tgz",
@@ -16518,18 +16538,6 @@
         "node": ">=8.9.0"
       }
     },
-    "node_modules/sass-loader/node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/sass-loader/node_modules/schema-utils": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.1.tgz",
@@ -16548,27 +16556,6 @@
         "url": "https://opencollective.com/webpack"
       }
     },
-    "node_modules/sass-loader/node_modules/semver": {
-      "version": "7.3.5",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
-      "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
-      "dev": true,
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/sass-loader/node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
-    },
     "node_modules/sax": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz",
@@ -16641,12 +16628,18 @@
       }
     },
     "node_modules/semver": {
-      "version": "6.3.0",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-      "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+      "version": "7.3.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
+      "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
       "dev": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
       "bin": {
         "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
       }
     },
     "node_modules/semver-greatest-satisfied-range": {
@@ -16661,6 +16654,24 @@
         "node": ">= 0.10"
       }
     },
+    "node_modules/semver/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/semver/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true
+    },
     "node_modules/send": {
       "version": "0.17.2",
       "resolved": "https://registry.npmjs.org/send/-/send-0.17.2.tgz",
@@ -16948,29 +16959,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/slice-ansi": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-2.1.0.tgz",
-      "integrity": "sha512-Qu+VC3EwYLldKa1fCxuuvULvSJOKEgk9pi8dZeCVK7TqBfUNTH4sFkk4joj8afVSfAYgJoSOetjx9QWOJ5mYoQ==",
-      "dev": true,
-      "dependencies": {
-        "ansi-styles": "^3.2.0",
-        "astral-regex": "^1.0.0",
-        "is-fullwidth-code-point": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/slice-ansi/node_modules/is-fullwidth-code-point": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
-      "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/snapdragon": {
       "version": "0.8.2",
       "resolved": "https://registry.npmjs.org/snapdragon/-/snapdragon-0.8.2.tgz",
@@ -18065,71 +18053,6 @@
       "integrity": "sha512-wNz6lCoj+99GMoyU7SozTfPqiLHz6WcJYZ30Z+F4lF/gPtxWHBCpZ4DhoDI0+oZ0dObKyYsJdSPGbL2mJq/qCg==",
       "dev": true
     },
-    "node_modules/table": {
-      "version": "5.4.6",
-      "resolved": "https://registry.npmjs.org/table/-/table-5.4.6.tgz",
-      "integrity": "sha512-wmEc8m4fjnob4gt5riFRtTu/6+4rSe12TpAELNSqHMfF3IqnA+CH37USM6/YR3qRZv7e56kAEAtd6nKZaxe0Ug==",
-      "dev": true,
-      "dependencies": {
-        "ajv": "^6.10.2",
-        "lodash": "^4.17.14",
-        "slice-ansi": "^2.1.0",
-        "string-width": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/table/node_modules/ansi-regex": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.0.tgz",
-      "integrity": "sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/table/node_modules/emoji-regex": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz",
-      "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==",
-      "dev": true
-    },
-    "node_modules/table/node_modules/is-fullwidth-code-point": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
-      "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/table/node_modules/string-width": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz",
-      "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==",
-      "dev": true,
-      "dependencies": {
-        "emoji-regex": "^7.0.1",
-        "is-fullwidth-code-point": "^2.0.0",
-        "strip-ansi": "^5.1.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/table/node_modules/strip-ansi": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
-      "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
-      "dev": true,
-      "dependencies": {
-        "ansi-regex": "^4.1.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/tapable": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/tapable/-/tapable-1.1.3.tgz",
@@ -18553,18 +18476,6 @@
         "esm": "^3.2.25"
       }
     },
-    "node_modules/tmp": {
-      "version": "0.0.33",
-      "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz",
-      "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==",
-      "dev": true,
-      "dependencies": {
-        "os-tmpdir": "~1.0.2"
-      },
-      "engines": {
-        "node": ">=0.6.0"
-      }
-    },
     "node_modules/to-absolute-glob": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/to-absolute-glob/-/to-absolute-glob-2.0.2.tgz",
@@ -18917,18 +18828,6 @@
         "node": ">= 0.8.0"
       }
     },
-    "node_modules/type-fest": {
-      "version": "0.21.3",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz",
-      "integrity": "sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/type-is": {
       "version": "1.6.18",
       "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
@@ -19591,27 +19490,27 @@
       }
     },
     "node_modules/vue-eslint-parser": {
-      "version": "7.11.0",
-      "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-7.11.0.tgz",
-      "integrity": "sha512-qh3VhDLeh773wjgNTl7ss0VejY9bMMa0GoDG2fQVyDzRFdiU3L7fw74tWZDHNQXdZqxO3EveQroa9ct39D2nqg==",
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-8.0.1.tgz",
+      "integrity": "sha512-lhWjDXJhe3UZw2uu3ztX51SJAPGPey1Tff2RK3TyZURwbuI4vximQLzz4nQfCv8CZq4xx7uIiogHMMoSJPr33A==",
       "dev": true,
       "dependencies": {
-        "debug": "^4.1.1",
-        "eslint-scope": "^5.1.1",
-        "eslint-visitor-keys": "^1.1.0",
-        "espree": "^6.2.1",
+        "debug": "^4.3.2",
+        "eslint-scope": "^6.0.0",
+        "eslint-visitor-keys": "^3.0.0",
+        "espree": "^9.0.0",
         "esquery": "^1.4.0",
         "lodash": "^4.17.21",
-        "semver": "^6.3.0"
+        "semver": "^7.3.5"
       },
       "engines": {
-        "node": ">=8.10"
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       },
       "funding": {
         "url": "https://github.com/sponsors/mysticatea"
       },
       "peerDependencies": {
-        "eslint": ">=5.0.0"
+        "eslint": ">=6.0.0"
       }
     },
     "node_modules/vue-functional-data-merge": {
@@ -20132,6 +20031,18 @@
         "node": ">= 6.14.4"
       }
     },
+    "node_modules/webpack-bundle-analyzer/node_modules/acorn": {
+      "version": "7.4.1",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
+      "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
+      "dev": true,
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/webpack-bundle-analyzer/node_modules/commander": {
       "version": "2.20.3",
       "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
@@ -20255,15 +20166,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/webpack-dev-server/node_modules/camelcase": {
-      "version": "5.3.1",
-      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
-      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/webpack-dev-server/node_modules/cliui": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/cliui/-/cliui-5.0.0.tgz",
@@ -20401,6 +20303,15 @@
         "node": ">= 4"
       }
     },
+    "node_modules/webpack-dev-server/node_modules/semver": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+      "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
     "node_modules/webpack-dev-server/node_modules/string-width": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz",
@@ -20779,18 +20690,6 @@
       "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=",
       "dev": true
     },
-    "node_modules/write": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/write/-/write-1.0.3.tgz",
-      "integrity": "sha512-/lg70HAjtkUgWPVZhZcm+T4hkL8Zbtp1nFNOn3lRrxnlv50SRBv7cR7RqR+GMsd3hUXy9hWBo4CHTbFTcOYwig==",
-      "dev": true,
-      "dependencies": {
-        "mkdirp": "^0.5.1"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/ws": {
       "version": "8.2.3",
       "resolved": "https://registry.npmjs.org/ws/-/ws-8.2.3.tgz",
@@ -20977,94 +20876,6 @@
       "resolved": "https://registry.npmjs.org/yeast/-/yeast-0.1.2.tgz",
       "integrity": "sha1-AI4G2AlDIMNy28L47XagymyKxBk="
     },
-    "node_modules/yorkie": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/yorkie/-/yorkie-2.0.0.tgz",
-      "integrity": "sha512-jcKpkthap6x63MB4TxwCyuIGkV0oYP/YRyuQU5UO0Yz/E/ZAu+653/uov+phdmO54n6BcvFRyyt0RRrWdN2mpw==",
-      "dev": true,
-      "hasInstallScript": true,
-      "dependencies": {
-        "execa": "^0.8.0",
-        "is-ci": "^1.0.10",
-        "normalize-path": "^1.0.0",
-        "strip-indent": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/yorkie/node_modules/cross-spawn": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-5.1.0.tgz",
-      "integrity": "sha1-6L0O/uWPz/b4+UUQoKVUu/ojVEk=",
-      "dev": true,
-      "dependencies": {
-        "lru-cache": "^4.0.1",
-        "shebang-command": "^1.2.0",
-        "which": "^1.2.9"
-      }
-    },
-    "node_modules/yorkie/node_modules/execa": {
-      "version": "0.8.0",
-      "resolved": "https://registry.npmjs.org/execa/-/execa-0.8.0.tgz",
-      "integrity": "sha1-2NdrvBtVIX7RkP1t1J08d07PyNo=",
-      "dev": true,
-      "dependencies": {
-        "cross-spawn": "^5.0.1",
-        "get-stream": "^3.0.0",
-        "is-stream": "^1.1.0",
-        "npm-run-path": "^2.0.0",
-        "p-finally": "^1.0.0",
-        "signal-exit": "^3.0.0",
-        "strip-eof": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/yorkie/node_modules/get-stream": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-3.0.0.tgz",
-      "integrity": "sha1-jpQ9E1jcN1VQVOy+LtsFqhdO3hQ=",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/yorkie/node_modules/lru-cache": {
-      "version": "4.1.5",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz",
-      "integrity": "sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==",
-      "dev": true,
-      "dependencies": {
-        "pseudomap": "^1.0.2",
-        "yallist": "^2.1.2"
-      }
-    },
-    "node_modules/yorkie/node_modules/normalize-path": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-1.0.0.tgz",
-      "integrity": "sha1-MtDkcvkf80VwHBWoMRAY07CpA3k=",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/yorkie/node_modules/strip-indent": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-2.0.0.tgz",
-      "integrity": "sha1-XvjbKV0B5u1sv3qrlpmNeCJSe2g=",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/yorkie/node_modules/yallist": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz",
-      "integrity": "sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI=",
-      "dev": true
-    },
     "node_modules/zip-stream": {
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/zip-stream/-/zip-stream-2.1.3.tgz",
@@ -21131,6 +20942,14 @@
         "json5": "^2.1.2",
         "semver": "^6.3.0",
         "source-map": "^0.5.0"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+          "dev": true
+        }
       }
     },
     "@babel/generator": {
@@ -21173,6 +20992,14 @@
         "@babel/helper-validator-option": "^7.14.5",
         "browserslist": "^4.17.5",
         "semver": "^6.3.0"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+          "dev": true
+        }
       }
     },
     "@babel/helper-create-class-features-plugin": {
@@ -21214,6 +21041,14 @@
         "lodash.debounce": "^4.0.8",
         "resolve": "^1.14.2",
         "semver": "^6.1.2"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+          "dev": true
+        }
       }
     },
     "@babel/helper-environment-visitor": {
@@ -22008,6 +21843,14 @@
         "babel-plugin-polyfill-corejs3": "^0.4.0",
         "babel-plugin-polyfill-regenerator": "^0.3.0",
         "semver": "^6.3.0"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+          "dev": true
+        }
       }
     },
     "@babel/plugin-transform-shorthand-properties": {
@@ -22155,6 +21998,14 @@
         "babel-plugin-polyfill-regenerator": "^0.3.0",
         "core-js-compat": "^3.19.1",
         "semver": "^6.3.0"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+          "dev": true
+        }
       }
     },
     "@babel/preset-modules": {
@@ -22218,6 +22069,71 @@
         "to-fast-properties": "^2.0.0"
       }
     },
+    "@eslint/eslintrc": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.0.5.tgz",
+      "integrity": "sha512-BLxsnmK3KyPunz5wmCCpqy0YelEoxxGmH73Is+Z74oOTMtExcjkr3dDR6quwrjh1YspA8DH9gnX1o069KiS9AQ==",
+      "dev": true,
+      "requires": {
+        "ajv": "^6.12.4",
+        "debug": "^4.3.2",
+        "espree": "^9.2.0",
+        "globals": "^13.9.0",
+        "ignore": "^4.0.6",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^4.1.0",
+        "minimatch": "^3.0.4",
+        "strip-json-comments": "^3.1.1"
+      },
+      "dependencies": {
+        "argparse": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+          "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+          "dev": true
+        },
+        "globals": {
+          "version": "13.12.0",
+          "resolved": "https://registry.npmjs.org/globals/-/globals-13.12.0.tgz",
+          "integrity": "sha512-uS8X6lSKN2JumVoXrbUz+uG4BYG+eiawqm3qFcT7ammfbUHeCBoJMlHcec/S3krSk73/AE/f0szYFmgAA3kYZg==",
+          "dev": true,
+          "requires": {
+            "type-fest": "^0.20.2"
+          }
+        },
+        "import-fresh": {
+          "version": "3.3.0",
+          "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
+          "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
+          "dev": true,
+          "requires": {
+            "parent-module": "^1.0.0",
+            "resolve-from": "^4.0.0"
+          }
+        },
+        "js-yaml": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+          "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+          "dev": true,
+          "requires": {
+            "argparse": "^2.0.1"
+          }
+        },
+        "resolve-from": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+          "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+          "dev": true
+        },
+        "type-fest": {
+          "version": "0.20.2",
+          "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+          "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+          "dev": true
+        }
+      }
+    },
     "@fortawesome/fontawesome-free": {
       "version": "5.15.4",
       "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-5.15.4.tgz",
@@ -22262,6 +22178,23 @@
         "@hapi/hoek": "^8.3.0"
       }
     },
+    "@humanwhocodes/config-array": {
+      "version": "0.9.2",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.9.2.tgz",
+      "integrity": "sha512-UXOuFCGcwciWckOpmfKDq/GyhlTf9pN/BzG//x8p8zTOFEcGuA68ANXheFS0AGvy3qgZqLBUkMs7hqzqCKOVwA==",
+      "dev": true,
+      "requires": {
+        "@humanwhocodes/object-schema": "^1.2.1",
+        "debug": "^4.1.1",
+        "minimatch": "^3.0.4"
+      }
+    },
+    "@humanwhocodes/object-schema": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz",
+      "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
+      "dev": true
+    },
     "@intervolga/optimize-cssnano-plugin": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/@intervolga/optimize-cssnano-plugin/-/optimize-cssnano-plugin-1.0.6.tgz",
@@ -22740,6 +22673,14 @@
         "camelcase": "^6.0.0",
         "html-tags": "^3.1.0",
         "svg-tags": "^1.0.0"
+      },
+      "dependencies": {
+        "camelcase": {
+          "version": "6.2.1",
+          "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.2.1.tgz",
+          "integrity": "sha512-tVI4q5jjFV5CavAU8DXfza/TJcZutVKo/5Foskmsqcm0MsL91moHvwiGNnqaa2o6PF/7yT5ikDRcVcl8Rj6LCA==",
+          "dev": true
+        }
       }
     },
     "@vue/babel-plugin-transform-vue-jsx": {
@@ -22786,6 +22727,14 @@
         "core-js": "^3.6.5",
         "core-js-compat": "^3.6.5",
         "semver": "^6.1.0"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+          "dev": true
+        }
       }
     },
     "@vue/babel-preset-jsx": {
@@ -22854,12 +22803,6 @@
         "svg-tags": "^1.0.0"
       },
       "dependencies": {
-        "camelcase": {
-          "version": "5.3.1",
-          "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
-          "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
-          "dev": true
-        },
         "html-tags": {
           "version": "2.0.0",
           "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-2.0.0.tgz",
@@ -22877,14 +22820,6 @@
         "@babel/plugin-syntax-jsx": "^7.2.0",
         "@vue/babel-plugin-transform-vue-jsx": "^1.2.1",
         "camelcase": "^5.0.0"
-      },
-      "dependencies": {
-        "camelcase": {
-          "version": "5.3.1",
-          "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
-          "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
-          "dev": true
-        }
       }
     },
     "@vue/cli-overlay": {
@@ -22908,20 +22843,6 @@
         "webpack": "^4.0.0"
       }
     },
-    "@vue/cli-plugin-eslint": {
-      "version": "4.5.15",
-      "resolved": "https://registry.npmjs.org/@vue/cli-plugin-eslint/-/cli-plugin-eslint-4.5.15.tgz",
-      "integrity": "sha512-/2Fl6wY/5bz3HD035oSnFRMsKNxDxU396KqBdpCQdwdvqk4mm6JAbXqihpcBRTNPeTO6w+LwGe6FE56PVbJdbg==",
-      "dev": true,
-      "requires": {
-        "@vue/cli-shared-utils": "^4.5.15",
-        "eslint-loader": "^2.2.1",
-        "globby": "^9.2.0",
-        "inquirer": "^7.1.0",
-        "webpack": "^4.0.0",
-        "yorkie": "^2.0.0"
-      }
-    },
     "@vue/cli-plugin-router": {
       "version": "4.5.15",
       "resolved": "https://registry.npmjs.org/@vue/cli-plugin-router/-/cli-plugin-router-4.5.15.tgz",
@@ -23002,6 +22923,12 @@
         "webpack-merge": "^4.2.2"
       },
       "dependencies": {
+        "acorn": {
+          "version": "7.4.1",
+          "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
+          "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
+          "dev": true
+        },
         "fs-extra": {
           "version": "7.0.1",
           "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-7.0.1.tgz",
@@ -23048,6 +22975,14 @@
         "request": "^2.88.2",
         "semver": "^6.1.0",
         "strip-ansi": "^6.0.0"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+          "dev": true
+        }
       }
     },
     "@vue/component-compiler-utils": {
@@ -23313,9 +23248,9 @@
       }
     },
     "acorn": {
-      "version": "7.4.1",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
-      "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
+      "version": "8.6.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.6.0.tgz",
+      "integrity": "sha512-U1riIR+lBSNi3IbxtaHOIKdH8sLFv3NYfNv8sg7ZsNhcfl4HF2++BfqqrNAxoCLQW1iiylOj76ecnaUxz+z9yw==",
       "dev": true
     },
     "acorn-jsx": {
@@ -23393,15 +23328,6 @@
         "ansi-wrap": "^0.1.0"
       }
     },
-    "ansi-escapes": {
-      "version": "4.3.2",
-      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
-      "integrity": "sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==",
-      "dev": true,
-      "requires": {
-        "type-fest": "^0.21.3"
-      }
-    },
     "ansi-gray": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/ansi-gray/-/ansi-gray-0.1.1.tgz",
@@ -23736,12 +23662,6 @@
       "resolved": "https://registry.npmjs.org/assign-symbols/-/assign-symbols-1.0.0.tgz",
       "integrity": "sha1-WWZ/QfrdTyDMvCu5a41Pf3jsA2c="
     },
-    "astral-regex": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-1.0.0.tgz",
-      "integrity": "sha512-+Ryf6g3BKoRc7jfp7ad8tM4TtMiaWvbF/1/sQcZPkkS7ag3D5nMBCe2UfOTONtAkaG0tO0ij3C5Lwmf1EiyjHg==",
-      "dev": true
-    },
     "async": {
       "version": "2.6.3",
       "resolved": "https://registry.npmjs.org/async/-/async-2.6.3.tgz",
@@ -23840,20 +23760,6 @@
         "follow-redirects": "^1.14.0"
       }
     },
-    "babel-eslint": {
-      "version": "10.1.0",
-      "resolved": "https://registry.npmjs.org/babel-eslint/-/babel-eslint-10.1.0.tgz",
-      "integrity": "sha512-ifWaTHQ0ce+448CYop8AdrQiBsGrnC+bMgfyKFdi6EsPLTAWG+QfyDeM6OH+FmWnKvEq5NnBMLvlBUPKQZoDSg==",
-      "dev": true,
-      "requires": {
-        "@babel/code-frame": "^7.0.0",
-        "@babel/parser": "^7.7.0",
-        "@babel/traverse": "^7.7.0",
-        "@babel/types": "^7.7.0",
-        "eslint-visitor-keys": "^1.0.0",
-        "resolve": "^1.12.0"
-      }
-    },
     "babel-loader": {
       "version": "8.2.3",
       "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-8.2.3.tgz",
@@ -23884,6 +23790,14 @@
         "@babel/compat-data": "^7.13.11",
         "@babel/helper-define-polyfill-provider": "^0.3.0",
         "semver": "^6.1.1"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+          "dev": true
+        }
       }
     },
     "babel-plugin-polyfill-corejs3": {
@@ -24536,9 +24450,9 @@
       }
     },
     "camelcase": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.2.1.tgz",
-      "integrity": "sha512-tVI4q5jjFV5CavAU8DXfza/TJcZutVKo/5Foskmsqcm0MsL91moHvwiGNnqaa2o6PF/7yT5ikDRcVcl8Rj6LCA==",
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
       "dev": true
     },
     "camelcase-keys": {
@@ -24550,14 +24464,6 @@
         "camelcase": "^5.3.1",
         "map-obj": "^4.0.0",
         "quick-lru": "^4.0.1"
-      },
-      "dependencies": {
-        "camelcase": {
-          "version": "5.3.1",
-          "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
-          "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
-          "dev": true
-        }
       }
     },
     "caniuse-api": {
@@ -24601,12 +24507,6 @@
         "supports-color": "^5.3.0"
       }
     },
-    "chardet": {
-      "version": "0.7.0",
-      "resolved": "https://registry.npmjs.org/chardet/-/chardet-0.7.0.tgz",
-      "integrity": "sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==",
-      "dev": true
-    },
     "check-types": {
       "version": "8.0.3",
       "resolved": "https://registry.npmjs.org/check-types/-/check-types-8.0.3.tgz",
@@ -24665,12 +24565,6 @@
       "integrity": "sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==",
       "dev": true
     },
-    "ci-info": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-1.6.0.tgz",
-      "integrity": "sha512-vsGdkwSCDpWmP80ncATX7iea5DWQemg1UgCW5J8tqjU3lYw4FBYuj89J0CTVomA7BEfvSZd84GmHko+MxFQU2A==",
-      "dev": true
-    },
     "cipher-base": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/cipher-base/-/cipher-base-1.0.4.tgz",
@@ -24766,12 +24660,12 @@
       }
     },
     "cli-cursor": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-3.1.0.tgz",
-      "integrity": "sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-2.1.0.tgz",
+      "integrity": "sha1-s12sN2R5+sw+lHR9QdDQ9SOP/LU=",
       "dev": true,
       "requires": {
-        "restore-cursor": "^3.1.0"
+        "restore-cursor": "^2.0.0"
       }
     },
     "cli-highlight": {
@@ -24845,12 +24739,6 @@
       "integrity": "sha512-x/5fWmGMnbKQAaNwN+UZlV79qBLM9JFnJuJ03gIi5whrob0xV0ofNVHy9DhwGdsMJQc2OKv0oGmLzvaqvAVv+g==",
       "dev": true
     },
-    "cli-width": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/cli-width/-/cli-width-3.0.0.tgz",
-      "integrity": "sha512-FxqpkPPwu1HjuN93Omfm4h8uIanXofW0RxVEW3k5RKx+mJJYSthzNhp32Kzxxy3YAEZ/Dc/EWN1vZRY0+kOhbw==",
-      "dev": true
-    },
     "clipboard": {
       "version": "2.0.8",
       "resolved": "https://registry.npmjs.org/clipboard/-/clipboard-2.0.8.tgz",
@@ -25586,10 +25474,10 @@
         "semver": "^6.3.0"
       },
       "dependencies": {
-        "camelcase": {
-          "version": "5.3.1",
-          "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
-          "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
           "dev": true
         }
       }
@@ -25970,6 +25858,12 @@
           "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
           "dev": true
         },
+        "mimic-fn": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
+          "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
+          "dev": true
+        },
         "npm-run-path": {
           "version": "4.0.1",
           "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
@@ -25979,6 +25873,15 @@
             "path-key": "^3.0.0"
           }
         },
+        "onetime": {
+          "version": "5.1.2",
+          "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
+          "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
+          "dev": true,
+          "requires": {
+            "mimic-fn": "^2.1.0"
+          }
+        },
         "p-finally": {
           "version": "2.0.1",
           "resolved": "https://registry.npmjs.org/p-finally/-/p-finally-2.0.1.tgz",
@@ -26507,6 +26410,23 @@
         }
       }
     },
+    "enquirer": {
+      "version": "2.3.6",
+      "resolved": "https://registry.npmjs.org/enquirer/-/enquirer-2.3.6.tgz",
+      "integrity": "sha512-yjNnPr315/FjS4zIsUxYguYUPP2e1NK4d7E7ZOLiyYCcbFBiTMyID+2wvm2w6+pZ/odMA7cRkjhsPbltwBOrLg==",
+      "dev": true,
+      "requires": {
+        "ansi-colors": "^4.1.1"
+      },
+      "dependencies": {
+        "ansi-colors": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.1.tgz",
+          "integrity": "sha512-JoX0apGbHaUJBNl6yF+p6JAFYZ666/hhCGKN5t9QFjbJQKUU/g8MNbFDbvfrgKXvI1QpZplPOnwIo99lX/AAmA==",
+          "dev": true
+        }
+      }
+    },
     "entities": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
@@ -26676,74 +26596,148 @@
       }
     },
     "eslint": {
-      "version": "6.8.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-6.8.0.tgz",
-      "integrity": "sha512-K+Iayyo2LtyYhDSYwz5D5QdWw0hCacNzyq1Y821Xna2xSJj7cijoLLYmLxTQgcgZ9mC61nryMy9S7GRbYpI5Ig==",
+      "version": "8.5.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.5.0.tgz",
+      "integrity": "sha512-tVGSkgNbOfiHyVte8bCM8OmX+xG9PzVG/B4UCF60zx7j61WIVY/AqJECDgpLD4DbbESD0e174gOg3ZlrX15GDg==",
       "dev": true,
       "requires": {
-        "@babel/code-frame": "^7.0.0",
+        "@eslint/eslintrc": "^1.0.5",
+        "@humanwhocodes/config-array": "^0.9.2",
         "ajv": "^6.10.0",
-        "chalk": "^2.1.0",
-        "cross-spawn": "^6.0.5",
-        "debug": "^4.0.1",
+        "chalk": "^4.0.0",
+        "cross-spawn": "^7.0.2",
+        "debug": "^4.3.2",
         "doctrine": "^3.0.0",
-        "eslint-scope": "^5.0.0",
-        "eslint-utils": "^1.4.3",
-        "eslint-visitor-keys": "^1.1.0",
-        "espree": "^6.1.2",
-        "esquery": "^1.0.1",
+        "enquirer": "^2.3.5",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^7.1.0",
+        "eslint-utils": "^3.0.0",
+        "eslint-visitor-keys": "^3.1.0",
+        "espree": "^9.2.0",
+        "esquery": "^1.4.0",
         "esutils": "^2.0.2",
-        "file-entry-cache": "^5.0.1",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^6.0.1",
         "functional-red-black-tree": "^1.0.1",
-        "glob-parent": "^5.0.0",
-        "globals": "^12.1.0",
+        "glob-parent": "^6.0.1",
+        "globals": "^13.6.0",
         "ignore": "^4.0.6",
         "import-fresh": "^3.0.0",
         "imurmurhash": "^0.1.4",
-        "inquirer": "^7.0.0",
         "is-glob": "^4.0.0",
-        "js-yaml": "^3.13.1",
+        "js-yaml": "^4.1.0",
         "json-stable-stringify-without-jsonify": "^1.0.1",
-        "levn": "^0.3.0",
-        "lodash": "^4.17.14",
+        "levn": "^0.4.1",
+        "lodash.merge": "^4.6.2",
         "minimatch": "^3.0.4",
-        "mkdirp": "^0.5.1",
         "natural-compare": "^1.4.0",
-        "optionator": "^0.8.3",
+        "optionator": "^0.9.1",
         "progress": "^2.0.0",
-        "regexpp": "^2.0.1",
-        "semver": "^6.1.2",
-        "strip-ansi": "^5.2.0",
-        "strip-json-comments": "^3.0.1",
-        "table": "^5.2.3",
+        "regexpp": "^3.2.0",
+        "semver": "^7.2.1",
+        "strip-ansi": "^6.0.1",
+        "strip-json-comments": "^3.1.0",
         "text-table": "^0.2.0",
         "v8-compile-cache": "^2.0.3"
       },
       "dependencies": {
-        "ansi-regex": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.0.tgz",
-          "integrity": "sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==",
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "argparse": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+          "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+          "dev": true
+        },
+        "chalk": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true
+        },
+        "cross-spawn": {
+          "version": "7.0.3",
+          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
+          "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+          "dev": true,
+          "requires": {
+            "path-key": "^3.1.0",
+            "shebang-command": "^2.0.0",
+            "which": "^2.0.1"
+          }
+        },
+        "escape-string-regexp": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+          "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+          "dev": true
+        },
+        "eslint-scope": {
+          "version": "7.1.0",
+          "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.1.0.tgz",
+          "integrity": "sha512-aWwkhnS0qAXqNOgKOK0dJ2nvzEbhEvpy8OlJ9kZ0FeZnA6zpjv1/Vei+puGFFX7zkPCkHHXb7IDX3A+7yPrRWg==",
+          "dev": true,
+          "requires": {
+            "esrecurse": "^4.3.0",
+            "estraverse": "^5.2.0"
+          }
+        },
+        "estraverse": {
+          "version": "5.3.0",
+          "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+          "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
           "dev": true
         },
         "glob-parent": {
-          "version": "5.1.2",
-          "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-          "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+          "version": "6.0.2",
+          "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+          "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
           "dev": true,
           "requires": {
-            "is-glob": "^4.0.1"
+            "is-glob": "^4.0.3"
           }
         },
         "globals": {
-          "version": "12.4.0",
-          "resolved": "https://registry.npmjs.org/globals/-/globals-12.4.0.tgz",
-          "integrity": "sha512-BWICuzzDvDoH54NHKCseDanAhE3CeDorgDL5MT6LMXXj2WCnd9UC2szdk4AWLfjdgNBCXLUanXYcpBBKOSWGwg==",
+          "version": "13.12.0",
+          "resolved": "https://registry.npmjs.org/globals/-/globals-13.12.0.tgz",
+          "integrity": "sha512-uS8X6lSKN2JumVoXrbUz+uG4BYG+eiawqm3qFcT7ammfbUHeCBoJMlHcec/S3krSk73/AE/f0szYFmgAA3kYZg==",
           "dev": true,
           "requires": {
-            "type-fest": "^0.8.1"
+            "type-fest": "^0.20.2"
           }
         },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true
+        },
         "import-fresh": {
           "version": "3.3.0",
           "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
@@ -26754,88 +26748,174 @@
             "resolve-from": "^4.0.0"
           }
         },
+        "js-yaml": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+          "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+          "dev": true,
+          "requires": {
+            "argparse": "^2.0.1"
+          }
+        },
+        "levn": {
+          "version": "0.4.1",
+          "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+          "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+          "dev": true,
+          "requires": {
+            "prelude-ls": "^1.2.1",
+            "type-check": "~0.4.0"
+          }
+        },
+        "optionator": {
+          "version": "0.9.1",
+          "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.1.tgz",
+          "integrity": "sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==",
+          "dev": true,
+          "requires": {
+            "deep-is": "^0.1.3",
+            "fast-levenshtein": "^2.0.6",
+            "levn": "^0.4.1",
+            "prelude-ls": "^1.2.1",
+            "type-check": "^0.4.0",
+            "word-wrap": "^1.2.3"
+          }
+        },
+        "path-key": {
+          "version": "3.1.1",
+          "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+          "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+          "dev": true
+        },
+        "prelude-ls": {
+          "version": "1.2.1",
+          "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+          "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+          "dev": true
+        },
         "resolve-from": {
           "version": "4.0.0",
           "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
           "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
           "dev": true
         },
-        "strip-ansi": {
-          "version": "5.2.0",
-          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
-          "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
+        "shebang-command": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+          "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
           "dev": true,
           "requires": {
-            "ansi-regex": "^4.1.0"
+            "shebang-regex": "^3.0.0"
+          }
+        },
+        "shebang-regex": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+          "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        },
+        "type-check": {
+          "version": "0.4.0",
+          "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+          "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+          "dev": true,
+          "requires": {
+            "prelude-ls": "^1.2.1"
           }
         },
         "type-fest": {
-          "version": "0.8.1",
-          "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
-          "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==",
+          "version": "0.20.2",
+          "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+          "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
           "dev": true
+        },
+        "which": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+          "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+          "dev": true,
+          "requires": {
+            "isexe": "^2.0.0"
+          }
         }
       }
     },
-    "eslint-loader": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/eslint-loader/-/eslint-loader-2.2.1.tgz",
-      "integrity": "sha512-RLgV9hoCVsMLvOxCuNjdqOrUqIj9oJg8hF44vzJaYqsAHuY9G2YAeN3joQ9nxP0p5Th9iFSIpKo+SD8KISxXRg==",
+    "eslint-config-prettier": {
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.3.0.tgz",
+      "integrity": "sha512-BgZuLUSeKzvlL/VUjx/Yb787VQ26RU3gGjA3iiFvdsp/2bMfVIWUVP7tjxtjS0e+HP409cPlPvNkQloz8C91ew==",
+      "dev": true,
+      "requires": {}
+    },
+    "eslint-plugin-prettier": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-4.0.0.tgz",
+      "integrity": "sha512-98MqmCJ7vJodoQK359bqQWaxOE0CS8paAz/GgjaZLyex4TTk3g9HugoO89EqWCrFiOqn9EVvcoo7gZzONCWVwQ==",
       "dev": true,
       "requires": {
-        "loader-fs-cache": "^1.0.0",
-        "loader-utils": "^1.0.2",
-        "object-assign": "^4.0.1",
-        "object-hash": "^1.1.4",
-        "rimraf": "^2.6.1"
+        "prettier-linter-helpers": "^1.0.0"
       }
     },
     "eslint-plugin-vue": {
-      "version": "7.20.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-7.20.0.tgz",
-      "integrity": "sha512-oVNDqzBC9h3GO+NTgWeLMhhGigy6/bQaQbHS+0z7C4YEu/qK/yxHvca/2PTZtGNPsCrHwOTgKMrwu02A9iPBmw==",
+      "version": "8.2.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-8.2.0.tgz",
+      "integrity": "sha512-cLIdTuOAMXyHeQ4drYKcZfoyzdwdBpH279X8/N0DgmotEI9yFKb5O/cAgoie/CkQZCH/MOmh0xw/KEfS90zY2A==",
       "dev": true,
       "requires": {
-        "eslint-utils": "^2.1.0",
+        "eslint-utils": "^3.0.0",
         "natural-compare": "^1.4.0",
-        "semver": "^6.3.0",
-        "vue-eslint-parser": "^7.10.0"
-      },
-      "dependencies": {
-        "eslint-utils": {
-          "version": "2.1.0",
-          "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-2.1.0.tgz",
-          "integrity": "sha512-w94dQYoauyvlDc43XnGB8lU3Zt713vNChgt4EWwhXAP2XkBvndfxF0AgIqKOOasjPIPzj9JqgwkwbCYD0/V3Zg==",
-          "dev": true,
-          "requires": {
-            "eslint-visitor-keys": "^1.1.0"
-          }
-        }
+        "semver": "^7.3.5",
+        "vue-eslint-parser": "^8.0.1"
       }
     },
     "eslint-scope": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
-      "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-6.0.0.tgz",
+      "integrity": "sha512-uRDL9MWmQCkaFus8RF5K9/L/2fn+80yoW3jkD53l4shjCh26fCtvJGasxjUqP5OT87SYTxCVA3BwTUzuELx9kA==",
       "dev": true,
       "requires": {
         "esrecurse": "^4.3.0",
-        "estraverse": "^4.1.1"
+        "estraverse": "^5.2.0"
+      },
+      "dependencies": {
+        "estraverse": {
+          "version": "5.3.0",
+          "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+          "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+          "dev": true
+        }
       }
     },
     "eslint-utils": {
-      "version": "1.4.3",
-      "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-1.4.3.tgz",
-      "integrity": "sha512-fbBN5W2xdY45KulGXmLHZ3c3FHfVYmKg0IrAKGOkT/464PQsx2UeIzfz1RmEci+KLm1bBaAzZAh8+/E+XAeZ8Q==",
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-3.0.0.tgz",
+      "integrity": "sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==",
       "dev": true,
       "requires": {
-        "eslint-visitor-keys": "^1.1.0"
+        "eslint-visitor-keys": "^2.0.0"
+      },
+      "dependencies": {
+        "eslint-visitor-keys": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz",
+          "integrity": "sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==",
+          "dev": true
+        }
       }
     },
     "eslint-visitor-keys": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
-      "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.1.0.tgz",
+      "integrity": "sha512-yWJFpu4DtjsWKkt5GeNBBuZMlNcYVs6vRCLoCVEJrTjaSB6LC98gFipNK/erM2Heg/E8mIK+hXG/pJMLK+eRZA==",
       "dev": true
     },
     "esm": {
@@ -26845,14 +26925,14 @@
       "optional": true
     },
     "espree": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/espree/-/espree-6.2.1.tgz",
-      "integrity": "sha512-ysCxRQY3WaXJz9tdbWOwuWr5Y/XrPTGX9Kiz3yoUXwW0VZ4w30HTkQLaGx/+ttFjF8i+ACbArnB4ce68a9m5hw==",
+      "version": "9.2.0",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-9.2.0.tgz",
+      "integrity": "sha512-oP3utRkynpZWF/F2x/HZJ+AGtnIclaR7z1pYPxy7NYM2fSO6LgK/Rkny8anRSPK/VwEA1eqm2squui0T7ZMOBg==",
       "dev": true,
       "requires": {
-        "acorn": "^7.1.1",
-        "acorn-jsx": "^5.2.0",
-        "eslint-visitor-keys": "^1.1.0"
+        "acorn": "^8.6.0",
+        "acorn-jsx": "^5.3.1",
+        "eslint-visitor-keys": "^3.1.0"
       }
     },
     "esprima": {
@@ -27168,17 +27248,6 @@
         "is-extendable": "^0.1.0"
       }
     },
-    "external-editor": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/external-editor/-/external-editor-3.1.0.tgz",
-      "integrity": "sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==",
-      "dev": true,
-      "requires": {
-        "chardet": "^0.7.0",
-        "iconv-lite": "^0.4.24",
-        "tmp": "^0.0.33"
-      }
-    },
     "extglob": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz",
@@ -27228,6 +27297,12 @@
       "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
       "dev": true
     },
+    "fast-diff": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.2.0.tgz",
+      "integrity": "sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==",
+      "dev": true
+    },
     "fast-glob": {
       "version": "2.2.7",
       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-2.2.7.tgz",
@@ -27278,22 +27353,13 @@
       "integrity": "sha512-0btnI/H8f2pavGMN8w40mlSKOfTK2SVJmBfBeVIj3kNw0swwgzyRq0d5TJVOwodFmtvpPeWPN/MCcfuWF0Ezbw==",
       "dev": true
     },
-    "figures": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/figures/-/figures-3.2.0.tgz",
-      "integrity": "sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==",
-      "dev": true,
-      "requires": {
-        "escape-string-regexp": "^1.0.5"
-      }
-    },
     "file-entry-cache": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-5.0.1.tgz",
-      "integrity": "sha512-bCg29ictuBaKUwwArK4ouCaqDgLZcysCFLmM/Yn/FDoqndh/9vNuQfXRDvTuXKLxfD/JtZQGKFT8MGcJBK644g==",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
+      "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
       "dev": true,
       "requires": {
-        "flat-cache": "^2.0.1"
+        "flat-cache": "^3.0.4"
       }
     },
     "file-loader": {
@@ -27487,20 +27553,19 @@
       "dev": true
     },
     "flat-cache": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-2.0.1.tgz",
-      "integrity": "sha512-LoQe6yDuUMDzQAEH8sgmh4Md6oZnc/7PjtwjNFSzveXqSHt6ka9fPBuso7IGf9Rz4uqnSnWiFH2B/zj24a5ReA==",
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz",
+      "integrity": "sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==",
       "dev": true,
       "requires": {
-        "flatted": "^2.0.0",
-        "rimraf": "2.6.3",
-        "write": "1.0.3"
+        "flatted": "^3.1.0",
+        "rimraf": "^3.0.2"
       },
       "dependencies": {
         "rimraf": {
-          "version": "2.6.3",
-          "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz",
-          "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==",
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+          "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
           "dev": true,
           "requires": {
             "glob": "^7.1.3"
@@ -27509,9 +27574,9 @@
       }
     },
     "flatted": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/flatted/-/flatted-2.0.2.tgz",
-      "integrity": "sha512-r5wGx7YeOwNWNlCA0wQ86zKyDLMQr+/RB8xy74M4hTphfmjlijTSSXGuH8rnvKZnfT9i+75zmd8jcKdMR4O6jA==",
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.4.tgz",
+      "integrity": "sha512-8/sOawo8tJ4QOBX8YlQBMxL8+RLZfxMQOif9o0KUKTNTjMYElWPE0r/m5VNFxTRd0NSw8qSy8dajrwX4RYI1Hw==",
       "dev": true
     },
     "flush-write-stream": {
@@ -29111,78 +29176,6 @@
       "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
       "dev": true
     },
-    "inquirer": {
-      "version": "7.3.3",
-      "resolved": "https://registry.npmjs.org/inquirer/-/inquirer-7.3.3.tgz",
-      "integrity": "sha512-JG3eIAj5V9CwcGvuOmoo6LB9kbAYT8HXffUl6memuszlwDC/qvFAJw49XJ5NROSFNPxp3iQg1GqkFhaY/CR0IA==",
-      "dev": true,
-      "requires": {
-        "ansi-escapes": "^4.2.1",
-        "chalk": "^4.1.0",
-        "cli-cursor": "^3.1.0",
-        "cli-width": "^3.0.0",
-        "external-editor": "^3.0.3",
-        "figures": "^3.0.0",
-        "lodash": "^4.17.19",
-        "mute-stream": "0.0.8",
-        "run-async": "^2.4.0",
-        "rxjs": "^6.6.0",
-        "string-width": "^4.1.0",
-        "strip-ansi": "^6.0.0",
-        "through": "^2.3.6"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "dev": true,
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "chalk": {
-          "version": "4.1.2",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-          "dev": true,
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "dev": true,
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "color-name": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-          "dev": true
-        },
-        "has-flag": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-          "dev": true
-        },
-        "supports-color": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-          "dev": true,
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
-        }
-      }
-    },
     "internal-ip": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/internal-ip/-/internal-ip-4.3.0.tgz",
@@ -29341,15 +29334,6 @@
       "integrity": "sha512-nsuwtxZfMX67Oryl9LCQ+upnC0Z0BgpwntpS89m1H/TLF0zNfzfLMV/9Wa/6MZsj0acpEjAO0KF1xT6ZdLl95w==",
       "dev": true
     },
-    "is-ci": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/is-ci/-/is-ci-1.2.1.tgz",
-      "integrity": "sha512-s6tfsaQaQi3JNciBH6shVqEDvhGut0SUXr31ag8Pd8BBbVVlcGfWhpPmEOoM6RJ5TFhbypvf5yyRw/VXW1IiWg==",
-      "dev": true,
-      "requires": {
-        "ci-info": "^1.5.0"
-      }
-    },
     "is-color-stop": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/is-color-stop/-/is-color-stop-1.1.0.tgz",
@@ -29983,57 +29967,6 @@
         }
       }
     },
-    "loader-fs-cache": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/loader-fs-cache/-/loader-fs-cache-1.0.3.tgz",
-      "integrity": "sha512-ldcgZpjNJj71n+2Mf6yetz+c9bM4xpKtNds4LbqXzU/PTdeAX0g3ytnU1AJMEcTk2Lex4Smpe3Q/eCTsvUBxbA==",
-      "dev": true,
-      "requires": {
-        "find-cache-dir": "^0.1.1",
-        "mkdirp": "^0.5.1"
-      },
-      "dependencies": {
-        "find-cache-dir": {
-          "version": "0.1.1",
-          "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-0.1.1.tgz",
-          "integrity": "sha1-yN765XyKUqinhPnjHFfHQumToLk=",
-          "dev": true,
-          "requires": {
-            "commondir": "^1.0.1",
-            "mkdirp": "^0.5.1",
-            "pkg-dir": "^1.0.0"
-          }
-        },
-        "find-up": {
-          "version": "1.1.2",
-          "resolved": "https://registry.npmjs.org/find-up/-/find-up-1.1.2.tgz",
-          "integrity": "sha1-ay6YIrGizgpgq2TWEOzK1TyyTQ8=",
-          "dev": true,
-          "requires": {
-            "path-exists": "^2.0.0",
-            "pinkie-promise": "^2.0.0"
-          }
-        },
-        "path-exists": {
-          "version": "2.1.0",
-          "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-2.1.0.tgz",
-          "integrity": "sha1-D+tsZPD8UY2adU3V77YscCJ2H0s=",
-          "dev": true,
-          "requires": {
-            "pinkie-promise": "^2.0.0"
-          }
-        },
-        "pkg-dir": {
-          "version": "1.0.0",
-          "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-1.0.0.tgz",
-          "integrity": "sha1-ektQio1bstYp1EcFb/TpyTFM89Q=",
-          "dev": true,
-          "requires": {
-            "find-up": "^1.0.0"
-          }
-        }
-      }
-    },
     "loader-runner": {
       "version": "2.4.0",
       "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-2.4.0.tgz",
@@ -30215,6 +30148,12 @@
       "integrity": "sha1-vMbEmkKihA7Zl/Mj6tpezRguC/4=",
       "dev": true
     },
+    "lodash.merge": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+      "dev": true
+    },
     "lodash.pairs": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/lodash.pairs/-/lodash.pairs-3.0.1.tgz",
@@ -30278,6 +30217,14 @@
       "dev": true,
       "requires": {
         "semver": "^6.0.0"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+          "dev": true
+        }
       }
     },
     "make-iterator": {
@@ -30553,9 +30500,9 @@
       }
     },
     "mimic-fn": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
-      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-1.2.0.tgz",
+      "integrity": "sha512-jf84uxzwiuiIVKiOLpfYk7N46TSy8ubTonmneY9vrpHNAnp0QBt2BxWV9dO3/j+BoVAb+a5G6YDPW3M5HOdMWQ==",
       "dev": true
     },
     "mimic-response": {
@@ -30817,12 +30764,6 @@
       "integrity": "sha512-kDcwXR4PS7caBpuRYYBUz9iVixUk3anO3f5OYFiIPwK/20vCzKCHyKoulbiDY1S53zD2bxUpxN/IJ+TnXjfvxg==",
       "dev": true
     },
-    "mute-stream": {
-      "version": "0.0.8",
-      "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-0.0.8.tgz",
-      "integrity": "sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==",
-      "dev": true
-    },
     "mz": {
       "version": "2.7.0",
       "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
@@ -30992,15 +30933,6 @@
         "which": "^2.0.2"
       },
       "dependencies": {
-        "lru-cache": {
-          "version": "6.0.0",
-          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-          "dev": true,
-          "requires": {
-            "yallist": "^4.0.0"
-          }
-        },
         "rimraf": {
           "version": "3.0.2",
           "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
@@ -31010,15 +30942,6 @@
             "glob": "^7.1.3"
           }
         },
-        "semver": {
-          "version": "7.3.5",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
-          "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
-          "dev": true,
-          "requires": {
-            "lru-cache": "^6.0.0"
-          }
-        },
         "which": {
           "version": "2.0.2",
           "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
@@ -31027,12 +30950,6 @@
           "requires": {
             "isexe": "^2.0.0"
           }
-        },
-        "yallist": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-          "dev": true
         }
       }
     },
@@ -31228,32 +31145,6 @@
         "is-core-module": "^2.5.0",
         "semver": "^7.3.4",
         "validate-npm-package-license": "^3.0.1"
-      },
-      "dependencies": {
-        "lru-cache": {
-          "version": "6.0.0",
-          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-          "dev": true,
-          "requires": {
-            "yallist": "^4.0.0"
-          }
-        },
-        "semver": {
-          "version": "7.3.5",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
-          "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
-          "dev": true,
-          "requires": {
-            "lru-cache": "^6.0.0"
-          }
-        },
-        "yallist": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-          "dev": true
-        }
       }
     },
     "normalize-path": {
@@ -31402,12 +31293,6 @@
         }
       }
     },
-    "object-hash": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-1.3.1.tgz",
-      "integrity": "sha512-OSuu/pU4ENM9kmREg0BdNrUDIl1heYa4mBZacJc+vVWz4GtAwu7jO8s4AIt2aGRUTqxykpWzI3Oqnsm13tTMDA==",
-      "dev": true
-    },
     "object-inspect": {
       "version": "1.12.0",
       "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.0.tgz",
@@ -31569,12 +31454,12 @@
       }
     },
     "onetime": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
-      "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/onetime/-/onetime-2.0.1.tgz",
+      "integrity": "sha1-BnQoIw/WdEOyeUsiu6UotoZ5YtQ=",
       "dev": true,
       "requires": {
-        "mimic-fn": "^2.1.0"
+        "mimic-fn": "^1.0.0"
       }
     },
     "open": {
@@ -31650,40 +31535,6 @@
           "integrity": "sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==",
           "dev": true
         },
-        "cli-cursor": {
-          "version": "2.1.0",
-          "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-2.1.0.tgz",
-          "integrity": "sha1-s12sN2R5+sw+lHR9QdDQ9SOP/LU=",
-          "dev": true,
-          "requires": {
-            "restore-cursor": "^2.0.0"
-          }
-        },
-        "mimic-fn": {
-          "version": "1.2.0",
-          "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-1.2.0.tgz",
-          "integrity": "sha512-jf84uxzwiuiIVKiOLpfYk7N46TSy8ubTonmneY9vrpHNAnp0QBt2BxWV9dO3/j+BoVAb+a5G6YDPW3M5HOdMWQ==",
-          "dev": true
-        },
-        "onetime": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/onetime/-/onetime-2.0.1.tgz",
-          "integrity": "sha1-BnQoIw/WdEOyeUsiu6UotoZ5YtQ=",
-          "dev": true,
-          "requires": {
-            "mimic-fn": "^1.0.0"
-          }
-        },
-        "restore-cursor": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-2.0.0.tgz",
-          "integrity": "sha1-n37ih/gv0ybU/RYpI9YhKe7g368=",
-          "dev": true,
-          "requires": {
-            "onetime": "^2.0.0",
-            "signal-exit": "^3.0.2"
-          }
-        },
         "strip-ansi": {
           "version": "5.2.0",
           "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
@@ -32364,24 +32215,6 @@
           "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
           "dev": true
         },
-        "lru-cache": {
-          "version": "6.0.0",
-          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-          "dev": true,
-          "requires": {
-            "yallist": "^4.0.0"
-          }
-        },
-        "semver": {
-          "version": "7.3.5",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
-          "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
-          "dev": true,
-          "requires": {
-            "lru-cache": "^6.0.0"
-          }
-        },
         "supports-color": {
           "version": "7.2.0",
           "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
@@ -32390,12 +32223,6 @@
           "requires": {
             "has-flag": "^4.0.0"
           }
-        },
-        "yallist": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-          "dev": true
         }
       }
     },
@@ -33101,8 +32928,16 @@
       "version": "2.5.1",
       "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.5.1.tgz",
       "integrity": "sha512-vBZcPRUR5MZJwoyi3ZoyQlc1rXeEck8KgeC9AwwOn+exuxLxq5toTRDTSaVrXHxelDMHy9zlicw8u66yxoSUFg==",
+      "dev": true
+    },
+    "prettier-linter-helpers": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz",
+      "integrity": "sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==",
       "dev": true,
-      "optional": true
+      "requires": {
+        "fast-diff": "^1.1.2"
+      }
     },
     "pretty-error": {
       "version": "2.1.2",
@@ -33557,9 +33392,9 @@
       }
     },
     "regexpp": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-2.0.1.tgz",
-      "integrity": "sha512-lv0M6+TkDVniA3aD1Eg0DVpfU/booSu7Eev3TDO/mZKHBfVjgCGTV4t4buppESEYDtkArYFOxTJWv6S5C+iaNw==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-3.2.0.tgz",
+      "integrity": "sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==",
       "dev": true
     },
     "regexpu-core": {
@@ -33791,12 +33626,12 @@
       "integrity": "sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo="
     },
     "restore-cursor": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz",
-      "integrity": "sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==",
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-2.0.0.tgz",
+      "integrity": "sha1-n37ih/gv0ybU/RYpI9YhKe7g368=",
       "dev": true,
       "requires": {
-        "onetime": "^5.1.0",
+        "onetime": "^2.0.0",
         "signal-exit": "^3.0.2"
       }
     },
@@ -33848,12 +33683,6 @@
         "inherits": "^2.0.1"
       }
     },
-    "run-async": {
-      "version": "2.4.1",
-      "resolved": "https://registry.npmjs.org/run-async/-/run-async-2.4.1.tgz",
-      "integrity": "sha512-tvVnVv01b8c1RrA6Ep7JkStj85Guv/YrMcwqYQnwjsAS2cTmmPGBBjAjpCW7RrSodNSoE2/qg9O4bceNvUuDgQ==",
-      "dev": true
-    },
     "run-parallel": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
@@ -33877,23 +33706,6 @@
       "resolved": "https://registry.npmjs.org/rw/-/rw-1.3.3.tgz",
       "integrity": "sha1-P4Yt+pGrdmsUiF700BEkv9oHT7Q="
     },
-    "rxjs": {
-      "version": "6.6.7",
-      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.6.7.tgz",
-      "integrity": "sha512-hTdwr+7yYNIT5n4AMYp85KA6yw2Va0FLa3Rguvbpa4W3I5xynaBZo41cM3XM+4Q6fRMj3sBYIR1VAmZMXYJvRQ==",
-      "dev": true,
-      "requires": {
-        "tslib": "^1.9.0"
-      },
-      "dependencies": {
-        "tslib": {
-          "version": "1.14.1",
-          "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
-          "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
-          "dev": true
-        }
-      }
-    },
     "safe-buffer": {
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
@@ -33931,12 +33743,6 @@
           "integrity": "sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==",
           "dev": true
         },
-        "camelcase": {
-          "version": "5.3.1",
-          "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
-          "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
-          "dev": true
-        },
         "cliui": {
           "version": "5.0.0",
           "resolved": "https://registry.npmjs.org/cliui/-/cliui-5.0.0.tgz",
@@ -34091,15 +33897,6 @@
             "json5": "^2.1.2"
           }
         },
-        "lru-cache": {
-          "version": "6.0.0",
-          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-          "dev": true,
-          "requires": {
-            "yallist": "^4.0.0"
-          }
-        },
         "schema-utils": {
           "version": "3.1.1",
           "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.1.tgz",
@@ -34110,21 +33907,6 @@
             "ajv": "^6.12.5",
             "ajv-keywords": "^3.5.2"
           }
-        },
-        "semver": {
-          "version": "7.3.5",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
-          "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
-          "dev": true,
-          "requires": {
-            "lru-cache": "^6.0.0"
-          }
-        },
-        "yallist": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-          "dev": true
         }
       }
     },
@@ -34192,10 +33974,30 @@
       }
     },
     "semver": {
-      "version": "6.3.0",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-      "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
-      "dev": true
+      "version": "7.3.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
+      "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
+      "dev": true,
+      "requires": {
+        "lru-cache": "^6.0.0"
+      },
+      "dependencies": {
+        "lru-cache": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+          "dev": true,
+          "requires": {
+            "yallist": "^4.0.0"
+          }
+        },
+        "yallist": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+          "dev": true
+        }
+      }
     },
     "semver-greatest-satisfied-range": {
       "version": "1.1.0",
@@ -34456,25 +34258,6 @@
       "integrity": "sha512-ZYKh3Wh2z1PpEXWr0MpSBZ0V6mZHAQfYevttO11c51CaWjGTaadiKZ+wVt1PbMlDV5qhMFslpZCemhwOK7C89A==",
       "dev": true
     },
-    "slice-ansi": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-2.1.0.tgz",
-      "integrity": "sha512-Qu+VC3EwYLldKa1fCxuuvULvSJOKEgk9pi8dZeCVK7TqBfUNTH4sFkk4joj8afVSfAYgJoSOetjx9QWOJ5mYoQ==",
-      "dev": true,
-      "requires": {
-        "ansi-styles": "^3.2.0",
-        "astral-regex": "^1.0.0",
-        "is-fullwidth-code-point": "^2.0.0"
-      },
-      "dependencies": {
-        "is-fullwidth-code-point": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
-          "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
-          "dev": true
-        }
-      }
-    },
     "snapdragon": {
       "version": "0.8.2",
       "resolved": "https://registry.npmjs.org/snapdragon/-/snapdragon-0.8.2.tgz",
@@ -35414,58 +35197,6 @@
       "integrity": "sha512-wNz6lCoj+99GMoyU7SozTfPqiLHz6WcJYZ30Z+F4lF/gPtxWHBCpZ4DhoDI0+oZ0dObKyYsJdSPGbL2mJq/qCg==",
       "dev": true
     },
-    "table": {
-      "version": "5.4.6",
-      "resolved": "https://registry.npmjs.org/table/-/table-5.4.6.tgz",
-      "integrity": "sha512-wmEc8m4fjnob4gt5riFRtTu/6+4rSe12TpAELNSqHMfF3IqnA+CH37USM6/YR3qRZv7e56kAEAtd6nKZaxe0Ug==",
-      "dev": true,
-      "requires": {
-        "ajv": "^6.10.2",
-        "lodash": "^4.17.14",
-        "slice-ansi": "^2.1.0",
-        "string-width": "^3.0.0"
-      },
-      "dependencies": {
-        "ansi-regex": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.0.tgz",
-          "integrity": "sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==",
-          "dev": true
-        },
-        "emoji-regex": {
-          "version": "7.0.3",
-          "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz",
-          "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==",
-          "dev": true
-        },
-        "is-fullwidth-code-point": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
-          "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
-          "dev": true
-        },
-        "string-width": {
-          "version": "3.1.0",
-          "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz",
-          "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==",
-          "dev": true,
-          "requires": {
-            "emoji-regex": "^7.0.1",
-            "is-fullwidth-code-point": "^2.0.0",
-            "strip-ansi": "^5.1.0"
-          }
-        },
-        "strip-ansi": {
-          "version": "5.2.0",
-          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
-          "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
-          "dev": true,
-          "requires": {
-            "ansi-regex": "^4.1.0"
-          }
-        }
-      }
-    },
     "tapable": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/tapable/-/tapable-1.1.3.tgz",
@@ -35807,15 +35538,6 @@
         "esm": "^3.2.25"
       }
     },
-    "tmp": {
-      "version": "0.0.33",
-      "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz",
-      "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==",
-      "dev": true,
-      "requires": {
-        "os-tmpdir": "~1.0.2"
-      }
-    },
     "to-absolute-glob": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/to-absolute-glob/-/to-absolute-glob-2.0.2.tgz",
@@ -36097,12 +35819,6 @@
         "prelude-ls": "~1.1.2"
       }
     },
-    "type-fest": {
-      "version": "0.21.3",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz",
-      "integrity": "sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==",
-      "dev": true
-    },
     "type-is": {
       "version": "1.6.18",
       "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
@@ -36657,18 +36373,18 @@
       }
     },
     "vue-eslint-parser": {
-      "version": "7.11.0",
-      "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-7.11.0.tgz",
-      "integrity": "sha512-qh3VhDLeh773wjgNTl7ss0VejY9bMMa0GoDG2fQVyDzRFdiU3L7fw74tWZDHNQXdZqxO3EveQroa9ct39D2nqg==",
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-8.0.1.tgz",
+      "integrity": "sha512-lhWjDXJhe3UZw2uu3ztX51SJAPGPey1Tff2RK3TyZURwbuI4vximQLzz4nQfCv8CZq4xx7uIiogHMMoSJPr33A==",
       "dev": true,
       "requires": {
-        "debug": "^4.1.1",
-        "eslint-scope": "^5.1.1",
-        "eslint-visitor-keys": "^1.1.0",
-        "espree": "^6.2.1",
+        "debug": "^4.3.2",
+        "eslint-scope": "^6.0.0",
+        "eslint-visitor-keys": "^3.0.0",
+        "espree": "^9.0.0",
         "esquery": "^1.4.0",
         "lodash": "^4.17.21",
-        "semver": "^6.3.0"
+        "semver": "^7.3.5"
       }
     },
     "vue-functional-data-merge": {
@@ -37120,6 +36836,12 @@
         "ws": "^6.0.0"
       },
       "dependencies": {
+        "acorn": {
+          "version": "7.4.1",
+          "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
+          "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
+          "dev": true
+        },
         "commander": {
           "version": "2.20.3",
           "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
@@ -37215,12 +36937,6 @@
           "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
           "dev": true
         },
-        "camelcase": {
-          "version": "5.3.1",
-          "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
-          "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
-          "dev": true
-        },
         "cliui": {
           "version": "5.0.0",
           "resolved": "https://registry.npmjs.org/cliui/-/cliui-5.0.0.tgz",
@@ -37330,6 +37046,12 @@
             "ajv-keywords": "^3.1.0"
           }
         },
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+          "dev": true
+        },
         "string-width": {
           "version": "3.1.0",
           "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz",
@@ -37621,15 +37343,6 @@
       "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=",
       "dev": true
     },
-    "write": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/write/-/write-1.0.3.tgz",
-      "integrity": "sha512-/lg70HAjtkUgWPVZhZcm+T4hkL8Zbtp1nFNOn3lRrxnlv50SRBv7cR7RqR+GMsd3hUXy9hWBo4CHTbFTcOYwig==",
-      "dev": true,
-      "requires": {
-        "mkdirp": "^0.5.1"
-      }
-    },
     "ws": {
       "version": "8.2.3",
       "resolved": "https://registry.npmjs.org/ws/-/ws-8.2.3.tgz",
@@ -37764,80 +37477,6 @@
       "resolved": "https://registry.npmjs.org/yeast/-/yeast-0.1.2.tgz",
       "integrity": "sha1-AI4G2AlDIMNy28L47XagymyKxBk="
     },
-    "yorkie": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/yorkie/-/yorkie-2.0.0.tgz",
-      "integrity": "sha512-jcKpkthap6x63MB4TxwCyuIGkV0oYP/YRyuQU5UO0Yz/E/ZAu+653/uov+phdmO54n6BcvFRyyt0RRrWdN2mpw==",
-      "dev": true,
-      "requires": {
-        "execa": "^0.8.0",
-        "is-ci": "^1.0.10",
-        "normalize-path": "^1.0.0",
-        "strip-indent": "^2.0.0"
-      },
-      "dependencies": {
-        "cross-spawn": {
-          "version": "5.1.0",
-          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-5.1.0.tgz",
-          "integrity": "sha1-6L0O/uWPz/b4+UUQoKVUu/ojVEk=",
-          "dev": true,
-          "requires": {
-            "lru-cache": "^4.0.1",
-            "shebang-command": "^1.2.0",
-            "which": "^1.2.9"
-          }
-        },
-        "execa": {
-          "version": "0.8.0",
-          "resolved": "https://registry.npmjs.org/execa/-/execa-0.8.0.tgz",
-          "integrity": "sha1-2NdrvBtVIX7RkP1t1J08d07PyNo=",
-          "dev": true,
-          "requires": {
-            "cross-spawn": "^5.0.1",
-            "get-stream": "^3.0.0",
-            "is-stream": "^1.1.0",
-            "npm-run-path": "^2.0.0",
-            "p-finally": "^1.0.0",
-            "signal-exit": "^3.0.0",
-            "strip-eof": "^1.0.0"
-          }
-        },
-        "get-stream": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-3.0.0.tgz",
-          "integrity": "sha1-jpQ9E1jcN1VQVOy+LtsFqhdO3hQ=",
-          "dev": true
-        },
-        "lru-cache": {
-          "version": "4.1.5",
-          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz",
-          "integrity": "sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==",
-          "dev": true,
-          "requires": {
-            "pseudomap": "^1.0.2",
-            "yallist": "^2.1.2"
-          }
-        },
-        "normalize-path": {
-          "version": "1.0.0",
-          "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-1.0.0.tgz",
-          "integrity": "sha1-MtDkcvkf80VwHBWoMRAY07CpA3k=",
-          "dev": true
-        },
-        "strip-indent": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-2.0.0.tgz",
-          "integrity": "sha1-XvjbKV0B5u1sv3qrlpmNeCJSe2g=",
-          "dev": true
-        },
-        "yallist": {
-          "version": "2.1.2",
-          "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz",
-          "integrity": "sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI=",
-          "dev": true
-        }
-      }
-    },
     "zip-stream": {
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/zip-stream/-/zip-stream-2.1.3.tgz",
diff --git a/package.json b/package.json
index e2764850..e79b7780 100644
--- a/package.json
+++ b/package.json
@@ -1,95 +1,98 @@
 {
-  "name": "ets2-dashboard-skin",
-  "version": "1.6.7",
-  "private": false,
-  "description": "Euro Truck Simulator 2 dashboard",
-  "author": {
-    "name": "Emmanuel SMITH",
-    "email": "hey@emmanuel-smith.me",
-    "url": "https://emmanuel-smith.me"
-  },
-  "scripts": {
-    "lint": "vue-cli-service lint src",
-    "lint:no-fix": "vue-cli-service lint --no-fix src",
-    "build": "set NODE_ENV=production && npx gulp build",
-    "bundle": "set NODE_ENV=production && npx gulp bundle",
-    "bAndB": "npx gulp bAndB",
-    "start": "npm run server:start",
-    "dashboard:dev": "vue-cli-service serve",
-    "dashboard:build": "vue-cli-service build",
-    "dashboard:start": "http-server dist/",
-    "dashboard:i18n-extract": "vue-i18n-extract report --vueFiles './src/**/*.?(js|vue)' --languageFiles './src/translations/*.?(yml|yaml)' --add",
-    "server:install": "cd server && npm i && npm rb",
-    "server:build": "cd server && set NODE_ENV=production && npx gulp",
-    "server:start": "cd servers/default && npm start",
-    "server:dev": "cd servers/dev && npm start",
-    "tiles:serv": "http-server ./maps -p 8081 --cors -s",
-    "font:build": "npx gulp build:font",
-    "commitSince": "git log --pretty=\"%h - %s (%an)\" v1.4.0-beta.0..HEAD"
-  },
-  "main": "index.js",
-  "dependencies": {
-    "@fortawesome/fontawesome-free": "^5.15.4",
-    "axios": "^0.21.1",
-    "bootstrap": "^4.6.0",
-    "bootstrap-vue": "^2.21.2",
-    "core-js": "^3.16.4",
-    "country-list": "^2.2.0",
-    "emoji-flag": "^1.1.0",
-    "emoji-flags": "~1.3.0",
-    "ets2-dashboard-lib": "file:lib",
-    "file-saver": "~2.0.2",
-    "file-server": "^2.1.0",
-    "http-server": "^13.0.2",
-    "jquery": "^3.6.0",
-    "json-query": "^2.2.2",
-    "lodash": "~4.17.20",
-    "moment": "^2.29.1",
-    "moment-timezone": "^0.5.33",
-    "ol": "^6.5.0",
-    "socket.io-client": "^4.2.0",
-    "units-converter": "^1.0.3",
-    "vue": "^2.6.14",
-    "vue-clipboard2": "^0.3.1",
-    "vue-insomnia": "^0.1.0",
-    "vue-progressbar": "^0.7.5",
-    "vuex": "^3.6.2",
-    "yaml-loader": "^0.6.0"
-  },
-  "devDependencies": {
-    "@vue/cli-plugin-babel": "^4.5.8",
-    "@vue/cli-plugin-eslint": "^4.5.8",
-    "@vue/cli-service": "^4.5.13",
-    "babel-eslint": "^10.1.0",
-    "bourbon": "~7.0.0",
-    "eslint": "^6.8.0",
-    "eslint-plugin-vue": "^7.17.0",
-    "fs-extra": "^10.0.0",
-    "gulp": "~4.0.2",
-    "gulp-gzip": "~1.4.2",
-    "gulp-load-plugins": "~2.0.5",
-    "gulp-run-command": "0.0.10",
-    "gulp-tar": "~3.1.0",
-    "icon-font-generator": "^2.1.11",
-    "node-sass": "^6.0.1",
-    "pkg": "^5.3.1",
-    "sass-loader": "^10.0.5",
-    "vue-i18n-extract": "^2.0.4",
-    "vue-template-compiler": "^2.6.14"
-  },
-  "bugs": {
-    "url": "https://github.com/JAGFx/ets2-dashboard-skin/issues"
-  },
-  "homepage": "https://jagfx.github.io/ets2-dashboard-skin/",
-  "keywords": [
-    "ets2",
-    "eurotrucksimulator2",
-    "dashboard",
-    "telemetry"
-  ],
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/JAGFx/ets2-dashboard-skin.git"
-  }
+	"name" :            "ets2-dashboard-skin",
+	"version" :         "1.6.7",
+	"private" :         false,
+	"description" :     "Euro Truck Simulator 2 dashboard",
+	"author" :          {
+		"name" :  "Emmanuel SMITH",
+		"email" : "hey@emmanuel-smith.me",
+		"url" :   "https://emmanuel-smith.me"
+	},
+	"scripts" :         {
+		"lint" :                   "npx eslint src lib servers --ext .js,.vue",
+		"lint:fix" :               "npx eslint src lib servers --ext .js,.vue --fix",
+		"codestyle:fix" :          "npx prettier --config .prettierrc src/**/*.{js,vue} lib/**/*.js --write",
+		"ci" :                     "npm run lint && npm run codestyle:fix",
+		"build" :                  "set NODE_ENV=production && npx gulp build",
+		"bundle" :                 "set NODE_ENV=production && npx gulp bundle",
+		"bAndB" :                  "npx gulp bAndB",
+		"start" :                  "npm run server:start",
+		"dashboard:dev" :          "vue-cli-service serve --modern",
+		"dashboard:build" :        "vue-cli-service build",
+		"dashboard:start" :        "http-server dist/",
+		"dashboard:i18n-extract" : "vue-i18n-extract report --vueFiles './src/**/*.?(js|vue)' --languageFiles './src/translations/*.?(yml|yaml)' --add",
+		"server:install" :         "cd server && npm i && npm rb",
+		"server:build" :           "cd server && set NODE_ENV=production && npx gulp",
+		"server:start" :           "cd servers/default && npm start",
+		"server:dev" :             "cd servers/dev && npm start",
+		"tiles:serv" :             "http-server ./maps -p 8081 --cors -s",
+		"font:build" :             "npx gulp build:font",
+		"commitSince" :            "git log --pretty=\"%h - %s (%an)\" v1.4.0-beta.0..HEAD"
+	},
+	"main" :            "index.js",
+	"dependencies" :    {
+		"@fortawesome/fontawesome-free" : "^5.15.4",
+		"axios" :                         "^0.21.1",
+		"bootstrap" :                     "^4.6.0",
+		"bootstrap-vue" :                 "^2.21.2",
+		"core-js" :                       "^3.16.4",
+		"country-list" :                  "^2.2.0",
+		"emoji-flag" :                    "^1.1.0",
+		"emoji-flags" :                   "~1.3.0",
+		"ets2-dashboard-lib" :            "file:lib",
+		"file-saver" :                    "~2.0.2",
+		"file-server" :                   "^2.1.0",
+		"http-server" :                   "^13.0.2",
+		"jquery" :                        "^3.6.0",
+		"json-query" :                    "^2.2.2",
+		"lodash" :                        "~4.17.20",
+		"moment" :                        "^2.29.1",
+		"moment-timezone" :               "^0.5.33",
+		"ol" :                            "^6.5.0",
+		"socket.io-client" :              "^4.2.0",
+		"units-converter" :               "^1.0.3",
+		"vue" :                           "^2.6.14",
+		"vue-clipboard2" :                "^0.3.1",
+		"vue-insomnia" :                  "^0.1.0",
+		"vue-progressbar" :               "^0.7.5",
+		"vuex" :                          "^3.6.2",
+		"yaml-loader" :                   "^0.6.0"
+	},
+	"devDependencies" : {
+		"@vue/cli-plugin-babel" :  "^4.5.15",
+		"@vue/cli-service" :       "^4.5.15",
+		"bourbon" :                "~7.0.0",
+		"eslint" :                 "^8.5.0",
+		"eslint-config-prettier" : "^8.3.0",
+		"eslint-plugin-prettier" : "^4.0.0",
+		"eslint-plugin-vue" :      "^8.2.0",
+		"fs-extra" :               "^10.0.0",
+		"gulp" :                   "~4.0.2",
+		"gulp-gzip" :              "~1.4.2",
+		"gulp-load-plugins" :      "~2.0.5",
+		"gulp-run-command" :       "0.0.10",
+		"gulp-tar" :               "~3.1.0",
+		"icon-font-generator" :    "^2.1.11",
+		"node-sass" :              "^6.0.1",
+		"pkg" :                    "^5.3.1",
+		"prettier" :               "^2.5.1",
+		"sass-loader" :            "^10.0.5",
+		"vue-i18n-extract" :       "^2.0.4",
+		"vue-template-compiler" :  "^2.6.14"
+	},
+	"bugs" :            {
+		"url" : "https://github.com/JAGFx/ets2-dashboard-skin/issues"
+	},
+	"homepage" :        "https://jagfx.github.io/ets2-dashboard-skin/",
+	"keywords" :        [
+		"ets2",
+		"eurotrucksimulator2",
+		"dashboard",
+		"telemetry"
+	],
+	"license" :         "MIT",
+	"repository" :      {
+		"type" : "git",
+		"url" :  "https://github.com/JAGFx/ets2-dashboard-skin.git"
+	}
 }
diff --git a/postcss.config.js b/postcss.config.js
deleted file mode 100644
index 961986e2..00000000
--- a/postcss.config.js
+++ /dev/null
@@ -1,5 +0,0 @@
-module.exports = {
-  plugins: {
-    autoprefixer: {}
-  }
-}
diff --git a/servers/default/events/game.event.js b/servers/default/events/game.event.js
index 92849b14..c8527136 100644
--- a/servers/default/events/game.event.js
+++ b/servers/default/events/game.event.js
@@ -1,80 +1,71 @@
 import { currency, logIt } from 'ets2-dashboard-lib/utils.js';
 
-const log = ( eventName, rawData, text ) => {
-	text = 'Game | ' + text;
-	logIt( 'game.' + eventName, rawData, text );
+const log = (eventName, rawData, text) => {
+  text = 'Game | ' + text;
+  logIt('game.' + eventName, rawData, text);
 };
 
 export default (telemetry) => {
-	const eventNames = {
-		connected:    'connected',
-		disconnected: 'disconnected',
-		pause:        'pause',
-		fine:         'fine',
-		tollgate:     'tollgate',
-		ferry:        'ferry',
-		train:        'train',
-		refuelPayed:  'refuel-payed'
-	};
-	
-	
-	telemetry.game.on( eventNames.connected,
-		() => log( eventNames.connected, null, 'Connected' )
-	);
-	telemetry.game.on( eventNames.disconnected,
-		() => log( eventNames.disconnected, null, 'Disconnected' )
-	);
-	telemetry.game.on( eventNames.pause,
-		( paused ) => {
-			const text = paused ? 'Paused' : 'Unpaused';
-			const data = {
-				paused: paused
-			};
-			
-			log( eventNames.pause, data, text );
-		}
-	);
-	telemetry.game.on( eventNames.fine,
-		( fine ) => {
-			const text = `${ fine.offence.name }, ${ currency() }${ fine.amount.toLocaleString() } fine`;
-			const data = {
-				fine: fine
-			};
-			
-			log( eventNames.fine, data, text );
-		}
-	);
-	telemetry.game.on( eventNames.tollgate,
-		( tollgate ) => {
-			const text = `Toll paid ${ currency() }${ tollgate.amount.toLocaleString() }`;
-			const data = {
-				tollgate: tollgate
-			};
-			
-			log( eventNames.tollgate, data, text );
-		}
-	);
-	telemetry.game.on( eventNames.ferry,
-		( ferry ) => {
-			const text = `Ferry (${ ferry.source.name } -> ${ ferry.target.name })`;
-			const data = {
-				ferry: ferry
-			};
-			
-			log( eventNames.ferry, data, text );
-		}
-	);
-	telemetry.game.on( eventNames.train,
-		( train ) => {
-			const text = `Train (${ train.source.name } -> ${ train.target.name })`;
-			const data = {
-				train: train
-			};
-			
-			log( eventNames.train, data, text );
-		}
-	);
-	telemetry.game.on( eventNames.refuelPayed,
-		() => log( eventNames.refuelPayed, null, `Refueling payed` )
-	);
-};
\ No newline at end of file
+  const eventNames = {
+    connected: 'connected',
+    disconnected: 'disconnected',
+    pause: 'pause',
+    fine: 'fine',
+    tollgate: 'tollgate',
+    ferry: 'ferry',
+    train: 'train',
+    refuelPayed: 'refuel-payed'
+  };
+
+  telemetry.game.on(eventNames.connected, () =>
+    log(eventNames.connected, null, 'Connected')
+  );
+  telemetry.game.on(eventNames.disconnected, () =>
+    log(eventNames.disconnected, null, 'Disconnected')
+  );
+  telemetry.game.on(eventNames.pause, (paused) => {
+    const text = paused ? 'Paused' : 'Unpaused';
+    const data = {
+      paused: paused
+    };
+
+    log(eventNames.pause, data, text);
+  });
+  telemetry.game.on(eventNames.fine, (fine) => {
+    const text = `${
+      fine.offence.name
+    }, ${currency()}${fine.amount.toLocaleString()} fine`;
+    const data = {
+      fine: fine
+    };
+
+    log(eventNames.fine, data, text);
+  });
+  telemetry.game.on(eventNames.tollgate, (tollgate) => {
+    const text = `Toll paid ${currency()}${tollgate.amount.toLocaleString()}`;
+    const data = {
+      tollgate: tollgate
+    };
+
+    log(eventNames.tollgate, data, text);
+  });
+  telemetry.game.on(eventNames.ferry, (ferry) => {
+    const text = `Ferry (${ferry.source.name} -> ${ferry.target.name})`;
+    const data = {
+      ferry: ferry
+    };
+
+    log(eventNames.ferry, data, text);
+  });
+  telemetry.game.on(eventNames.train, (train) => {
+    const text = `Train (${train.source.name} -> ${train.target.name})`;
+    const data = {
+      train: train
+    };
+
+    log(eventNames.train, data, text);
+  });
+  telemetry.game.on(eventNames.refuelPayed, () =>
+    log(eventNames.refuelPayed, null, `Refueling payed`)
+  );
+};
diff --git a/servers/default/events/job.event.js b/servers/default/events/job.event.js
index c487ce82..603a28e0 100644
--- a/servers/default/events/job.event.js
+++ b/servers/default/events/job.event.js
@@ -1,53 +1,47 @@
 import { currency, logIt } from 'ets2-dashboard-lib/utils.js';
 
-const log = ( eventName, rawData, text ) => {
-	text = 'Job | ' + text;
-	logIt( 'job.' + eventName, rawData, text );
+const log = (eventName, rawData, text) => {
+  text = 'Job | ' + text;
+  logIt('job.' + eventName, rawData, text);
 };
 
 const eventNames = {
-	cancelled: 'cancelled',
-	delivered: 'delivered',
-	finished:  'finished',
-	started:   'started'
+  cancelled: 'cancelled',
+  delivered: 'delivered',
+  finished: 'finished',
+  started: 'started'
 };
 
 export default (telemetry) => {
-	telemetry.job.on( eventNames.cancelled,
-		( job ) => {
-			const text = `Job cancelled, Penalty: ${ currency() }${ job.penalty.toLocaleString() }`;
-			const data = {
-				job: job
-			};
-			
-			log( eventNames.cancelled, data, text );
-		}
-	);
-	telemetry.job.on( eventNames.delivered,
-		( job ) => {
-			const text = `Job delivered, ${ currency() }${ job.revenue.toLocaleString() } / ${ job.earnedXP }XP`;
-			const data = {
-				job: job
-			};
-			
-			log( eventNames.delivered, data, text );
-		}
-	);
-	telemetry.job.on( eventNames.finished,
-		( job ) => {
-			const data = {
-				job: job
-			};
-			log( eventNames.finished, data, 'Job finished' );
-		}
-	);
-	telemetry.job.on( eventNames.started,
-		( job ) => {
-			const data = {
-				job: job
-			};
-			
-			log( eventNames.started, data, 'New job started' );
-		}
-	);
+  telemetry.job.on(eventNames.cancelled, (job) => {
+    const text = `Job cancelled, Penalty: ${currency()}${job.penalty.toLocaleString()}`;
+    const data = {
+      job: job
+    };
+
+    log(eventNames.cancelled, data, text);
+  });
+  telemetry.job.on(eventNames.delivered, (job) => {
+    const text = `Job delivered, ${currency()}${job.revenue.toLocaleString()} / ${
+      job.earnedXP
+    }XP`;
+    const data = {
+      job: job
+    };
+
+    log(eventNames.delivered, data, text);
+  });
+  telemetry.job.on(eventNames.finished, (job) => {
+    const data = {
+      job: job
+    };
+    log(eventNames.finished, data, 'Job finished');
+  });
+  telemetry.job.on(eventNames.started, (job) => {
+    const data = {
+      job: job
+    };
+
+    log(eventNames.started, data, 'New job started');
+  });
 };
diff --git a/servers/default/events/navigation.event.js b/servers/default/events/navigation.event.js
index aac9043b..23d23e5a 100644
--- a/servers/default/events/navigation.event.js
+++ b/servers/default/events/navigation.event.js
@@ -1,23 +1,21 @@
 import { logIt } from 'ets2-dashboard-lib/utils.js';
 
-const log = ( eventName, rawData, text ) => {
-	text = 'Navigation | ' + text;
-	logIt( 'navigation.' + eventName, rawData, text );
+const log = (eventName, rawData, text) => {
+  text = 'Navigation | ' + text;
+  logIt('navigation.' + eventName, rawData, text);
 };
 
 const eventNames = {
-	speedLimit: 'speed-limit'
+  speedLimit: 'speed-limit'
 };
 
 export default (telemetry) => {
-	telemetry.navigation.on( eventNames.speedLimit,
-		( speed ) => {
-			const text = `Speed limit changed to ${ speed.kph }kph / ${ speed.mph }mph`;
-			const data = {
-				speed: speed
-			};
-			
-			log( eventNames.speedLimit, data, text );
-		}
-	);
-};
\ No newline at end of file
+  telemetry.navigation.on(eventNames.speedLimit, (speed) => {
+    const text = `Speed limit changed to ${speed.kph}kph / ${speed.mph}mph`;
+    const data = {
+      speed: speed
+    };
+
+    log(eventNames.speedLimit, data, text);
+  });
+};
diff --git a/servers/default/events/trailers.event.js b/servers/default/events/trailers.event.js
index 21f60a4a..f86d6ab9 100644
--- a/servers/default/events/trailers.event.js
+++ b/servers/default/events/trailers.event.js
@@ -1,35 +1,36 @@
-import { logIt }     from 'ets2-dashboard-lib/utils.js';
+import { logIt } from 'ets2-dashboard-lib/utils.js';
 
-const log = ( eventName, rawData, text ) => {
-	text = 'Trailers | ' + text;
-	logIt( 'trailers.' + eventName, rawData, text );
+const log = (eventName, rawData, text) => {
+  text = 'Trailers | ' + text;
+  logIt('trailers.' + eventName, rawData, text);
 };
 
 const eventNames = {
-	coupling: 'coupling',
-	damage:   'damage'
+  coupling: 'coupling',
+  damage: 'damage'
 };
 
 export default (telemetry) => {
-	telemetry.trailers.on( 'coupling',
-		( id, enabled ) => {
-			const text = `Trailer #${ id + 1 } coupling ${ enabled ? 'connected' : 'disconnected' }`;
-			const data = {
-				id: id, enabled: enabled
-			};
-			
-			log( eventNames.coupling, data, text );
-		}
-	);
-	telemetry.trailers.on( 'damage',
-		( id, damages ) => {
-			const text = `Trailer #${ id + 1 } damage increased ${ (100 * damages.chassis).toFixed() }%`;
-			const data = {
-				id:   id,
-				data: damages
-			};
-			
-			log( eventNames.damage, data, text );
-		}
-	);
+  telemetry.trailers.on('coupling', (id, enabled) => {
+    const text = `Trailer #${id + 1} coupling ${
+      enabled ? 'connected' : 'disconnected'
+    }`;
+    const data = {
+      id: id,
+      enabled: enabled
+    };
+
+    log(eventNames.coupling, data, text);
+  });
+  telemetry.trailers.on('damage', (id, damages) => {
+    const text = `Trailer #${id + 1} damage increased ${(
+      100 * damages.chassis
+    ).toFixed()}%`;
+    const data = {
+      id: id,
+      data: damages
+    };
+
+    log(eventNames.damage, data, text);
+  });
 };
diff --git a/servers/default/events/truck.event.js b/servers/default/events/truck.event.js
index 4fa4b29d..66345c74 100644
--- a/servers/default/events/truck.event.js
+++ b/servers/default/events/truck.event.js
@@ -1,129 +1,112 @@
-import { logIt }     from 'ets2-dashboard-lib/utils.js';
+import { logIt } from 'ets2-dashboard-lib/utils.js';
 
-const log = ( eventName, rawData, text ) => {
-	text = 'Truck | ' + text;
-	logIt( 'truck.' + eventName, rawData, text );
+const log = (eventName, rawData, text) => {
+  text = 'Truck | ' + text;
+  logIt('truck.' + eventName, rawData, text);
 };
 
 const eventNames = {
-	cruiseControl:         'cruise-control',
-	cruiseControlIncrease: 'cruise-control-increase',
-	cruiseControlDecrease: 'cruise-control-decrease',
-	warning:               'warning',
-	emergency:             'emergency',
-	electric:              'electric',
-	engine:                'engine',
-	park:                  'park',
-	damage:                'damage',
-	refuel:                'refuel'
+  cruiseControl: 'cruise-control',
+  cruiseControlIncrease: 'cruise-control-increase',
+  cruiseControlDecrease: 'cruise-control-decrease',
+  warning: 'warning',
+  emergency: 'emergency',
+  electric: 'electric',
+  engine: 'engine',
+  park: 'park',
+  damage: 'damage',
+  refuel: 'refuel'
 };
 
-
 export default (telemetry) => {
-	telemetry.truck.on( eventNames.cruiseControl,
-		( enabled ) => {
-			const text = `Cruise control ${ enabled ? 'Enabled' : 'Disabled' }`;
-			const data = {
-				enabled: enabled
-			};
-			
-			log( eventNames.cruiseControl, data, text );
-		}
-	);
-	telemetry.truck.on( eventNames.cruiseControlIncrease,
-		( cruiseControl ) => {
-			const text = `Cruise control increased to ${ cruiseControl.currentSpeed.kph }kph / ${ cruiseControl.currentSpeed.mph }mph`;
-			const data = {
-				cruiseControl: cruiseControl.currentSpeed
-			};
-			
-			log( eventNames.cruiseControlIncrease, data, text );
-		}
-	);
-	telemetry.truck.on( eventNames.cruiseControlDecrease,
-		( cruiseControl ) => {
-			const text = `Cruise control decreased to ${ cruiseControl.currentSpeed.kph }kph / ${ cruiseControl.currentSpeed.mph }mph`;
-			const data = {
-				cruiseControl: {
-					enabled: cruiseControl.enabled,
-					...cruiseControl.currentSpeed
-				}
-			};
-			
-			log( eventNames.cruiseControlDecrease, data, text );
-		}
-	);
-	telemetry.truck.on( eventNames.warning,
-		( warning, enabled ) => {
-			const text = enabled ? `Warning: ${ warning }` : `${ warning } warning disabled`;
-			const data = {
-				warning: warning,
-				enabled: enabled
-			};
-			
-			log( eventNames.warning, data, text );
-		}
-	);
-	telemetry.truck.on( eventNames.emergency,
-		( emergency, enabled ) => {
-			const text = enabled ? `Emergency: ${ emergency }` : `${ emergency } emergency disabled`;
-			const data = {
-				emergency: emergency,
-				enabled:   enabled
-			};
-			
-			log( eventNames.emergency, data, text );
-		}
-	);
-	telemetry.truck.on( eventNames.electric,
-		( enabled ) => {
-			const text = `Truck electrical ${ enabled ? 'ON' : 'OFF' }`;
-			const data = {
-				enabled: enabled
-			};
-			
-			log( eventNames.electric, data, text );
-		}
-	);
-	telemetry.truck.on( eventNames.engine,
-		( enabled ) => {
-			const text = `Truck engine ${ enabled ? 'ON' : 'OFF' }`;
-			const data = {
-				enabled: enabled
-			};
-			
-			log( eventNames.engine, data, text );
-		}
-	);
-	telemetry.truck.on( eventNames.park,
-		( enabled ) => {
-			const text = `Parking brake ${ enabled ? 'ON' : 'OFF' }`;
-			const data = {
-				enabled: enabled
-			};
-			
-			log( eventNames.park, data, text );
-		}
-	);
-	telemetry.truck.on( eventNames.damage,
-		( damages ) => {
-			const text = `Truck damage increased ${ (100 * damages.chassis).toFixed() }%`;
-			const data = {
-				damages: damages
-			};
-			
-			log( eventNames.damage, data, text );
-		}
-	);
-	telemetry.truck.on( eventNames.refuel,
-		( curr, prev ) => {
-			const text = `Truck refueled from ${ prev.amount } to ${ curr.amount }`;
-			const data = {
-				curr: curr,
-				prev: prev
-			};
-			
-			log( eventNames.refuel, data, text );
-		}
-	);
+  telemetry.truck.on(eventNames.cruiseControl, (enabled) => {
+    const text = `Cruise control ${enabled ? 'Enabled' : 'Disabled'}`;
+    const data = {
+      enabled: enabled
+    };
+
+    log(eventNames.cruiseControl, data, text);
+  });
+  telemetry.truck.on(eventNames.cruiseControlIncrease, (cruiseControl) => {
+    const text = `Cruise control increased to ${cruiseControl.currentSpeed.kph}kph / ${cruiseControl.currentSpeed.mph}mph`;
+    const data = {
+      cruiseControl: cruiseControl.currentSpeed
+    };
+
+    log(eventNames.cruiseControlIncrease, data, text);
+  });
+  telemetry.truck.on(eventNames.cruiseControlDecrease, (cruiseControl) => {
+    const text = `Cruise control decreased to ${cruiseControl.currentSpeed.kph}kph / ${cruiseControl.currentSpeed.mph}mph`;
+    const data = {
+      cruiseControl: {
+        enabled: cruiseControl.enabled,
+        ...cruiseControl.currentSpeed
+      }
+    };
+
+    log(eventNames.cruiseControlDecrease, data, text);
+  });
+  telemetry.truck.on(eventNames.warning, (warning, enabled) => {
+    const text = enabled
+      ? `Warning: ${warning}`
+      : `${warning} warning disabled`;
+    const data = {
+      warning: warning,
+      enabled: enabled
+    };
+
+    log(eventNames.warning, data, text);
+  });
+  telemetry.truck.on(eventNames.emergency, (emergency, enabled) => {
+    const text = enabled
+      ? `Emergency: ${emergency}`
+      : `${emergency} emergency disabled`;
+    const data = {
+      emergency: emergency,
+      enabled: enabled
+    };
+
+    log(eventNames.emergency, data, text);
+  });
+  telemetry.truck.on(eventNames.electric, (enabled) => {
+    const text = `Truck electrical ${enabled ? 'ON' : 'OFF'}`;
+    const data = {
+      enabled: enabled
+    };
+
+    log(eventNames.electric, data, text);
+  });
+  telemetry.truck.on(eventNames.engine, (enabled) => {
+    const text = `Truck engine ${enabled ? 'ON' : 'OFF'}`;
+    const data = {
+      enabled: enabled
+    };
+
+    log(eventNames.engine, data, text);
+  });
+  telemetry.truck.on(eventNames.park, (enabled) => {
+    const text = `Parking brake ${enabled ? 'ON' : 'OFF'}`;
+    const data = {
+      enabled: enabled
+    };
+
+    log(eventNames.park, data, text);
+  });
+  telemetry.truck.on(eventNames.damage, (damages) => {
+    const text = `Truck damage increased ${(100 * damages.chassis).toFixed()}%`;
+    const data = {
+      damages: damages
+    };
+
+    log(eventNames.damage, data, text);
+  });
+  telemetry.truck.on(eventNames.refuel, (curr, prev) => {
+    const text = `Truck refueled from ${prev.amount} to ${curr.amount}`;
+    const data = {
+      curr: curr,
+      prev: prev
+    };
+
+    log(eventNames.refuel, data, text);
+  });
 };
diff --git a/servers/default/index.js b/servers/default/index.js
index 38c579b4..0c0b168d 100644
--- a/servers/default/index.js
+++ b/servers/default/index.js
@@ -1,33 +1,39 @@
-import { initApp, initConfig, initMap, initServer, initSocket } from 'ets2-dashboard-lib/server.js';
-import { socket }                                               from 'ets2-dashboard-lib/store.js';
-import { telemetryWatch }                                       from 'ets2-dashboard-lib/telemetry.js';
-import { catchError }                                           from 'ets2-dashboard-lib/utils.js';
-import path                                                     from 'path';
-import truckSimTelemetry                                        from 'trucksim-telemetry';
-import gameEvent                                                from './events/game.event.js';
-import jobEvent                                                 from './events/job.event.js';
-import navigationEvent                                          from './events/navigation.event.js';
-import trailersEvent                                            from './events/trailers.event.js';
+import {
+  initApp,
+  initConfig,
+  initMap,
+  initServer,
+  initSocket
+} from 'ets2-dashboard-lib/server.js';
+import { socket } from 'ets2-dashboard-lib/store.js';
+import { telemetryWatch } from 'ets2-dashboard-lib/telemetry.js';
+import { catchError } from 'ets2-dashboard-lib/utils.js';
+import path from 'path';
+import truckSimTelemetry from 'trucksim-telemetry';
+import gameEvent from './events/game.event.js';
+import jobEvent from './events/job.event.js';
+import navigationEvent from './events/navigation.event.js';
+import trailersEvent from './events/trailers.event.js';
 
 const libPath = path.resolve('../../lib');
 const telemetry = truckSimTelemetry();
 
 //process.env.NODE_ENV = 'development';
 initApp()
-	.then( () => initConfig( libPath ) )
-	.then( initSocket )
-	.then( initServer )
-	.then( () => initMap( libPath ) )
-	.then( () => {
-		telemetryWatch(  socket, telemetry );
-	} )
-	.then( () => {
-		gameEvent(telemetry)
-		jobEvent(telemetry)
-		navigationEvent(telemetry)
-		trailersEvent(telemetry)
-	} )
-	.then( () => {
-		console.log( 'Initialized' );
-	} )
-	.catch( catchError )
\ No newline at end of file
+  .then(() => initConfig(libPath))
+  .then(initSocket)
+  .then(initServer)
+  .then(() => initMap(libPath))
+  .then(() => {
+    telemetryWatch(socket, telemetry);
+  })
+  .then(() => {
+    gameEvent(telemetry);
+    jobEvent(telemetry);
+    navigationEvent(telemetry);
+    trailersEvent(telemetry);
+  })
+  .then(() => {
+    console.log('Initialized');
+  })
+  .catch(catchError);
diff --git a/servers/dev/index.js b/servers/dev/index.js
index e50a41d1..ae359343 100644
--- a/servers/dev/index.js
+++ b/servers/dev/index.js
@@ -6,20 +6,25 @@
  * Time: 	20:18
  */
 
+import {
+  initApp,
+  initConfig,
+  initMap,
+  initServer,
+  initSocket
+} from 'ets2-dashboard-lib/server.js';
+import { catchError } from 'ets2-dashboard-lib/utils.js';
+import path from 'path';
 
-import { initApp, initConfig, initMap, initServer, initSocket } from 'ets2-dashboard-lib/server.js';
-import { catchError }                                           from 'ets2-dashboard-lib/utils.js';
-import path                                                     from 'path';
-
-const libPath = path.resolve( '../../lib' );
+const libPath = path.resolve('../../lib');
 
 process.env.NODE_ENV = 'development';
 initApp()
-	.then( () => initConfig( libPath ) )
-	.then( initSocket )
-	.then( initServer )
-	.then( () => initMap( libPath ) )
-	.then( () => {
-		console.log( 'Initialized' );
-	} )
-	.catch( catchError )
+  .then(() => initConfig(libPath))
+  .then(initSocket)
+  .then(initServer)
+  .then(() => initMap(libPath))
+  .then(() => {
+    console.log('Initialized');
+  })
+  .catch(catchError);
diff --git a/src/App.vue b/src/App.vue
index 58468640..667a840a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,11 @@
 <template>
-  <main :class="`${Object.hasOwnProperty.apply( 'game', telemetry.game ) ? telemetry.game.game.name : ''}`">
+  <main
+    :class="`${
+      Object.hasOwnProperty.apply('game', telemetry.game)
+        ? telemetry.game.game.name
+        : ''
+    }`"
+  >
     <HistoryOverlay />
     <Overlay />
     <TelemetryEventOverlay v-if="appReady" />
@@ -13,32 +19,32 @@
 </template>
 
 <script>
-import DafXFDashboard         from '@/components/dashboards/DafXFDashboard';
-import DefaultDashboard       from '@/components/dashboards/DefaultDashboard';
-import JAGFxDashboard         from '@/components/dashboards/JAGFxDashboard';
-import ManTGXDashboard        from '@/components/dashboards/ManTGXDashboard';
-import MapDashboard           from '@/components/dashboards/MapDashboard';
+import DafXFDashboard from '@/components/dashboards/DafXFDashboard';
+import DefaultDashboard from '@/components/dashboards/DefaultDashboard';
+import JAGFxDashboard from '@/components/dashboards/JAGFxDashboard';
+import ManTGXDashboard from '@/components/dashboards/ManTGXDashboard';
+import MapDashboard from '@/components/dashboards/MapDashboard';
 import MercedesAtegoDashboard from '@/components/dashboards/MercedesAtegoDashboard';
-import RdInfoDashboard        from '@/components/dashboards/RdInfoDashboard';
-import ScaniaDashboard        from '@/components/dashboards/ScaniaDashboard';
-import TestDashboard          from '@/components/dashboards/TestDashboard';
-import VolvoFHDashboard       from '@/components/dashboards/VolvoFHDashboard';
-import Header                 from '@/components/header/Header';
-import HistoryOverlay         from '@/components/overlays/HistoryOverlay';
-import Overlay                from '@/components/overlays/Overlay';
-import TelemetryEventOverlay  from '@/components/overlays/telemetry-event/TelemetryEventOverlay';
-import TelemetryMixin         from '@/mixins/TelemetryMixin';
+import RdInfoDashboard from '@/components/dashboards/RdInfoDashboard';
+import ScaniaDashboard from '@/components/dashboards/ScaniaDashboard';
+import TestDashboard from '@/components/dashboards/TestDashboard';
+import VolvoFHDashboard from '@/components/dashboards/VolvoFHDashboard';
+import Header from '@/components/header/Header';
+import HistoryOverlay from '@/components/overlays/HistoryOverlay';
+import Overlay from '@/components/overlays/Overlay';
+import TelemetryEventOverlay from '@/components/overlays/telemetry-event/TelemetryEventOverlay';
+import TelemetryMixin from '@/mixins/TelemetryMixin';
 import {
   loadAppConfig,
   loadGameConfig,
   setConfigActive,
   setLocale,
   connectToTelemetryServer
-}                             from '@/utils/_splashScreen';
-import { mapGetters }         from 'vuex';
+} from '@/utils/_splashScreen';
+import { mapGetters } from 'vuex';
 
 export default {
-  name:       'App',
+  name: 'App',
   components: {
     TelemetryEventOverlay,
     JAGFxDashboard,
@@ -53,56 +59,55 @@ export default {
     MapDashboard,
     Overlay,
     HistoryOverlay,
-    Header,
+    Header
   },
   mixins: [TelemetryMixin],
   computed: {
-    ...mapGetters( {
+    ...mapGetters({
       menuIsDisplayed: 'menu/isDisplayed',
-      currentSkin:     'skins/current',
-      getConfig:       'config/get',
+      currentSkin: 'skins/current',
+      getConfig: 'config/get',
       configExist: 'config/exist',
       gameConfigLoaded: 'config/gameConfigLoaded',
       isLaunched: 'app/isLaunched'
-    } )
+    })
   },
   mounted() {
     this.$store.dispatch('app/showMessage', {
       icon: null,
       title: 'Launching',
       message: 'Set startup skin'
-    } )
+    });
 
     loadAppConfig()
-    .then( setConfigActive )
-    .then( setLocale )
-    .then( connectToTelemetryServer )
-    .then( loadGameConfig )
-    .then( () => {
-      this.$store.commit('app/setLaunched', true)
-      this.$store.dispatch('app/endProcessing');
-    } )
-    .catch( e => {
-      this.$store.dispatch( 'app/setError', {
-        message: {
-          icon: null,
-          title: 'Unable to launch',
-          message: 'An error occurred during the launching',
-        },
-        details: {
-          message: e.message,
-          code: 'APP_LAUNCH'
-        }
-      } )
-    } )
+      .then(setConfigActive)
+      .then(setLocale)
+      .then(connectToTelemetryServer)
+      .then(loadGameConfig)
+      .then(() => {
+        this.$store.commit('app/setLaunched', true);
+        this.$store.dispatch('app/endProcessing');
+      })
+      .catch((e) => {
+        this.$store.dispatch('app/setError', {
+          message: {
+            icon: null,
+            title: 'Unable to launch',
+            message: 'An error occurred during the launching'
+          },
+          details: {
+            message: e.message,
+            code: 'APP_LAUNCH'
+          }
+        });
+      });
   },
 
-  methods:  {
+  methods: {
     currentSkinComponent() {
       const currentSkin = this.currentSkin;
 
-      if ( currentSkin === undefined || currentSkin === null )
-        return null;
+      if (currentSkin === undefined || currentSkin === null) return null;
 
       return currentSkin.id + 'Dashboard';
     }
@@ -111,5 +116,5 @@ export default {
 </script>
 
 <style lang="scss">
-  @import "assets/scss/app";
+@import 'assets/scss/app';
 </style>
diff --git a/src/components/dashboards/DafXFDashboard.vue b/src/components/dashboards/DafXFDashboard.vue
index 4f536da8..174301e7 100644
--- a/src/components/dashboards/DafXFDashboard.vue
+++ b/src/components/dashboards/DafXFDashboard.vue
@@ -1,20 +1,15 @@
 <template>
-  <Dashboard
-    v-slot="dashProps"
-    class="daf-xf-dash wrapper"
-  >
+  <Dashboard v-slot="dashProps" class="daf-xf-dash wrapper">
     <div
       class="dashboard game-connected yes"
       :style="{
-        transform: 'scale(' + dashProps.currentScale + ') translate(-50%, -50%)',
+        transform:
+          'scale(' + dashProps.currentScale + ') translate(-50%, -50%)',
         width: dashProps.skinData.size.width + 'px',
-        height: dashProps.skinData.size.height + 'px',
+        height: dashProps.skinData.size.height + 'px'
       }"
     >
-      <div
-        :class="{'yes': telemetry.job.cargo.id}"
-        class="hasJob"
-      >
+      <div :class="{ yes: telemetry.job.cargo.id }" class="hasJob">
         <!-- meters -->
         <!--
           Attributes:
@@ -25,100 +20,102 @@
           -->
         <Cadran
           v-bind="{
-            'classCSS': 'truck-speed',
-            'type': 'meter',
-            'value': telemetry.truck.speed.kph,
-            'min': 0,
-            'max': 140,
-            'minAngle' : -121,
-            'maxAngle': 92,
+            classCSS: 'truck-speed',
+            type: 'meter',
+            value: telemetry.truck.speed.kph,
+            min: 0,
+            max: 140,
+            minAngle: -121,
+            maxAngle: 92
           }"
         />
         <div class="truck-speedRounded wrapper-area">
           <span>{{
-            unit_speed( telemetry.truck.speed,
-                        true,
-                        false ) | $toFixed( 0 )
+            unit_speed(telemetry.truck.speed, true, false) | $toFixed(0)
           }}</span>
         </div>
         <Cadran
           v-bind="{
-            'classCSS': 'truck-engineRpm',
-            'type': 'meter',
-            'value': telemetry.truck.engine.rpm.value / 100,
-            'min': 5,
-            'max': 25,
-            'minAngle' : -88,
-            'maxAngle': 125,
+            classCSS: 'truck-engineRpm',
+            type: 'meter',
+            value: telemetry.truck.engine.rpm.value / 100,
+            min: 5,
+            max: 25,
+            minAngle: -88,
+            maxAngle: 125
           }"
         />
         <Cadran
           v-bind="{
-            'classCSS': 'truck-fuel',
-            'type': 'meter',
-            'value': telemetry.truck.fuel.value,
-            'min': 0,
-            'max': telemetry.truck.fuel.capacity,
-            'minAngle' : -56,
-            'maxAngle': -120,
+            classCSS: 'truck-fuel',
+            type: 'meter',
+            value: telemetry.truck.fuel.value,
+            min: 0,
+            max: telemetry.truck.fuel.capacity,
+            minAngle: -56,
+            maxAngle: -120
           }"
         />
         <Cadran
           v-bind="{
-            'classCSS': 'truck-waterTemperature',
-            'type': 'meter',
-            'value': telemetry.truck.engine.waterTemperature.value,
-            'min': 0,
-            'max': 100,
-            'minAngle' : -120,
-            'maxAngle': -57,
+            classCSS: 'truck-waterTemperature',
+            type: 'meter',
+            value: telemetry.truck.engine.waterTemperature.value,
+            min: 0,
+            max: 100,
+            minAngle: -120,
+            maxAngle: -57
           }"
         />
         <div class="truck-odometer wrapper-area">
           <span>{{
-            unit_length( telemetry.truck.odometer,
-                         'km',
-                         true,
-                         false ) | $toFixed( 0 )
+            unit_length(telemetry.truck.odometer, 'km', true, false)
+              | $toFixed(0)
           }}</span>
         </div>
         <!--				<div class="truck-cruiseControlSpeedRounded wrapper-area"><span>{{ telemetry.truck.cruiseControl.kph }}</span></div>-->
         <div class="truck-gear wrapper-area">
-          <span>{{ $trukGear( telemetry.truck.transmission, telemetry.truck.brand ) }}</span>
+          <span>{{
+            $trukGear(telemetry.truck.transmission, telemetry.truck.brand)
+          }}</span>
         </div>
         <!-- indicators -->
         <div
-          :class="{ 'yes': telemetry.truck.lights.blinker.left.active}"
+          :class="{ yes: telemetry.truck.lights.blinker.left.active }"
           class="truck-blinkerLeftOn"
         />
         <div
-          :class="{ 'yes': telemetry.truck.lights.blinker.right.active }"
+          :class="{ yes: telemetry.truck.lights.blinker.right.active }"
           class="truck-blinkerRightOn"
         />
         <div
-          :class="{ 'yes': telemetry.truck.cruiseControl.enabled }"
+          :class="{ yes: telemetry.truck.cruiseControl.enabled }"
           class="truck-cruiseControlOn"
         />
         <div
-          :class="{ 'yes': telemetry.truck.lights.beamHigh.enabled }"
+          :class="{ yes: telemetry.truck.lights.beamHigh.enabled }"
           class="truck-lightsBeamHighOn"
         />
         <div
-          :class="{ 'yes': telemetry.truck.lights.beamLow.enabled }"
+          :class="{ yes: telemetry.truck.lights.beamLow.enabled }"
           class="truck-lightsBeamLowOn"
         />
         <div
-          :class="{ 'yes': telemetry.truck.lights.parking.enabled }"
+          :class="{ yes: telemetry.truck.lights.parking.enabled }"
           class="truck-lightsParkingOn"
         />
         <div
-          :class="{'yes': telemetry.trailer.attached}"
+          :class="{ yes: telemetry.trailer.attached }"
           class="trailer-attached"
         />
         <div class="trailer-mass wrapper-area">
           <span>
-            {{ unit_weight( telemetry.job.cargo.mass, true, false ) | $toFixed( 1 ) }}
-            <span class="ton">{{ unit_weight( telemetry.job.cargo.mass, false ) }}</span>
+            {{
+              unit_weight(telemetry.job.cargo.mass, true, false) | $toFixed(1)
+            }}
+            <span class="ton">{{
+              unit_weight(telemetry.job.cargo.mass, false)
+            }}</span>
           </span>
         </div>
         <div class="trailer-name">
@@ -126,15 +123,18 @@
         </div>
         <!-- job information -->
         <div
-          :class="{ 'yes': telemetry.truck.brakes.parking.enabled }"
+          :class="{ yes: telemetry.truck.brakes.parking.enabled }"
           class="truck-parkBrakeOn"
         />
         <div
-          :class="{ 'yes': telemetry.truck.brakes.airPressure.warning.enabled }"
+          :class="{ yes: telemetry.truck.brakes.airPressure.warning.enabled }"
           class="truck-airPressureWarningOn"
         />
         <div class="game-time wrapper-area">
-          <span>{{ $gameTime() | $dateTimeLocalized( DATE_FORMAT_SHORT, TIME_FORMAT_SHORT ) }}</span>
+          <span>{{
+            $gameTime()
+              | $dateTimeLocalized(DATE_FORMAT_SHORT, TIME_FORMAT_SHORT)
+          }}</span>
         </div>
       </div>
     </div>
@@ -142,20 +142,24 @@
 </template>
 
 <script>
-import Dashboard      from '@/components/dashboards/Dashboard';
-import Cadran         from '@/components/dashboards/shared/Cadran';
+import Dashboard from '@/components/dashboards/Dashboard';
+import Cadran from '@/components/dashboards/shared/Cadran';
 import TelemetryMixin from '@/mixins/TelemetryMixin';
 
 export default {
-  name:       'DafXFDashboard',
+  name: 'DafXFDashboard',
   components: {
     Dashboard,
     Cadran
   },
-  mixins: [ TelemetryMixin ],
-  methods:    {
-    speed( truckSpeed, showValue = true, showSymbol = true ) {
-      return this.$options.filters.unit_speed( truckSpeed, showValue, showSymbol );
+  mixins: [TelemetryMixin],
+  methods: {
+    speed(truckSpeed, showValue = true, showSymbol = true) {
+      return this.$options.filters.unit_speed(
+        truckSpeed,
+        showValue,
+        showSymbol
+      );
     }
   }
 };
diff --git a/src/components/dashboards/Dashboard.vue b/src/components/dashboards/Dashboard.vue
index 07c8a5f6..e39f0950 100644
--- a/src/components/dashboards/Dashboard.vue
+++ b/src/components/dashboards/Dashboard.vue
@@ -9,31 +9,31 @@ import TelemetryMixin from '@/mixins/TelemetryMixin';
 import { mapGetters } from 'vuex';
 
 export default {
-  name:     'Dashboard',
-  mixins: [ TelemetryMixin ],
+  name: 'Dashboard',
+  mixins: [TelemetryMixin],
   data() {
     return {
       currentScale: 1
     };
   },
   computed: {
-    ...mapGetters( {
+    ...mapGetters({
       currentSkin: 'skins/current'
-    } )
+    })
   },
   mounted() {
     this.updateScale();
-    window.addEventListener( 'resize', this.updateScale );
+    window.addEventListener('resize', this.updateScale);
   },
   destroyed() {
-    window.removeEventListener( 'resize', this.updateScale );
+    window.removeEventListener('resize', this.updateScale);
   },
-  methods:  {
+  methods: {
     skinData() {
       return this.currentSkin;
     },
     updateScale() {
-      this.currentScale = this.$scale( this.currentSkin );
+      this.currentScale = this.$scale(this.currentSkin);
     }
   }
 };
diff --git a/src/components/dashboards/DefaultDashboard.vue b/src/components/dashboards/DefaultDashboard.vue
index 6d5b928d..20a3696b 100644
--- a/src/components/dashboards/DefaultDashboard.vue
+++ b/src/components/dashboards/DefaultDashboard.vue
@@ -1,20 +1,15 @@
 <template>
-  <Dashboard
-    v-slot="dashProps"
-    class="default wrapper"
-  >
+  <Dashboard v-slot="dashProps" class="default wrapper">
     <div
       class="dashboard game-connected yes"
       :style="{
-        transform: 'scale(' + dashProps.currentScale + ') translate(-50%, -50%)',
+        transform:
+          'scale(' + dashProps.currentScale + ') translate(-50%, -50%)',
         width: dashProps.skinData.size.width + 'px',
-        height: dashProps.skinData.size.height + 'px',
+        height: dashProps.skinData.size.height + 'px'
       }"
     >
-      <div
-        :class="{'yes': telemetry.job.cargo.id}"
-        class="hasJob"
-      >
+      <div :class="{ yes: telemetry.job.cargo.id }" class="hasJob">
         <!-- meters -->
         <!--
           Attributes:
@@ -25,104 +20,104 @@
           -->
         <Cadran
           v-bind="{
-            'classCSS': 'truck-speed',
-            'type': 'meter',
-            'value': telemetry.truck.speed.kph,
-            'min': 0,
-            'max': 140,
-            'minAngle' : -114,
-            'maxAngle': 114,
+            classCSS: 'truck-speed',
+            type: 'meter',
+            value: telemetry.truck.speed.kph,
+            min: 0,
+            max: 140,
+            minAngle: -114,
+            maxAngle: 114
           }"
         />
         <div class="truck-speedRounded wrapper-area">
           <span>{{
-            unit_speed( telemetry.truck.speed,
-                        true,
-                        false ) | $toFixed( 0 )
+            unit_speed(telemetry.truck.speed, true, false) | $toFixed(0)
           }}</span>
         </div>
         <div class="truck-speedRounded-unit wrapper-area">
-          <span>{{ unit_speed( telemetry.truck.speed, false ) }}</span>
+          <span>{{ unit_speed(telemetry.truck.speed, false) }}</span>
         </div>
         <Cadran
           v-bind="{
-            'classCSS': 'truck-engineRpm',
-            'type': 'meter',
-            'value': telemetry.truck.engine.rpm.value / 100,
-            'min': 0,
-            'max': 24,
-            'minAngle' : -97,
-            'maxAngle': 97,
+            classCSS: 'truck-engineRpm',
+            type: 'meter',
+            value: telemetry.truck.engine.rpm.value / 100,
+            min: 0,
+            max: 24,
+            minAngle: -97,
+            maxAngle: 97
           }"
         />
         <Cadran
           v-bind="{
-            'classCSS': 'truck-fuel',
-            'type': 'meter',
-            'value': telemetry.truck.fuel.value,
-            'min': 0,
-            'max': telemetry.truck.fuel.capacity,
-            'minAngle' : -96,
-            'maxAngle': 0,
+            classCSS: 'truck-fuel',
+            type: 'meter',
+            value: telemetry.truck.fuel.value,
+            min: 0,
+            max: telemetry.truck.fuel.capacity,
+            minAngle: -96,
+            maxAngle: 0
           }"
         />
         <Cadran
           v-bind="{
-            'classCSS': 'truck-waterTemperature',
-            'type': 'meter',
-            'value': telemetry.truck.engine.waterTemperature.value,
-            'min': 0,
-            'max': 100,
-            'minAngle' : -96,
-            'maxAngle': 0,
+            classCSS: 'truck-waterTemperature',
+            type: 'meter',
+            value: telemetry.truck.engine.waterTemperature.value,
+            min: 0,
+            max: 100,
+            minAngle: -96,
+            maxAngle: 0
           }"
         />
         <div class="truck-odometer wrapper-area">
           <span>{{
-            unit_length( telemetry.truck.odometer,
-                         'km',
-                         true,
-                         false ) | $toFixed( 0 )
+            unit_length(telemetry.truck.odometer, 'km', true, false)
+              | $toFixed(0)
           }}</span>
         </div>
         <div class="truck-cruiseControlSpeedRounded wrapper-area">
           <span>{{ telemetry.truck.cruiseControl.kph }}</span>
         </div>
         <div class="truck-gear wrapper-area">
-          <span>{{ $trukGear( telemetry.truck.transmission, telemetry.truck.brand ) }}</span>
+          <span>{{
+            $trukGear(telemetry.truck.transmission, telemetry.truck.brand)
+          }}</span>
         </div>
         <!-- indicators -->
         <div
-          :class="{ 'yes': telemetry.truck.lights.blinker.left.active}"
+          :class="{ yes: telemetry.truck.lights.blinker.left.active }"
           class="truck-blinkerLeftOn"
         />
         <div
-          :class="{ 'yes': telemetry.truck.lights.blinker.right.active }"
+          :class="{ yes: telemetry.truck.lights.blinker.right.active }"
           class="truck-blinkerRightOn"
         />
         <div
-          :class="{ 'yes': telemetry.truck.cruiseControl.enabled }"
+          :class="{ yes: telemetry.truck.cruiseControl.enabled }"
           class="truck-cruiseControlOn"
         />
         <div
-          :class="{ 'yes': telemetry.truck.lights.beamHigh.enabled }"
+          :class="{ yes: telemetry.truck.lights.beamHigh.enabled }"
           class="truck-lightsBeamHighOn"
         />
         <div
-          :class="{ 'yes': telemetry.truck.lights.beamLow.enabled }"
+          :class="{ yes: telemetry.truck.lights.beamLow.enabled }"
           class="truck-lightsBeamLowOn"
         />
         <div
-          :class="{ 'yes': telemetry.truck.lights.parking.enabled }"
+          :class="{ yes: telemetry.truck.lights.parking.enabled }"
           class="truck-lightsParkingOn"
         />
         <div
-          :class="{'yes': telemetry.trailer.attached}"
+          :class="{ yes: telemetry.trailer.attached }"
           class="trailer-attached"
         />
         <div class="trailer-mass">
-          {{ unit_weight( telemetry.job.cargo.mass, true, false ) | $toFixed( 1 )
-          }}<span class="ton">{{ unit_weight( telemetry.job.cargo.mass, false ) }}</span>
+          {{ unit_weight(telemetry.job.cargo.mass, true, false) | $toFixed(1)
+          }}<span class="ton">{{
+            unit_weight(telemetry.job.cargo.mass, false)
+          }}</span>
         </div>
         <div class="trailer-name">
           {{ telemetry.job.cargo.name }}
@@ -132,15 +127,23 @@
           <tr>
             <th>{{ $t('Time') }}:</th>
             <td>
-              <span class="game-time">{{ $gameTime() | $dateTimeLocalized( DATE_FORMAT_LONG, TIME_FORMAT_SHORT ) }}</span>
+              <span class="game-time">{{
+                $gameTime()
+                  | $dateTimeLocalized(DATE_FORMAT_LONG, TIME_FORMAT_SHORT)
+              }}</span>
             </td>
           </tr>
           <tr>
             <th>{{ $t('Source') }}:</th>
             <td>
               <span class="hasJob _jobSource">
-                <span class="job-sourceCity">{{ telemetry.job.source.city.name }}</span>
-                (<span class="job-sourceCompany">{{ telemetry.job.source.company.name }}</span>)
+                <span class="job-sourceCity">{{
+                  telemetry.job.source.city.name
+                }}</span>
+                (<span class="job-sourceCompany">{{
+                  telemetry.job.source.company.name
+                }}</span
+                >)
               </span>
             </td>
           </tr>
@@ -148,25 +151,45 @@
             <th>{{ $t('Destination') }}:</th>
             <td>
               <span class="hasJob _jobDestionation">
-                <span class="job-destinationCity">{{ telemetry.job.destination.city.name }}</span>
-                (<span class="job-destinationCompany">{{ telemetry.job.destination.company.name }}</span>)
+                <span class="job-destinationCity">{{
+                  telemetry.job.destination.city.name
+                }}</span>
+                (<span class="job-destinationCompany">{{
+                  telemetry.job.destination.company.name
+                }}</span
+                >)
               </span>
             </td>
           </tr>
           <tr>
             <th>{{ $t('Deadline in') }}:</th>
             <td>
-              <span class="job-remainingTime">{{ $jobRemainingTimeDelivery(telemetry.job.expectedDeliveryTimestamp.value ) }}</span>
-              <span class="_jobIncome"> (<span class="job-income">{{ unit_currency( telemetry.job.income ) }}</span>)</span>
+              <span class="job-remainingTime">{{
+                $jobRemainingTimeDelivery(
+                  telemetry.job.expectedDeliveryTimestamp.value
+                )
+              }}</span>
+              <span class="_jobIncome">
+                (<span class="job-income">{{
+                  unit_currency(telemetry.job.income)
+                }}</span
+                >)</span
+              >
             </td>
           </tr>
         </table>
         <div class="d-flex">
           <div class="_truckWearInfo">
-            {{ $t('Truck wear') }}:<br> <span class="truck-wearSum">{{ $averageDamage( telemetry.truck.damage ) }}%</span>
+            {{ $t('Truck wear') }}:<br />
+            <span class="truck-wearSum"
+              >{{ $averageDamage(telemetry.truck.damage) }}%</span
+            >
           </div>
           <div class="_trailerWearInfo">
-            {{ $t('Trailer damage') }}:<br> <span class="trailer-wear">{{ telemetry.trailer.chassis.damage.toFixed(0) }}%</span>
+            {{ $t('Trailer damage') }}:<br />
+            <span class="trailer-wear"
+              >{{ telemetry.trailer.chassis.damage.toFixed(0) }}%</span
+            >
           </div>
         </div>
       </div>
@@ -175,16 +198,16 @@
 </template>
 
 <script>
-import Dashboard      from '@/components/dashboards/Dashboard';
-import Cadran         from '@/components/dashboards/shared/Cadran';
+import Dashboard from '@/components/dashboards/Dashboard';
+import Cadran from '@/components/dashboards/shared/Cadran';
 import TelemetryMixin from '@/mixins/TelemetryMixin';
 
 export default {
-  name:       'DafXFDashboard',
+  name: 'DafXFDashboard',
   components: {
     Dashboard,
     Cadran
   },
-  mixins: [ TelemetryMixin ]
+  mixins: [TelemetryMixin]
 };
 </script>
diff --git a/src/components/dashboards/JAGFxDashboard.vue b/src/components/dashboards/JAGFxDashboard.vue
index 9159ff5e..2d638c78 100644
--- a/src/components/dashboards/JAGFxDashboard.vue
+++ b/src/components/dashboards/JAGFxDashboard.vue
@@ -1,14 +1,12 @@
 <template>
-  <Dashboard
-    v-slot="dashProps"
-    class="jagfx wrapper"
-  >
+  <Dashboard v-slot="dashProps" class="jagfx wrapper">
     <div
       class="dashboard"
       :style="{
-        transform: 'scale(' + dashProps.currentScale + ') translate(-50%, -50%)',
+        transform:
+          'scale(' + dashProps.currentScale + ') translate(-50%, -50%)',
         width: dashProps.skinData.size.width + 'px',
-        height: dashProps.skinData.size.height + 'px',
+        height: dashProps.skinData.size.height + 'px'
       }"
     >
       <div class="zone-wrapper w-100">
@@ -17,10 +15,7 @@
           <JagfxJob id="job" />
         </div>
       </div>
-      <JagfxNavigation
-        id="navigation"
-        class="w-100"
-      />
+      <JagfxNavigation id="navigation" class="w-100" />
       <div class="zone-wrapper w-100 h-100 justify-content-start">
         <JagfxTruck id="truck" />
       </div>
@@ -29,14 +24,14 @@
 </template>
 
 <script>
-import Dashboard       from '@/components/dashboards/Dashboard';
-import JagfxJob        from '@/components/dashboards/jagfx/Zone/JagfxJob';
+import Dashboard from '@/components/dashboards/Dashboard';
+import JagfxJob from '@/components/dashboards/jagfx/Zone/JagfxJob';
 import JagfxNavigation from '@/components/dashboards/jagfx/Zone/JagfxNavigation';
-import JagfxTrailer    from '@/components/dashboards/jagfx/Zone/JagfxTrailer';
-import JagfxTruck      from '@/components/dashboards/jagfx/Zone/JagfxTruck';
+import JagfxTrailer from '@/components/dashboards/jagfx/Zone/JagfxTrailer';
+import JagfxTruck from '@/components/dashboards/jagfx/Zone/JagfxTruck';
 
 export default {
-  name:       'JAGFxDashboard',
+  name: 'JAGFxDashboard',
   components: {
     Dashboard,
     JagfxNavigation,
diff --git a/src/components/dashboards/ManTGXDashboard.vue b/src/components/dashboards/ManTGXDashboard.vue
index b9d782f2..9879e6a5 100644
--- a/src/components/dashboards/ManTGXDashboard.vue
+++ b/src/components/dashboards/ManTGXDashboard.vue
@@ -1,20 +1,15 @@
 <template>
-  <Dashboard
-    v-slot="dashProps"
-    class="man-tgx-dash wrapper"
-  >
+  <Dashboard v-slot="dashProps" class="man-tgx-dash wrapper">
     <div
       class="dashboard game-connected yes"
       :style="{
-        transform: 'scale(' + dashProps.currentScale + ') translate(-50%, -50%)',
+        transform:
+          'scale(' + dashProps.currentScale + ') translate(-50%, -50%)',
         width: dashProps.skinData.size.width + 'px',
-        height: dashProps.skinData.size.height + 'px',
+        height: dashProps.skinData.size.height + 'px'
       }"
     >
-      <div
-        :class="{'yes': telemetry.job.cargo.id}"
-        class="hasJob"
-      >
+      <div :class="{ yes: telemetry.job.cargo.id }" class="hasJob">
         <!-- meters -->
         <!--
           Attributes:
@@ -25,141 +20,147 @@
           -->
         <Cadran
           v-bind="{
-            'classCSS': 'truck-speed',
-            'type': 'meter',
-            'value': telemetry.truck.speed.kph,
-            'min': 0,
-            'max': 125,
-            'minAngle' : -120,
-            'maxAngle': 103,
+            classCSS: 'truck-speed',
+            type: 'meter',
+            value: telemetry.truck.speed.kph,
+            min: 0,
+            max: 125,
+            minAngle: -120,
+            maxAngle: 103
           }"
         />
         <div class="truck-speedRounded wrapper-area">
           <span>{{
-            unit_speed( telemetry.truck.speed,
-                        true,
-                        false ) | $toFixed( 0 )
+            unit_speed(telemetry.truck.speed, true, false) | $toFixed(0)
           }}</span>
         </div>
         <Cadran
           v-bind="{
-            'classCSS': 'truck-engineRpm',
-            'type': 'meter',
-            'value': telemetry.truck.engine.rpm.value / 100,
-            'min': 2,
-            'max': 32,
-            'minAngle' : -119,
-            'maxAngle': 122,
+            classCSS: 'truck-engineRpm',
+            type: 'meter',
+            value: telemetry.truck.engine.rpm.value / 100,
+            min: 2,
+            max: 32,
+            minAngle: -119,
+            maxAngle: 122
           }"
         />
         <Cadran
           v-bind="{
-            'classCSS': 'truck-fuel',
-            'type': 'meter',
-            'value': telemetry.truck.fuel.value,
-            'min': 0,
-            'max': telemetry.truck.fuel.capacity,
-            'minAngle' : -28,
-            'maxAngle': 30,
+            classCSS: 'truck-fuel',
+            type: 'meter',
+            value: telemetry.truck.fuel.value,
+            min: 0,
+            max: telemetry.truck.fuel.capacity,
+            minAngle: -28,
+            maxAngle: 30
           }"
         />
         <Cadran
           v-bind="{
-            'classCSS': 'truck-waterTemperature',
-            'type': 'meter',
-            'value': telemetry.truck.engine.waterTemperature.value,
-            'min': 0,
-            'max': 100,
-            'minAngle' : -48,
-            'maxAngle': 27,
+            classCSS: 'truck-waterTemperature',
+            type: 'meter',
+            value: telemetry.truck.engine.waterTemperature.value,
+            min: 0,
+            max: 100,
+            minAngle: -48,
+            maxAngle: 27
           }"
         />
         <Cadran
           v-bind="{
-            'classCSS': 'truck-airPressure',
-            'type': 'meter',
-            'value': $pressureToBar(telemetry.truck.brakes.airPressure.value),
-            'min': 0,
-            'max': 12,
-            'minAngle' : -30,
-            'maxAngle': 25,
+            classCSS: 'truck-airPressure',
+            type: 'meter',
+            value: $pressureToBar(telemetry.truck.brakes.airPressure.value),
+            min: 0,
+            max: 12,
+            minAngle: -30,
+            maxAngle: 25
           }"
         />
         <Cadran
           v-bind="{
-            'classCSS': 'truck-oilPressure',
-            'type': 'meter',
-            'value': $pressureToBar(telemetry.truck.engine.oilPressure.value),
-            'min': 0,
-            'max': 12,
-            'minAngle' : -34,
-            'maxAngle': 25,
+            classCSS: 'truck-oilPressure',
+            type: 'meter',
+            value: $pressureToBar(telemetry.truck.engine.oilPressure.value),
+            min: 0,
+            max: 12,
+            minAngle: -34,
+            maxAngle: 25
           }"
         />
         <div class="truck-odometer wrapper-area">
           <span>{{
-            unit_length( telemetry.truck.odometer,
-                         'km',
-                         true,
-                         false ) | $toFixed( 0 )
+            unit_length(telemetry.truck.odometer, 'km', true, false)
+              | $toFixed(0)
           }}</span>
         </div>
         <!--				<div class="truck-cruiseControlSpeedRounded wrapper-area"><span>{{ telemetry.truck.cruiseControl.kph }}</span></div>-->
         <div class="truck-gear wrapper-area">
-          <span>{{ $trukGear( telemetry.truck.transmission, telemetry.truck.brand ) }}</span>
+          <span>{{
+            $trukGear(telemetry.truck.transmission, telemetry.truck.brand)
+          }}</span>
         </div>
         <!-- indicators -->
         <div
-          :class="{ 'yes': telemetry.truck.lights.blinker.left.active}"
+          :class="{ yes: telemetry.truck.lights.blinker.left.active }"
           class="truck-blinkerLeftOn"
         />
         <div
-          :class="{ 'yes': telemetry.truck.lights.blinker.right.active }"
+          :class="{ yes: telemetry.truck.lights.blinker.right.active }"
           class="truck-blinkerRightOn"
         />
         <div
-          :class="{ 'yes': telemetry.truck.cruiseControl.enabled }"
+          :class="{ yes: telemetry.truck.cruiseControl.enabled }"
           class="truck-cruiseControlOn"
         />
         <div
-          :class="{ 'yes': telemetry.truck.lights.beamHigh.enabled }"
+          :class="{ yes: telemetry.truck.lights.beamHigh.enabled }"
           class="truck-lightsBeamHighOn"
         />
         <div
-          :class="{ 'yes': telemetry.truck.lights.beamLow.enabled }"
+          :class="{ yes: telemetry.truck.lights.beamLow.enabled }"
           class="truck-lightsBeamLowOn"
         />
         <div
-          :class="{ 'yes': telemetry.truck.lights.parking.enabled }"
+          :class="{ yes: telemetry.truck.lights.parking.enabled }"
           class="truck-lightsParkingOn"
         />
         <!--				<div :class="{'yes': trailer.attached}" class="trailer-attached"></div>-->
         <div class="trailer-mass wrapper-area">
-          <span>{{ unit_weight( telemetry.job.cargo.mass, true, false ) | $toFixed( 0 ) }}<span class="ton">{{ unit_weight( telemetry.job.cargo.mass, false ) }}</span></span>
+          <span
+            >{{
+              unit_weight(telemetry.job.cargo.mass, true, false) | $toFixed(0)
+            }}<span class="ton">{{
+              unit_weight(telemetry.job.cargo.mass, false)
+            }}</span></span
+          >
         </div>
         <div
-          :class="{ 'yes': telemetry.truck.brakes.parking.enabled }"
+          :class="{ yes: telemetry.truck.brakes.parking.enabled }"
           class="truck-parkBrakeOn"
         />
         <div
-          :class="{ 'yes': telemetry.truck.brakes.airPressure.warning.enabled }"
+          :class="{ yes: telemetry.truck.brakes.airPressure.warning.enabled }"
           class="truck-airPressureWarningOn"
         />
         <div class="truck-retarderBrake">
-          {{ $t( telemetry.truck.brakes.retarder.level > 0 ? 'On' : 'Off' ) }}
+          {{ $t(telemetry.truck.brakes.retarder.level > 0 ? 'On' : 'Off') }}
         </div>
         <div class="truck-oilTemperature">
-          {{ unit_degrees( telemetry.truck.engine.oilTemperature.value ) }}
+          {{ unit_degrees(telemetry.truck.engine.oilTemperature.value) }}
         </div>
         <div class="truck-batteryVoltage">
-          {{ telemetry.truck.engine.batteryVoltage.warning.factor.toFixed(0)
-          }}
+          {{ telemetry.truck.engine.batteryVoltage.warning.factor.toFixed(0) }}
         </div>
         <div class="game-time wrapper-area">
-          <span>{{ $gameTime() | $dateTimeLocalized( DATE_FORMAT_SHORT, TIME_FORMAT_SHORT ) }}</span>
+          <span>{{
+            $gameTime()
+              | $dateTimeLocalized(DATE_FORMAT_SHORT, TIME_FORMAT_SHORT)
+          }}</span>
         </div>
         <div
-          :class="{ 'yes': telemetry.truck.brakes.airPressure.emergency.enabled }"
+          :class="{ yes: telemetry.truck.brakes.airPressure.emergency.enabled }"
           class="truck-airPressureEmergencyOn"
         />
       </div>
@@ -168,16 +169,16 @@
 </template>
 
 <script>
-import Dashboard      from '@/components/dashboards/Dashboard';
-import Cadran         from '@/components/dashboards/shared/Cadran';
+import Dashboard from '@/components/dashboards/Dashboard';
+import Cadran from '@/components/dashboards/shared/Cadran';
 import TelemetryMixin from '@/mixins/TelemetryMixin';
 
 export default {
-  name:       'ManTGXDashboard',
+  name: 'ManTGXDashboard',
   components: {
     Dashboard,
     Cadran
   },
-  mixins: [ TelemetryMixin ]
+  mixins: [TelemetryMixin]
 };
 </script>
diff --git a/src/components/dashboards/MapDashboard.vue b/src/components/dashboards/MapDashboard.vue
index e78a3114..e80c248c 100644
--- a/src/components/dashboards/MapDashboard.vue
+++ b/src/components/dashboards/MapDashboard.vue
@@ -6,10 +6,10 @@
 
 <script>
 import Dashboard from '@/components/dashboards/Dashboard';
-import Map       from '@/components/dashboards/shared/Map';
+import Map from '@/components/dashboards/shared/Map';
 
 export default {
-  name:       'MapDashboard',
+  name: 'MapDashboard',
   components: {
     Dashboard,
     Map
diff --git a/src/components/dashboards/MercedesAtegoDashboard.vue b/src/components/dashboards/MercedesAtegoDashboard.vue
index d58672ed..47ca6205 100644
--- a/src/components/dashboards/MercedesAtegoDashboard.vue
+++ b/src/components/dashboards/MercedesAtegoDashboard.vue
@@ -1,20 +1,15 @@
 <template>
-  <Dashboard
-    v-slot="dashProps"
-    class="mercedes-atego-dash wrapper"
-  >
+  <Dashboard v-slot="dashProps" class="mercedes-atego-dash wrapper">
     <div
       class="dashboard game-connected yes"
       :style="{
-        transform: 'scale(' + dashProps.currentScale + ') translate(-50%, -50%)',
+        transform:
+          'scale(' + dashProps.currentScale + ') translate(-50%, -50%)',
         width: dashProps.skinData.size.width + 'px',
-        height: dashProps.skinData.size.height + 'px',
+        height: dashProps.skinData.size.height + 'px'
       }"
     >
-      <div
-        :class="{'yes': telemetry.job.cargo.id}"
-        class="hasJob"
-      >
+      <div :class="{ yes: telemetry.job.cargo.id }" class="hasJob">
         <!-- meters -->
         <!--
           Attributes:
@@ -25,42 +20,40 @@
           -->
         <Cadran
           v-bind="{
-            'classCSS': 'truck-speed',
-            'type': 'meter',
-            'value': telemetry.truck.speed.kph,
-            'min': 0,
-            'max': 120,
-            'minAngle' : -111,
-            'maxAngle': 110,
+            classCSS: 'truck-speed',
+            type: 'meter',
+            value: telemetry.truck.speed.kph,
+            min: 0,
+            max: 120,
+            minAngle: -111,
+            maxAngle: 110
           }"
         />
         <div class="truck-speedRounded wrapper-area">
           <span>{{
-            unit_speed( telemetry.truck.speed,
-                        true,
-                        false ) | $toFixed( 0 )
+            unit_speed(telemetry.truck.speed, true, false) | $toFixed(0)
           }}</span>
         </div>
         <Cadran
           v-bind="{
-            'classCSS': 'truck-engineRpm',
-            'type': 'meter',
-            'value': telemetry.truck.engine.rpm.value / 100,
-            'min': 0,
-            'max': 30,
-            'minAngle' : -111,
-            'maxAngle': 112,
+            classCSS: 'truck-engineRpm',
+            type: 'meter',
+            value: telemetry.truck.engine.rpm.value / 100,
+            min: 0,
+            max: 30,
+            minAngle: -111,
+            maxAngle: 112
           }"
         />
         <Cadran
           v-bind="{
-            'classCSS': 'truck-fuel',
-            'type': 'meter',
-            'value': telemetry.truck.fuel.value,
-            'min': 0,
-            'max': telemetry.truck.fuel.capacity,
-            'minAngle' : -103,
-            'maxAngle': 103,
+            classCSS: 'truck-fuel',
+            type: 'meter',
+            value: telemetry.truck.fuel.value,
+            min: 0,
+            max: telemetry.truck.fuel.capacity,
+            minAngle: -103,
+            maxAngle: 103
           }"
         />
         <!--<Cadran v-bind="{
@@ -74,75 +67,80 @@
         }"></Cadran>-->
         <Cadran
           v-bind="{
-            'classCSS': 'truck-airPressure',
-            'type': 'meter',
-            'value': $pressureToBar(telemetry.truck.brakes.airPressure.value),
-            'min': 0,
-            'max': 12,
-            'minAngle' : -103,
-            'maxAngle': 105,
+            classCSS: 'truck-airPressure',
+            type: 'meter',
+            value: $pressureToBar(telemetry.truck.brakes.airPressure.value),
+            min: 0,
+            max: 12,
+            minAngle: -103,
+            maxAngle: 105
           }"
         />
         <div class="truck-odometer wrapper-area">
           <span>{{
-            unit_length( telemetry.truck.odometer,
-                         'km',
-                         true,
-                         false ) | $toFixed( 0 )
+            unit_length(telemetry.truck.odometer, 'km', true, false)
+              | $toFixed(0)
           }}</span>
         </div>
         <!--				<div class="truck-cruiseControlSpeedRounded wrapper-area"><span>{{ telemetry.truck.cruiseControl.kph }}</span></div>-->
         <div class="truck-gear wrapper-area">
-          <span>{{ $trukGear( telemetry.truck.transmission, telemetry.truck.brand ) }}</span>
+          <span>{{
+            $trukGear(telemetry.truck.transmission, telemetry.truck.brand)
+          }}</span>
         </div>
         <!-- indicators -->
         <div
-          :class="{ 'yes': telemetry.truck.lights.blinker.left.active}"
+          :class="{ yes: telemetry.truck.lights.blinker.left.active }"
           class="truck-blinkerLeftOn"
         />
         <div
-          :class="{ 'yes': telemetry.truck.lights.blinker.right.active }"
+          :class="{ yes: telemetry.truck.lights.blinker.right.active }"
           class="truck-blinkerRightOn"
         />
         <!--				<div :class="{ 'yes': telemetry.truck.cruiseControl.enabled }" class="truck-cruiseControlOn"></div>-->
         <div
-          :class="{ 'yes': telemetry.truck.lights.beamHigh.enabled }"
+          :class="{ yes: telemetry.truck.lights.beamHigh.enabled }"
           class="truck-lightsBeamHighOn"
         />
         <div
-          :class="{ 'yes': telemetry.truck.lights.beamLow.enabled }"
+          :class="{ yes: telemetry.truck.lights.beamLow.enabled }"
           class="truck-lightsBeamLowOn"
         />
         <div
-          :class="{ 'yes': telemetry.truck.lights.parking.enabled }"
+          :class="{ yes: telemetry.truck.lights.parking.enabled }"
           class="truck-lightsParkingOn"
         />
         <div
-          :class="{'yes': telemetry.trailer.attached}"
+          :class="{ yes: telemetry.trailer.attached }"
           class="trailer-attached"
         />
         <!--				<div class="trailer-mass wrapper-area">-->
         <!--					<span>{{ unit_weight( telemetry.job.cargo.mass, true, false ) | $toFixed( 1 ) }}<span class="ton">{{ unit_weight( telemetry.job.cargo.mass, false ) }}</span></span></div>-->
         <!--				<div class="trailer-name">{{ telemetry.job.cargo.name }}</div>-->
         <div
-          :class="{ 'yes': telemetry.truck.fuel.warning.enabled }"
+          :class="{ yes: telemetry.truck.fuel.warning.enabled }"
           class="truck-fuelWarningOn"
         />
         <div
-          :class="{ 'yes': telemetry.truck.brakes.airPressure.warning.enabled }"
+          :class="{ yes: telemetry.truck.brakes.airPressure.warning.enabled }"
           class="truck-airPressureWarningOn"
         />
         <div
-          :class="{ 'yes': telemetry.truck.brakes.parking.enabled }"
+          :class="{ yes: telemetry.truck.brakes.parking.enabled }"
           class="truck-parkBrakeOn"
         />
         <div class="truck-retarderBrake wrapper-area">
-          <span>{{ $t( telemetry.truck.brakes.retarder.level > 0 ? 'On' : 'Off' ) }}</span>
+          <span>{{
+            $t(telemetry.truck.brakes.retarder.level > 0 ? 'On' : 'Off')
+          }}</span>
         </div>
         <!--				<div class="truck-oilTemperature">{{ telemetry.truck.engine.oilTemperature.value.toFixed(0) }}</div>-->
         <!--				<div class="truck-batteryVoltage">{{ telemetry.truck.engine.batteryVoltage.warning.factor.toFixed(0) }}</div>-->
         <div class="game-time wrapper-area">
-          <span>{{ $gameTime() | $dateTimeLocalized( DATE_FORMAT_SHORT, TIME_FORMAT_SHORT ) }}</span>
+          <span>{{
+            $gameTime()
+              | $dateTimeLocalized(DATE_FORMAT_SHORT, TIME_FORMAT_SHORT)
+          }}</span>
         </div>
         <!--				<div :class="{ 'yes': telemetry.truck.brakes.airPressure.emergency.enabled }" class="truck-airPressureEmergencyOn"></div>-->
       </div>
@@ -151,16 +149,16 @@
 </template>
 
 <script>
-import Dashboard      from '@/components/dashboards/Dashboard';
-import Cadran         from '@/components/dashboards/shared/Cadran';
+import Dashboard from '@/components/dashboards/Dashboard';
+import Cadran from '@/components/dashboards/shared/Cadran';
 import TelemetryMixin from '@/mixins/TelemetryMixin';
 
 export default {
-  name:       'MercedesAtegoDashboard',
+  name: 'MercedesAtegoDashboard',
   components: {
     Dashboard,
     Cadran
   },
-  mixins: [ TelemetryMixin ]
+  mixins: [TelemetryMixin]
 };
 </script>
diff --git a/src/components/dashboards/RdInfoDashboard.vue b/src/components/dashboards/RdInfoDashboard.vue
index 71982b77..f3f5b950 100644
--- a/src/components/dashboards/RdInfoDashboard.vue
+++ b/src/components/dashboards/RdInfoDashboard.vue
@@ -1,20 +1,15 @@
 <template>
-  <Dashboard
-    v-slot="dashProps"
-    class="rd-info-dash wrapper"
-  >
+  <Dashboard v-slot="dashProps" class="rd-info-dash wrapper">
     <div
       class="dashboard game-connected yes"
       :style="{
-        transform: 'scale(' + dashProps.currentScale + ') translate(-50%, -50%)',
+        transform:
+          'scale(' + dashProps.currentScale + ') translate(-50%, -50%)',
         width: dashProps.skinData.size.width + 'px',
-        height: dashProps.skinData.size.height + 'px',
+        height: dashProps.skinData.size.height + 'px'
       }"
     >
-      <div
-        :class="{'yes': telemetry.job.cargo.id}"
-        class="hasJob"
-      >
+      <div :class="{ yes: telemetry.job.cargo.id }" class="hasJob">
         <!-- meters -->
         <!--
           Attributes:
@@ -71,19 +66,21 @@
         }"></Cadran>-->
 
         <div class="truck-wearEngine wrapper-area">
-          <span>{{ ( telemetry.truck.damage.engine * 100).toFixed(0) }}%</span>
+          <span>{{ (telemetry.truck.damage.engine * 100).toFixed(0) }}%</span>
         </div>
         <div class="truck-wearTransmission wrapper-area">
-          <span>{{ ( telemetry.truck.damage.transmission * 100).toFixed(0) }}%</span>
+          <span
+            >{{ (telemetry.truck.damage.transmission * 100).toFixed(0) }}%</span
+          >
         </div>
         <div class="truck-wearCabin wrapper-area">
-          <span>{{ ( telemetry.truck.damage.cabin * 100).toFixed(0) }}%</span>
+          <span>{{ (telemetry.truck.damage.cabin * 100).toFixed(0) }}%</span>
         </div>
         <div class="truck-wearWheels wrapper-area">
-          <span>{{ ( telemetry.truck.damage.wheels * 100).toFixed(0) }}%</span>
+          <span>{{ (telemetry.truck.damage.wheels * 100).toFixed(0) }}%</span>
         </div>
         <div class="truck-wearChassis wrapper-area">
-          <span>{{ ( telemetry.truck.damage.chassis * 100).toFixed(0) }}%</span>
+          <span>{{ (telemetry.truck.damage.chassis * 100).toFixed(0) }}%</span>
         </div>
         <div class="trailer-wear wrapper-area">
           <span>{{ (telemetry.trailer.cargo.damage * 100).toFixed(0) }} %</span>
@@ -92,85 +89,104 @@
           <span>{{ telemetry.truck.brand.name }}</span>
         </div>
         <div
-          :class="{ 'yes': telemetry.truck.lights.beamHigh.enabled }"
+          :class="{ yes: telemetry.truck.lights.beamHigh.enabled }"
           class="truck-lightsBeamHighOn"
         />
         <div
-          :class="{ 'yes': telemetry.truck.lights.beamLow.enabled }"
+          :class="{ yes: telemetry.truck.lights.beamLow.enabled }"
           class="truck-lightsBeamLowOn"
         />
         <div
-          :class="{ 'yes': telemetry.truck.lights.parking.enabled }"
+          :class="{ yes: telemetry.truck.lights.parking.enabled }"
           class="truck-lightsParkingOn"
         />
         <div
-          :class="{ 'yes': telemetry.truck.cruiseControl.enabled }"
+          :class="{ yes: telemetry.truck.cruiseControl.enabled }"
           class="truck-cruiseControlOn"
         />
         <div
-          :class="{ 'yes': telemetry.truck.brakes.parking.enabled }"
+          :class="{ yes: telemetry.truck.brakes.parking.enabled }"
           class="truck-parkBrakeOn"
         />
         <div
-          :class="{ 'yes': telemetry.truck.brakes.airPressure.warning.enabled }"
+          :class="{ yes: telemetry.truck.brakes.airPressure.warning.enabled }"
           class="_airPressureOn"
         />
         <div class="truck-fuel">
-          {{ unit_volume( telemetry.truck.fuel.value ) }}
+          {{ unit_volume(telemetry.truck.fuel.value) }}
         </div>
         <div class="truck-fuelAverageConsumption">
-          {{ unit_consumption( telemetry.truck.fuel.avgConsumption, true, false ) | $toFixed( 1 )
+          {{
+            unit_consumption(telemetry.truck.fuel.avgConsumption, true, false)
+              | $toFixed(1)
           }}
         </div>
         <div class="_fuelAvg">
-          {{ unit_consumption( telemetry.truck.fuel.avgConsumption, false ) }}
+          {{ unit_consumption(telemetry.truck.fuel.avgConsumption, false) }}
         </div>
         <div
-          :style="{ width: ( telemetry.controls.game.brake * 606) + 'px' }"
+          :style="{ width: telemetry.controls.game.brake * 606 + 'px' }"
           class="_gameBrakeBar"
         />
         <div
-          :style="{ width: ( telemetry.controls.input.brake * 606) + 'px'}"
+          :style="{ width: telemetry.controls.input.brake * 606 + 'px' }"
           class="_userBrakeBar"
         />
         <div
-          :style="{ width: ( telemetry.controls.game.throttle * 606) + 'px' }"
+          :style="{ width: telemetry.controls.game.throttle * 606 + 'px' }"
           class="_gameThrottleBar"
         />
         <div
-          :style="{ width: ( telemetry.controls.input.throttle * 606) + 'px' }"
+          :style="{ width: telemetry.controls.input.throttle * 606 + 'px' }"
           class="_userThrottleBar"
         />
         <!--				<div :class="{ 'yes': telemetry.truck.lights.beacon.enabled }" class="truck-lightsBeaconOn"></div>-->
         <div
-          :class="{ 'yes': ( telemetry.truck.lights.blinker.left.active || telemetry.truck.lights.blinker.right.active ) }"
+          :class="{
+            yes:
+              telemetry.truck.lights.blinker.left.active ||
+              telemetry.truck.lights.blinker.right.active
+          }"
           class="_dangerWarning"
         />
         <div
-          :class="{ 'yes': telemetry.truck.lights.parking.enabled }"
+          :class="{ yes: telemetry.truck.lights.parking.enabled }"
           class="_auxLights"
         />
         <div
-          :class="{ 'yes': ( telemetry.truck.lights.auxFront.value !== 0 || telemetry.truck.lights.auxRoof.value !== 0 ) }"
+          :class="{
+            yes:
+              telemetry.truck.lights.auxFront.value !== 0 ||
+              telemetry.truck.lights.auxRoof.value !== 0
+          }"
           class="truck-lightsParkingOn"
         />
         <div class="navigation-speedLimit">
-          {{ unit_speed( telemetry.navigation.speedLimit, true, false ) |
-            $toFixed( 0 ) }}
+          {{
+            unit_speed(telemetry.navigation.speedLimit, true, false)
+              | $toFixed(0)
+          }}
         </div>
-				
+
         <!--				<div class="truck-odometer wrapper-area"><span>{{ unit_length( telemetry.truck.odometer, 'km', true, false ) | $toFixed( 0 ) }}</span></div>-->
         <!--				<div class="truck-cruiseControlSpeedRounded wrapper-area"><span>{{ telemetry.truck.cruiseControl.kph }}</span></div>-->
         <div class="truck-displayedGear wrapper-area">
-          <span>{{ $trukGear( telemetry.truck.transmission, telemetry.truck.brand ) }}</span>
+          <span>{{
+            $trukGear(telemetry.truck.transmission, telemetry.truck.brand)
+          }}</span>
         </div>
         <!-- indicators -->
         <!--				<div :class="{ 'yes': telemetry.truck.lights.blinker.left.active}" class="truck-blinkerLeftOn"></div>-->
         <!--				<div :class="{ 'yes': telemetry.truck.lights.blinker.right.active }" class="truck-blinkerRightOn"></div>-->
-				
+
         <div class="job-remainingTime wrapper-area">
-          <span v-if="$jobRemainingTimeToDueDate()">{{ telemetry.job.expectedDeliveryTimestamp.value | $dateTimeLocalized( DATE_FORMAT_LONG, TIME_FORMAT_SHORT ) }}</span>
-          <span v-else>{{ $jobRemainingTimeDelivery( telemetry.job.deliveryTime.unix ) }}</span>
+          <span v-if="$jobRemainingTimeToDueDate()">{{
+            telemetry.job.expectedDeliveryTimestamp.value
+              | $dateTimeLocalized(DATE_FORMAT_LONG, TIME_FORMAT_SHORT)
+          }}</span>
+          <span v-else>{{
+            $jobRemainingTimeDelivery(telemetry.job.deliveryTime.unix)
+          }}</span>
         </div>
         <div class="job-sourceCity wrapper-area">
           <span>{{ telemetry.job.source.city.name }}</span>
@@ -179,19 +195,23 @@
           <span>{{ telemetry.job.destination.city.name }}</span>
         </div>
         <div class="_jobIncome wrapper-area">
-          <span><span class="job-income">{{ unit_currency( telemetry.job.income ) }}</span></span>
+          <span
+            ><span class="job-income">{{
+              unit_currency(telemetry.job.income)
+            }}</span></span
+          >
         </div>
         <div class="trailer-name wrapper-area">
           <span>{{ telemetry.trailer.model.name }}</span>
         </div>
-				
+
         <!--				<div :class="{'yes': telemetry.trailer.attached}" class="trailer-attached"></div>-->
         <!--				<div class="trailer-mass wrapper-area">-->
         <!--					<span>{{ unit_weight( telemetry.job.cargo.mass, true, false ) | $toFixed( 1 ) }}<span class="ton">{{ unit_weight( telemetry.job.cargo.mass, false ) }}</span></span></div>-->
         <!--				<div class="trailer-name">{{ telemetry.job.cargo.name }}</div>-->
         <!--				<div :class="{ 'yes': telemetry.truck.fuel.warning.enabled }" class="truck-fuelWarningOn"></div>-->
         <!--				<div :class="{ 'yes': telemetry.truck.brakes.airPressure.warning.enabled }" class="truck-airPressureWarningOn"></div>-->
-				
+
         <!--				<div class="truck-retarderBrake">{{ telemetry.truck.brakes.retarder.level > 0 ? 'On' : 'Off' }}</div>-->
         <!--				<div class="truck-oilTemperature">{{ telemetry.truck.engine.oilTemperature.value.toFixed(0) }}</div>-->
         <!--				<div class="truck-batteryVoltage">{{ telemetry.truck.engine.batteryVoltage.warning.factor.toFixed(0) }}</div>-->
@@ -203,14 +223,14 @@
 </template>
 
 <script>
-import Dashboard      from '@/components/dashboards/Dashboard';
+import Dashboard from '@/components/dashboards/Dashboard';
 import TelemetryMixin from '@/mixins/TelemetryMixin';
 
 export default {
-  name:       'RdInfoDashboard',
+  name: 'RdInfoDashboard',
   components: {
     Dashboard
   },
-  mixins: [ TelemetryMixin ]
+  mixins: [TelemetryMixin]
 };
 </script>
diff --git a/src/components/dashboards/ScaniaDashboard.vue b/src/components/dashboards/ScaniaDashboard.vue
index e01b97b0..79bd0c7b 100644
--- a/src/components/dashboards/ScaniaDashboard.vue
+++ b/src/components/dashboards/ScaniaDashboard.vue
@@ -1,20 +1,15 @@
 <template>
-  <Dashboard
-    v-slot="dashProps"
-    class="scania-dash wrapper"
-  >
+  <Dashboard v-slot="dashProps" class="scania-dash wrapper">
     <div
       class="dashboard game-connected yes"
       :style="{
-        transform: 'scale(' + dashProps.currentScale + ') translate(-50%, -50%)',
+        transform:
+          'scale(' + dashProps.currentScale + ') translate(-50%, -50%)',
         width: dashProps.skinData.size.width + 'px',
-        height: dashProps.skinData.size.height + 'px',
+        height: dashProps.skinData.size.height + 'px'
       }"
     >
-      <div
-        :class="{'yes': telemetry.job.cargo.id}"
-        class="hasJob"
-      >
+      <div :class="{ yes: telemetry.job.cargo.id }" class="hasJob">
         <!-- meters -->
         <!--
           Attributes:
@@ -25,125 +20,131 @@
           -->
         <Cadran
           v-bind="{
-            'classCSS': 'truck-speed',
-            'type': 'meter',
-            'value': telemetry.truck.speed.mph,
-            'min': 10,
-            'max': 130,
-            'minAngle' : -122,
-            'maxAngle': 123,
+            classCSS: 'truck-speed',
+            type: 'meter',
+            value: telemetry.truck.speed.mph,
+            min: 10,
+            max: 130,
+            minAngle: -122,
+            maxAngle: 123
           }"
         />
         <div class="truck-speedRounded wrapper-area">
           <span>{{
-            unit_speed( telemetry.truck.speed,
-                        true,
-                        false ) | $toFixed( 0 )
+            unit_speed(telemetry.truck.speed, true, false) | $toFixed(0)
           }}</span>
         </div>
         <Cadran
           v-bind="{
-            'classCSS': 'truck-engineRpm',
-            'type': 'meter',
-            'value': telemetry.truck.engine.rpm.value / 100,
-            'min': 3,
-            'max': 27,
-            'minAngle' : -122,
-            'maxAngle': 122,
+            classCSS: 'truck-engineRpm',
+            type: 'meter',
+            value: telemetry.truck.engine.rpm.value / 100,
+            min: 3,
+            max: 27,
+            minAngle: -122,
+            maxAngle: 122
           }"
         />
         <Cadran
           v-bind="{
-            'classCSS': 'truck-fuel',
-            'type': 'meter',
-            'value': telemetry.truck.fuel.value,
-            'min': 0,
-            'max': telemetry.truck.fuel.capacity,
-            'minAngle' : -53,
-            'maxAngle': 53,
+            classCSS: 'truck-fuel',
+            type: 'meter',
+            value: telemetry.truck.fuel.value,
+            min: 0,
+            max: telemetry.truck.fuel.capacity,
+            minAngle: -53,
+            maxAngle: 53
           }"
         />
         <Cadran
           v-bind="{
-            'classCSS': 'truck-waterTemperature',
-            'type': 'meter',
-            'value': telemetry.truck.engine.waterTemperature.value,
-            'min': 40,
-            'max': 100,
-            'minAngle' : -55,
-            'maxAngle': 40,
+            classCSS: 'truck-waterTemperature',
+            type: 'meter',
+            value: telemetry.truck.engine.waterTemperature.value,
+            min: 40,
+            max: 100,
+            minAngle: -55,
+            maxAngle: 40
           }"
         />
         <Cadran
           v-bind="{
-            'classCSS': 'truck-oilPressure',
-            'type': 'meter',
-            'value': $pressureToBar(telemetry.truck.engine.oilPressure.value),
-            'min': 0,
-            'max': 8,
-            'minAngle' : -53,
-            'maxAngle': 53,
+            classCSS: 'truck-oilPressure',
+            type: 'meter',
+            value: $pressureToBar(telemetry.truck.engine.oilPressure.value),
+            min: 0,
+            max: 8,
+            minAngle: -53,
+            maxAngle: 53
           }"
         />
         <div class="truck-odometer wrapper-area">
           <span>{{
-            unit_length( telemetry.truck.odometer,
-                         'km',
-                         true,
-                         false ) | $toFixed( 0 )
+            unit_length(telemetry.truck.odometer, 'km', true, false)
+              | $toFixed(0)
           }}</span>
         </div>
         <!--				<div class="truck-cruiseControlSpeedRounded wrapper-area"><span>{{ telemetry.truck.cruiseControl.kph }}</span></div>-->
         <div class="truck-gear wrapper-area">
-          <span>{{ $trukGear( telemetry.truck.transmission, telemetry.truck.brand ) }}</span>
+          <span>{{
+            $trukGear(telemetry.truck.transmission, telemetry.truck.brand)
+          }}</span>
         </div>
         <!-- indicators -->
         <div
-          :class="{ 'yes': telemetry.truck.lights.blinker.left.active}"
+          :class="{ yes: telemetry.truck.lights.blinker.left.active }"
           class="truck-blinkerLeftOn"
         />
         <div
-          :class="{ 'yes': telemetry.truck.lights.blinker.right.active }"
+          :class="{ yes: telemetry.truck.lights.blinker.right.active }"
           class="truck-blinkerRightOn"
         />
         <div
-          :class="{ 'yes': telemetry.truck.cruiseControl.enabled }"
+          :class="{ yes: telemetry.truck.cruiseControl.enabled }"
           class="truck-cruiseControlOn"
         />
         <div
-          :class="{ 'yes': telemetry.truck.lights.beamHigh.enabled }"
+          :class="{ yes: telemetry.truck.lights.beamHigh.enabled }"
           class="truck-lightsBeamHighOn"
         />
         <div
-          :class="{ 'yes': telemetry.truck.lights.beamLow.enabled }"
+          :class="{ yes: telemetry.truck.lights.beamLow.enabled }"
           class="truck-lightsBeamLowOn"
         />
         <div
-          :class="{ 'yes': telemetry.truck.lights.parking.enabled }"
+          :class="{ yes: telemetry.truck.lights.parking.enabled }"
           class="truck-lightsParkingOn"
         />
         <!--				<div :class="{'yes': trailer.attached}" class="trailer-attached"></div>-->
         <div
-          :class="{ 'yes': telemetry.truck.brakes.parking.enabled }"
+          :class="{ yes: telemetry.truck.brakes.parking.enabled }"
           class="truck-parkBrakeOn"
         />
         <div class="trailer-mass wrapper-area">
-          <span>{{ unit_weight( telemetry.job.cargo.mass, true, false ) | $toFixed( 1 ) }}<span class="ton">{{ unit_weight( telemetry.job.cargo.mass, false ) }}</span></span>
+          <span
+            >{{
+              unit_weight(telemetry.job.cargo.mass, true, false) | $toFixed(1)
+            }}<span class="ton">{{
+              unit_weight(telemetry.job.cargo.mass, false)
+            }}</span></span
+          >
         </div>
         <!--				<div class="trailer-name">{{ telemetry.job.cargo.name }}</div>-->
         <div class="game-time wrapper-area">
-          <span>{{ $gameTime() | $dateTimeLocalized( DATE_FORMAT_SHORT, TIME_FORMAT_SHORT ) }}</span>
+          <span>{{
+            $gameTime()
+              | $dateTimeLocalized(DATE_FORMAT_SHORT, TIME_FORMAT_SHORT)
+          }}</span>
         </div>
         <div
-          :class="{ 'yes': telemetry.truck.brakes.airPressure.emergency.enabled }"
+          :class="{ yes: telemetry.truck.brakes.airPressure.emergency.enabled }"
           class="truck-airPressureEmergencyOn"
         />
         <div
-          :class="{ 'yes': telemetry.truck.fuel.warning.enabled }"
+          :class="{ yes: telemetry.truck.fuel.warning.enabled }"
           class="truck-fuelWarningOn"
         />
-				
-				
+
         <!--				<div :class="{ 'yes': telemetry.truck.brakes.airPressure.warning.enabled }" class="truck-airPressureWarningOn"></div>-->
         <!--				<div class="truck-retarderBrake">{{ telemetry.truck.brakes.retarder.level > 0 ? 'On' : 'Off' }}</div>-->
         <!--				<div class="truck-oilTemperature">{{ telemetry.truck.engine.oilTemperature.value.toFixed(0) }}</div>-->
@@ -155,15 +156,15 @@
 
 <script>
 import TelemetryMixin from '@/mixins/TelemetryMixin';
-import Dashboard      from './Dashboard';
-import Cadran         from './shared/Cadran';
+import Dashboard from './Dashboard';
+import Cadran from './shared/Cadran';
 
 export default {
-  name:       'ScaniaDashboard',
+  name: 'ScaniaDashboard',
   components: {
     Dashboard,
     Cadran
   },
-  mixins: [ TelemetryMixin ]
+  mixins: [TelemetryMixin]
 };
 </script>
diff --git a/src/components/dashboards/TestDashboard.vue b/src/components/dashboards/TestDashboard.vue
index 8672e10c..6a59db56 100644
--- a/src/components/dashboards/TestDashboard.vue
+++ b/src/components/dashboards/TestDashboard.vue
@@ -1,21 +1,23 @@
 <template>
   <Dashboard class="test wrapper">
     <div class="speed">
-      <span class="value">{{ unit_speed( telemetry.truck.speed, true, false ) | $toFixed( 0 ) }}</span>
-      <small class="unit">{{ unit_speed( telemetry.truck.speed, false ) }}</small>
+      <span class="value">{{
+        unit_speed(telemetry.truck.speed, true, false) | $toFixed(0)
+      }}</span>
+      <small class="unit">{{ unit_speed(telemetry.truck.speed, false) }}</small>
     </div>
   </Dashboard>
 </template>
 
 <script>
-import Dashboard      from '@/components/dashboards/Dashboard';
+import Dashboard from '@/components/dashboards/Dashboard';
 import TelemetryMixin from '@/mixins/TelemetryMixin';
 
 export default {
-  name:       'TestDashboard',
+  name: 'TestDashboard',
   components: {
     Dashboard
   },
-  mixins: [ TelemetryMixin ]
+  mixins: [TelemetryMixin]
 };
 </script>
diff --git a/src/components/dashboards/VolvoFHDashboard.vue b/src/components/dashboards/VolvoFHDashboard.vue
index 3db3f260..0897bf6c 100644
--- a/src/components/dashboards/VolvoFHDashboard.vue
+++ b/src/components/dashboards/VolvoFHDashboard.vue
@@ -1,20 +1,15 @@
 <template>
-  <Dashboard
-    v-slot="dashProps"
-    class="volvo-fh-dash wrapper"
-  >
+  <Dashboard v-slot="dashProps" class="volvo-fh-dash wrapper">
     <div
       class="dashboard game-connected yes"
       :style="{
-        transform: 'scale(' + dashProps.currentScale + ') translate(-50%, -50%)',
+        transform:
+          'scale(' + dashProps.currentScale + ') translate(-50%, -50%)',
         width: dashProps.skinData.size.width + 'px',
-        height: dashProps.skinData.size.height + 'px',
+        height: dashProps.skinData.size.height + 'px'
       }"
     >
-      <div
-        :class="{'yes': telemetry.job.cargo.id}"
-        class="hasJob"
-      >
+      <div :class="{ yes: telemetry.job.cargo.id }" class="hasJob">
         <!-- meters -->
         <!--
           Attributes:
@@ -25,31 +20,29 @@
           -->
         <Cadran
           v-bind="{
-            'classCSS': 'truck-speed',
-            'type': 'meter',
-            'value': telemetry.truck.speed.kph,
-            'min': 20,
-            'max': 120,
-            'minAngle' : -97,
-            'maxAngle': 97,
+            classCSS: 'truck-speed',
+            type: 'meter',
+            value: telemetry.truck.speed.kph,
+            min: 20,
+            max: 120,
+            minAngle: -97,
+            maxAngle: 97
           }"
         />
         <div class="truck-speedRounded wrapper-area">
           <span>{{
-            unit_speed( telemetry.truck.speed,
-                        true,
-                        false ) | $toFixed( 0 )
+            unit_speed(telemetry.truck.speed, true, false) | $toFixed(0)
           }}</span>
         </div>
         <Cadran
           v-bind="{
-            'classCSS': 'truck-engineRpm',
-            'type': 'meter',
-            'value': telemetry.truck.engine.rpm.value / 100,
-            'min': 4,
-            'max': 25,
-            'minAngle' : -65,
-            'maxAngle': 58,
+            classCSS: 'truck-engineRpm',
+            type: 'meter',
+            value: telemetry.truck.engine.rpm.value / 100,
+            min: 4,
+            max: 25,
+            minAngle: -65,
+            maxAngle: 58
           }"
         />
         <!--<Cadran v-bind="{
@@ -80,75 +73,87 @@
           'maxAngle': 53,
         }"></Cadran>-->
         <div class="truck-odometer wrapper-area">
-          <span>{{ unit_length( telemetry.truck.odometer, 'km', true, false ) | $toFixed( 0 ) }}</span>
+          <span>{{
+            unit_length(telemetry.truck.odometer, 'km', true, false)
+              | $toFixed(0)
+          }}</span>
         </div>
         <!--				<div class="truck-cruiseControlSpeedRounded wrapper-area"><span>{{ telemetry.truck.cruiseControl.kph }}</span></div>-->
         <div class="truck-gear wrapper-area">
-          <span>{{ $trukGear( telemetry.truck.transmission, telemetry.truck.brand ) }}</span>
+          <span>{{
+            $trukGear(telemetry.truck.transmission, telemetry.truck.brand)
+          }}</span>
         </div>
         <!-- indicators -->
         <div
-          :class="{ 'yes': telemetry.truck.lights.blinker.left.active}"
+          :class="{ yes: telemetry.truck.lights.blinker.left.active }"
           class="truck-blinkerLeftOn"
         />
         <div
-          :class="{ 'yes': telemetry.truck.lights.blinker.right.active }"
+          :class="{ yes: telemetry.truck.lights.blinker.right.active }"
           class="truck-blinkerRightOn"
         />
         <div
-          :class="{ 'yes': telemetry.truck.cruiseControl.enabled }"
+          :class="{ yes: telemetry.truck.cruiseControl.enabled }"
           class="truck-cruiseControlOn"
         />
         <div
-          :class="{ 'yes': telemetry.truck.lights.beamHigh.enabled }"
+          :class="{ yes: telemetry.truck.lights.beamHigh.enabled }"
           class="truck-lightsBeamHighOn"
         />
         <div
-          :class="{ 'yes': telemetry.truck.lights.beamLow.enabled }"
+          :class="{ yes: telemetry.truck.lights.beamLow.enabled }"
           class="truck-lightsBeamLowOn"
         />
         <div
-          :class="{ 'yes': telemetry.truck.lights.parking.enabled }"
+          :class="{ yes: telemetry.truck.lights.parking.enabled }"
           class="truck-lightsParkingOn"
         />
         <div
-          :class="{'yes': telemetry.trailer.attached}"
+          :class="{ yes: telemetry.trailer.attached }"
           class="trailer-attached"
         />
         <div class="trailer-mass wrapper-area">
-          <span>{{ unit_weight( telemetry.job.cargo.mass, true, false ) | $toFixed( 1 ) }}<span class="ton">{{ unit_weight( telemetry.job.cargo.mass, false ) }}</span></span>
+          <span
+            >{{
+              unit_weight(telemetry.job.cargo.mass, true, false) | $toFixed(1)
+            }}<span class="ton">{{
+              unit_weight(telemetry.job.cargo.mass, false)
+            }}</span></span
+          >
         </div>
         <div class="trailer-name">
           {{ telemetry.job.cargo.name }}
         </div>
         <div class="game-time wrapper-area">
-          <span>{{ $gameTime() | $dateTimeLocalized( DATE_FORMAT_SHORT, TIME_FORMAT_SHORT ) }}</span>
+          <span>{{
+            $gameTime()
+              | $dateTimeLocalized(DATE_FORMAT_SHORT, TIME_FORMAT_SHORT)
+          }}</span>
         </div>
         <div
-          :class="{ 'yes': telemetry.truck.brakes.parking.enabled }"
+          :class="{ yes: telemetry.truck.brakes.parking.enabled }"
           class="truck-parkBrakeOn"
         />
         <div
-          :class="{ 'yes': telemetry.truck.brakes.airPressure.warning.enabled }"
+          :class="{ yes: telemetry.truck.brakes.airPressure.warning.enabled }"
           class="truck-airPressureWarningOn"
         />
         <div class="truck-retarderBrake wrapper-area">
           <span>{{ telemetry.truck.brakes.retarder.level }}</span>
         </div>
         <div class="truck-waterTemperature">
-          {{ unit_degrees( telemetry.truck.engine.waterTemperature.value )
-          }}
+          {{ unit_degrees(telemetry.truck.engine.waterTemperature.value) }}
         </div>
         <div class="truck-oilTemperature">
-          {{ unit_degrees( telemetry.truck.engine.oilTemperature.value ) }}
+          {{ unit_degrees(telemetry.truck.engine.oilTemperature.value) }}
         </div>
         <div class="truck-batteryVoltage">
-          {{ telemetry.truck.engine.batteryVoltage.warning.factor.toFixed(0)
-          }}
+          {{ telemetry.truck.engine.batteryVoltage.warning.factor.toFixed(0) }}
         </div>
         <!--				<div :class="{ 'yes': telemetry.truck.brakes.airPressure.emergency.enabled }" class="truck-airPressureEmergencyOn"></div>-->
         <div
-          :class="{ 'yes': telemetry.truck.fuel.warning.enabled }"
+          :class="{ yes: telemetry.truck.fuel.warning.enabled }"
           class="truck-fuelWarningOn"
         />
       </div>
@@ -157,16 +162,16 @@
 </template>
 
 <script>
-import Dashboard      from '@/components/dashboards/Dashboard';
-import Cadran         from '@/components/dashboards/shared/Cadran';
+import Dashboard from '@/components/dashboards/Dashboard';
+import Cadran from '@/components/dashboards/shared/Cadran';
 import TelemetryMixin from '@/mixins/TelemetryMixin';
 
 export default {
-  name:       'VolvoFHDashboard',
+  name: 'VolvoFHDashboard',
   components: {
     Dashboard,
     Cadran
   },
-  mixins: [ TelemetryMixin ]
+  mixins: [TelemetryMixin]
 };
 </script>
diff --git a/src/components/dashboards/jagfx/JagfxConfigMixins.vue b/src/components/dashboards/jagfx/JagfxConfigMixins.vue
index 7e265f7a..4eccfc20 100644
--- a/src/components/dashboards/jagfx/JagfxConfigMixins.vue
+++ b/src/components/dashboards/jagfx/JagfxConfigMixins.vue
@@ -2,71 +2,76 @@
 export default {
   data() {
     return {
-      elements:    {
-        right:      [],
+      elements: {
+        right: [],
         'middle-t': [],
         'middle-b': []
       },
       maxElements: {
-        right:      7,
+        right: 7,
         'middle-t': 4,
         'middle-b': -1
       }
     };
   },
   mounted() {
-    const config = this.$store.getters[ 'config/all' ];
-    const keys   = Object.keys( config );
+    const config = this.$store.getters['config/all'];
+    const keys = Object.keys(config);
 
-    const configRight        = keys.filter( elm => {
-      const isOnSide  = /^jagfx_elements_right/.test( elm );
-      const isEnabled = this.$store.getters[ 'config/enabled' ]( elm );
+    const configRight = keys.filter((elm) => {
+      const isOnSide = /^jagfx_elements_right/.test(elm);
+      const isEnabled = this.$store.getters['config/enabled'](elm);
 
       return isOnSide && isEnabled;
-    } );
-    const configMiddleTop    = keys.filter( elm => {
-      const isOnSide  = /^jagfx_elements_mid_top/.test( elm );
-      const isEnabled = this.$store.getters[ 'config/enabled' ]( elm );
+    });
+    const configMiddleTop = keys.filter((elm) => {
+      const isOnSide = /^jagfx_elements_mid_top/.test(elm);
+      const isEnabled = this.$store.getters['config/enabled'](elm);
 
       return isOnSide && isEnabled;
-    } );
-    const configMiddleBottom = keys.filter( elm => {
-      const isOnSide  = /^jagfx_elements_mid_bottom/.test( elm );
-      const isEnabled = this.$store.getters[ 'config/enabled' ]( elm );
+    });
+    const configMiddleBottom = keys.filter((elm) => {
+      const isOnSide = /^jagfx_elements_mid_bottom/.test(elm);
+      const isEnabled = this.$store.getters['config/enabled'](elm);
 
       return isOnSide && isEnabled;
-    } );
+    });
 
-    this.elements.right         = configRight.slice( 0, this.maxElements.right );
-    this.elements[ 'middle-t' ] = configMiddleTop.slice( 0, this.maxElements[ 'middle-t' ] );
-    this.elements[ 'middle-b' ] = configMiddleBottom;
+    this.elements.right = configRight.slice(0, this.maxElements.right);
+    this.elements['middle-t'] = configMiddleTop.slice(
+      0,
+      this.maxElements['middle-t']
+    );
+    this.elements['middle-b'] = configMiddleBottom;
   },
   methods: {
-    $elementIsEnabled: function ( side, element, options ) {
-      const sideElements = this.elements[ side ];
-      const indexElement = sideElements.indexOf( element );
-      const isOnSide     = indexElement !== -1;
+    $elementIsEnabled: function (side, element, options) {
+      const sideElements = this.elements[side];
+      const indexElement = sideElements.indexOf(element);
+      const isOnSide = indexElement !== -1;
 
-      if ( options !== undefined ) {
-        const navElmSide       = options.side;
-        const maxMiddleElement = this.maxElements[ 'middle-t' ];
+      if (options !== undefined) {
+        const navElmSide = options.side;
+        const maxMiddleElement = this.maxElements['middle-t'];
 
-        if ( indexElement + 1 > ((maxMiddleElement / 2)) && navElmSide === 'left' )
+        if (indexElement + 1 > maxMiddleElement / 2 && navElmSide === 'left')
           return false;
 
-        if ( navElmSide === 'right' ) {
-          if ( ((indexElement + 1) <= ((maxMiddleElement / 2))) || ((indexElement + 1) > maxMiddleElement) )
+        if (navElmSide === 'right') {
+          if (
+            indexElement + 1 <= maxMiddleElement / 2 ||
+            indexElement + 1 > maxMiddleElement
+          )
             return false;
         }
       }
 
-      if ( !this.$store.getters[ 'config/enabled' ]( element ) )
-        return false;
+      if (!this.$store.getters['config/enabled'](element)) return false;
 
       return isOnSide;
     },
-    $elementsLength:   function ( side ) {
-      return this.elements[ side ].length;
+    $elementsLength: function (side) {
+      return this.elements[side].length;
     }
   }
 };
diff --git a/src/components/dashboards/jagfx/JagfxSymbolArea.vue b/src/components/dashboards/jagfx/JagfxSymbolArea.vue
index dde2b25c..be0ee98d 100644
--- a/src/components/dashboards/jagfx/JagfxSymbolArea.vue
+++ b/src/components/dashboards/jagfx/JagfxSymbolArea.vue
@@ -3,7 +3,11 @@
     <!-- Brake parking | parkingBrake -->
     <div
       v-if="elementIsEnabled('jagfx_elements_mid_top_parkingBrake')"
-      :class="{ 'red': $parent.telemetry.truck.brakes.parking.enabled, 'left': sideLeft(), 'right': sideRight() }"
+      :class="{
+        red: $parent.telemetry.truck.brakes.parking.enabled,
+        left: sideLeft(),
+        right: sideRight()
+      }"
       class="dash-symbol"
     >
       <span>
@@ -14,7 +18,11 @@
     <!-- Retarder | retarder -->
     <div
       v-if="elementIsEnabled('jagfx_elements_mid_top_retarder')"
-      :class="{ 'green': $parent.telemetry.truck.brakes.retarder.level > 0, 'left': sideLeft(), 'right': sideRight() }"
+      :class="{
+        green: $parent.telemetry.truck.brakes.retarder.level > 0,
+        left: sideLeft(),
+        right: sideRight()
+      }"
       class="dash-symbol"
     >
       <span>
@@ -25,7 +33,11 @@
     <!-- Beacon | beacon -->
     <div
       v-if="elementIsEnabled('jagfx_elements_mid_top_beacon')"
-      :class="{ 'green': $parent.telemetry.truck.lights.beacon.enabled, 'left': sideLeft(), 'right': sideRight() }"
+      :class="{
+        green: $parent.telemetry.truck.lights.beacon.enabled,
+        left: sideLeft(),
+        right: sideRight()
+      }"
       class="dash-symbol"
     >
       <span>
@@ -36,9 +48,14 @@
     <!-- Beam high | beamHigh -->
     <div
       v-if="elementIsEnabled('jagfx_elements_mid_top_beamHigh')"
-      :class="{ 'blue': $parent.telemetry.truck.lights.beamHigh.enabled
-        && $parent.telemetry.truck.lights.beamLow.enabled
-        && $parent.telemetry.truck.engine.enabled, 'left': sideLeft(), 'right': sideRight() }"
+      :class="{
+        blue:
+          $parent.telemetry.truck.lights.beamHigh.enabled &&
+          $parent.telemetry.truck.lights.beamLow.enabled &&
+          $parent.telemetry.truck.engine.enabled,
+        left: sideLeft(),
+        right: sideRight()
+      }"
       class="dash-symbol"
     >
       <span>
@@ -49,7 +66,13 @@
     <!-- Beam low | beamLow -->
     <div
       v-if="elementIsEnabled('jagfx_elements_mid_top_beamLow')"
-      :class="{ 'green': $parent.telemetry.truck.lights.beamLow.enabled && $parent.telemetry.truck.engine.enabled, 'left': sideLeft(), 'right': sideRight() }"
+      :class="{
+        green:
+          $parent.telemetry.truck.lights.beamLow.enabled &&
+          $parent.telemetry.truck.engine.enabled,
+        left: sideLeft(),
+        right: sideRight()
+      }"
       class="dash-symbol"
     >
       <span>
@@ -68,7 +91,7 @@
     <div
       v-for="i in indexEmptyElement()"
       :key="i"
-      :class="{ 'left': sideLeft(), 'right': sideRight() }"
+      :class="{ left: sideLeft(), right: sideRight() }"
       class="dash-symbol disabled"
     />
   </div>
@@ -78,47 +101,44 @@
 import JagfxConfigMixins from '@/components/dashboards/jagfx/JagfxConfigMixins';
 
 export default {
-  name:    'JagfxSymbolArea',
-  mixins:  [ JagfxConfigMixins ],
-  props:   {
+  name: 'JagfxSymbolArea',
+  mixins: [JagfxConfigMixins],
+  props: {
     side: {
-      type:     String,
+      type: String,
       required: true
     }
   },
   methods: {
-    elementIsEnabled:  function ( elm ) {
-      return this.$elementIsEnabled( 'middle-t', elm, { side: this.side } );
+    elementIsEnabled: function (elm) {
+      return this.$elementIsEnabled('middle-t', elm, { side: this.side });
     },
-    sideLeft:          function () {
+    sideLeft: function () {
       return this.side === 'left';
     },
-    sideRight:         function () {
+    sideRight: function () {
       return this.side === 'right';
     },
     indexEmptyElement: function () {
-      const elementLength    = this.$elementsLength( 'middle-t' );
-      const maxElement       = this.maxElements[ 'middle-t' ];
+      const elementLength = this.$elementsLength('middle-t');
+      const maxElement = this.maxElements['middle-t'];
       const maxElementBySide = maxElement / 2;
 
       let diff = 0;
-      if ( this.sideLeft() ) {
-        diff = (elementLength > 2)
-            ? 0
-            : Math.abs( elementLength - maxElementBySide );
+      if (this.sideLeft()) {
+        diff =
+          elementLength > 2 ? 0 : Math.abs(elementLength - maxElementBySide);
       } else {
-        diff = (elementLength <= maxElementBySide)
+        diff =
+          elementLength <= maxElementBySide
             ? 2
             : elementLength - maxElementBySide;
 
-        if ( elementLength > maxElementBySide )
-          diff = 0;
+        if (elementLength > maxElementBySide) diff = 0;
       }
 
-      return (diff <= 0)
-          ? 0
-          : diff;
+      return diff <= 0 ? 0 : diff;
     }
   }
 };
-</script>
\ No newline at end of file
+</script>
diff --git a/src/components/dashboards/jagfx/Zone/JagfxJob.vue b/src/components/dashboards/jagfx/Zone/JagfxJob.vue
index d8ae4e40..75404391 100644
--- a/src/components/dashboards/jagfx/Zone/JagfxJob.vue
+++ b/src/components/dashboards/jagfx/Zone/JagfxJob.vue
@@ -4,77 +4,75 @@
 			<div class="name">{{telemetry.job.cargo.name}}</div>
 		</div>-->
     <!--<div class="wear">{{Math.floor(100 * telemetry.job.cargo.damage)}}%</div>-->
-		
-    <ul class="dash-element left ">
-      <li
-        :class="{ 'disabled': !$hasJob() }"
-        class="multiline default"
-      >
+
+    <ul class="dash-element left">
+      <li :class="{ disabled: !$hasJob() }" class="multiline default">
         <div class="round from">
           <i class="icon-startpoint" />
         </div>
         <span v-if="!$hasJob()">{{ $t('N/A') }}</span>
         <span v-else>
           <span>{{ telemetry.job.source.city.name }}</span>
-          <small class="text-muted text-italic text-size-1rem text-line-height-1rem">{{ telemetry.job.source.company.name }}</small>
+          <small
+            class="text-muted text-italic text-size-1rem text-line-height-1rem"
+            >{{ telemetry.job.source.company.name }}</small
+          >
         </span>
       </li>
-      <li
-        :class="{ 'disabled': !$hasJob() }"
-        class="multiline default"
-      >
+      <li :class="{ disabled: !$hasJob() }" class="multiline default">
         <div class="round to">
           <i class="icon-endpoint" />
         </div>
         <span v-if="!$hasJob()">{{ $t('N/A') }}</span>
         <span v-else>
           <span>{{ telemetry.job.destination.city.name }}</span>
-          <small class="text-muted text-italic text-size-1rem text-line-height-1rem">{{ telemetry.job.destination.company.name }}</small>
+          <small
+            class="text-muted text-italic text-size-1rem text-line-height-1rem"
+            >{{ telemetry.job.destination.company.name }}</small
+          >
         </span>
       </li>
-      <li
-        :class="{ 'disabled': !$hasJob() }"
-        class="default"
-      >
+      <li :class="{ disabled: !$hasJob() }" class="default">
         <div class="round">
           <i class="icon-time" />
         </div>
         <span v-if="$hasJob() && $jobRemainingTimeToDueDate()">{{
-          jobDeliveryTime | $dateTimeLocalized( DATE_FORMAT_LONG, TIME_FORMAT_SHORT )
+          jobDeliveryTime
+            | $dateTimeLocalized(DATE_FORMAT_LONG, TIME_FORMAT_SHORT)
+        }}</span>
+        <span v-else-if="$hasJob() && !$jobRemainingTimeToDueDate()">{{
+          $jobRemainingTimeDelivery(
+            telemetry.job.expectedDeliveryTimestamp.value
+          )
         }}</span>
-        <span v-else-if="$hasJob() && !$jobRemainingTimeToDueDate()">{{ $jobRemainingTimeDelivery( telemetry.job.expectedDeliveryTimestamp.value ) }}</span>
         <span v-else>{{ $t('N/A') }}</span>
       </li>
-      <li
-        :class="{ 'disabled': !$hasJob() }"
-        class="default"
-      >
+      <li :class="{ disabled: !$hasJob() }" class="default">
         <div class="round">
           <i class="icon-currency" />
         </div>
         <span v-if="!$hasJob()">{{ $t('N/A') }}</span>
-        <span v-else>{{ unit_currency( telemetry.job.income ) }}</span>
+        <span v-else>{{ unit_currency(telemetry.job.income) }}</span>
       </li>
       <li
-        :class="{ 'disabled': telemetry.navigation.distance === 0 }"
+        :class="{ disabled: telemetry.navigation.distance === 0 }"
         class="default"
       >
         <div class="round">
           <i class="icon-ruler" />
         </div>
         <span v-if="telemetry.navigation.distance === 0">{{ $t('N/A') }}</span>
-        <span v-else-if="telemetry.navigation.distance < 1000"> {{ unit_length( telemetry.navigation.distance, 'm' ) }}</span>
-        <span v-else>{{ unit_length( telemetry.navigation.distance ) }}</span>
+        <span v-else-if="telemetry.navigation.distance < 1000">
+          {{ unit_length(telemetry.navigation.distance, 'm') }}</span
+        >
+        <span v-else>{{ unit_length(telemetry.navigation.distance) }}</span>
       </li>
-      <li
-        :class="{ 'disabled': !$hasJob() }"
-        class="default"
-      >
+      <li :class="{ disabled: !$hasJob() }" class="default">
         <div class="round">
           <i class="icon-weight" />
         </div>
         <span v-if="!$hasJob()">{{ $t('N/A') }}</span>
-        <span v-else>{{ unit_weight( telemetry.job.cargo.mass ) }}</span>
+        <span v-else>{{ unit_weight(telemetry.job.cargo.mass) }}</span>
       </li>
     </ul>
 
@@ -99,10 +97,10 @@
 </template>
 
 <script>
-	import TelemetryMixin from '@/mixins/TelemetryMixin';
+import TelemetryMixin from '@/mixins/TelemetryMixin';
 
-  export default {
-    name: 'JagfxJob',
-    mixins: [TelemetryMixin]
-  };
+export default {
+  name: 'JagfxJob',
+  mixins: [TelemetryMixin]
+};
 </script>
diff --git a/src/components/dashboards/jagfx/Zone/JagfxNavigation.vue b/src/components/dashboards/jagfx/Zone/JagfxNavigation.vue
index 4957288b..2f161722 100644
--- a/src/components/dashboards/jagfx/Zone/JagfxNavigation.vue
+++ b/src/components/dashboards/jagfx/Zone/JagfxNavigation.vue
@@ -9,7 +9,9 @@
           :class="telemetry.truck.transmission.shifterType"
           class="truck-gear"
         >
-          <span class="value">{{ $trukGear( telemetry.truck.transmission, telemetry.truck.brand ) }}</span>
+          <span class="value">{{
+            $trukGear(telemetry.truck.transmission, telemetry.truck.brand)
+          }}</span>
         </div>
 
         <!-- Right elements -->
@@ -21,7 +23,9 @@
       <div class="speed-area">
         <div class="speed-wrapper">
           <div
-            v-if="$elementIsEnabled( 'middle-b', 'jagfx_elements_mid_bottom_rpm' )"
+            v-if="
+              $elementIsEnabled('middle-b', 'jagfx_elements_mid_bottom_rpm')
+            "
             class="left"
           >
             <JagfxRPMBars
@@ -34,33 +38,38 @@
           </div>
           <div class="middle">
             <div class="speed">
-              <span class="value">{{ unit_speed( telemetry.truck.speed, true, false ) | $toFixed( 0 ) }}</span>
-              <small class="unit">{{ unit_speed( telemetry.truck.speed, false ) }}</small>
+              <span class="value">{{
+                unit_speed(telemetry.truck.speed, true, false) | $toFixed(0)
+              }}</span>
+              <small class="unit">{{
+                unit_speed(telemetry.truck.speed, false)
+              }}</small>
             </div>
 
             <div
-              v-if="$elementIsEnabled( 'middle-b','jagfx_elements_mid_bottom_fuel' )"
+              v-if="
+                $elementIsEnabled('middle-b', 'jagfx_elements_mid_bottom_fuel')
+              "
               class="fuel-level"
             >
               <span class="fuel-icon-wrapper">
-                <i
-                  :class="{'warning': onWarningLevel() }"
-                  class="icon-fuel"
-                />
+                <i :class="{ warning: onWarningLevel() }" class="icon-fuel" />
               </span>
 
               <div class="bars">
                 <div
                   v-for="i in getFuelBarCount()"
                   :key="i"
-                  :class="{ 'active' : getFuelBarActive( i ) }"
+                  :class="{ active: getFuelBarActive(i) }"
                   class="bar"
                 />
               </div>
             </div>
           </div>
           <div
-            v-if="$elementIsEnabled( 'middle-b', 'jagfx_elements_mid_bottom_rpm' )"
+            v-if="
+              $elementIsEnabled('middle-b', 'jagfx_elements_mid_bottom_rpm')
+            "
             class="right"
           >
             <JagfxRPMBars
@@ -75,29 +84,48 @@
       </div>
 
       <div class="odometer">
-        <span class="value">{{ unit_length( telemetry.truck.odometer, 'km', true, false ) | $toFixed( 0 ) }}</span>
-        <small class="unit">{{ unit_length( telemetry.truck.odometer, 'km', false ) }}</small>
+        <span class="value">{{
+          unit_length(telemetry.truck.odometer, 'km', true, false) | $toFixed(0)
+        }}</span>
+        <small class="unit">{{
+          unit_length(telemetry.truck.odometer, 'km', false)
+        }}</small>
       </div>
 
       <!-- Speed limit -->
       <div class="bottomArea">
         <div
-          v-if="$elementIsEnabled( 'middle-b', 'jagfx_elements_mid_bottom_blinker_turn' )"
-          :class="{ 'active': telemetry.truck.lights.blinker.left.active}"
+          v-if="
+            $elementIsEnabled(
+              'middle-b',
+              'jagfx_elements_mid_bottom_blinker_turn'
+            )
+          "
+          :class="{ active: telemetry.truck.lights.blinker.left.active }"
           class="blinkers"
         >
           <i class="icon-blinker_left" />
         </div>
         <div
-          v-if="$elementIsEnabled( 'middle-b', 'jagfx_elements_mid_bottom_speedLimit' )"
-          :class="{ 'hidden': telemetry.navigation.speedLimit.value === 0 }"
+          v-if="
+            $elementIsEnabled(
+              'middle-b',
+              'jagfx_elements_mid_bottom_speedLimit'
+            )
+          "
+          :class="{ hidden: telemetry.navigation.speedLimit.value === 0 }"
           class="speedLimitKPH"
         >
-          {{ unit_speed( telemetry.navigation.speedLimit, true, false ) }}
+          {{ unit_speed(telemetry.navigation.speedLimit, true, false) }}
         </div>
         <div
-          v-if="$elementIsEnabled( 'middle-b', 'jagfx_elements_mid_bottom_blinker_turn' )"
-          :class="{ 'active': telemetry.truck.lights.blinker.right.active}"
+          v-if="
+            $elementIsEnabled(
+              'middle-b',
+              'jagfx_elements_mid_bottom_blinker_turn'
+            )
+          "
+          :class="{ active: telemetry.truck.lights.blinker.right.active }"
           class="blinkers"
         >
           <i class="icon-blinker_right" />
@@ -109,29 +137,34 @@
 
 <script>
 import JagfxConfigMixins from '@/components/dashboards/jagfx/JagfxConfigMixins';
-import JagfxSymbolArea   from '@/components/dashboards/jagfx/JagfxSymbolArea';
-import JagfxRPMBars      from '@/components/dashboards/jagfx/Zone/JagfxRPMBars';
-import TelemetryMixin    from '@/mixins/TelemetryMixin';
+import JagfxSymbolArea from '@/components/dashboards/jagfx/JagfxSymbolArea';
+import JagfxRPMBars from '@/components/dashboards/jagfx/Zone/JagfxRPMBars';
+import TelemetryMixin from '@/mixins/TelemetryMixin';
 
 export default {
-  name:       'JagfxNavigation',
+  name: 'JagfxNavigation',
   components: { JagfxSymbolArea, JagfxRPMBars },
-  mixins:     [ JagfxConfigMixins, TelemetryMixin ],
-  methods:    {
-    getFuelByBar:     function () {
-      return (this.telemetry.truck.fuel.capacity * this.telemetry.truck.fuel.warning.factor).toFixed( 0 );
+  mixins: [JagfxConfigMixins, TelemetryMixin],
+  methods: {
+    getFuelByBar: function () {
+      return (
+        this.telemetry.truck.fuel.capacity *
+        this.telemetry.truck.fuel.warning.factor
+      ).toFixed(0);
     },
-    getFuelBarCount:  function () {
-      return Math.ceil( this.telemetry.truck.fuel.capacity / this.getFuelByBar() );
+    getFuelBarCount: function () {
+      return Math.ceil(
+        this.telemetry.truck.fuel.capacity / this.getFuelByBar()
+      );
     },
-    getFuelBarActive: function ( i ) {
-      const fuelByBar   = this.getFuelByBar();
-      const iLow        = i - 1;
-      const fuelBarFrom = (iLow * fuelByBar);
+    getFuelBarActive: function (i) {
+      const fuelByBar = this.getFuelByBar();
+      const iLow = i - 1;
+      const fuelBarFrom = iLow * fuelByBar;
 
-      return (this.telemetry.truck.fuel.value >= fuelBarFrom);
+      return this.telemetry.truck.fuel.value >= fuelBarFrom;
     },
-    onWarningLevel:   function () {
+    onWarningLevel: function () {
       return this.telemetry.truck.fuel.value < this.getFuelByBar();
     }
   }
diff --git a/src/components/dashboards/jagfx/Zone/JagfxRPMBars.vue b/src/components/dashboards/jagfx/Zone/JagfxRPMBars.vue
index cd49899a..35ee91fa 100644
--- a/src/components/dashboards/jagfx/Zone/JagfxRPMBars.vue
+++ b/src/components/dashboards/jagfx/Zone/JagfxRPMBars.vue
@@ -4,10 +4,10 @@
       v-for="i in maxBarRpm"
       :key="i"
       :class="{
-        'active' : getRPMBarActive( i ),
-        'green': isAGreenBar( i ),
-        'blue': isABlueBar( i ),
-        'red': isARedBar( i )
+        active: getRPMBarActive(i),
+        green: isAGreenBar(i),
+        blue: isABlueBar(i),
+        red: isARedBar(i)
       }"
       class="bar"
     />
@@ -16,10 +16,10 @@
 
 <script>
 import truck_engine_rpm from '@/data/truck-engine-rpm.json';
-import jq               from 'json-query';
+import jq from 'json-query';
 
 export default {
-  name:  'JagfxRPMBars',
+  name: 'JagfxRPMBars',
   props: {
     brand: {
       type: Object,
@@ -34,72 +34,76 @@ export default {
       required: true
     }
   },
-  data:  function () {
+  data: function () {
     return {
-      ter:       null,
+      ter: null,
       maxBarRpm: 25
     };
-		},
-		mounted() {
-			if ( this.brand !== undefined || this.model !== undefined ) {
-				const ter = JSON.parse( JSON.stringify( truck_engine_rpm ) );
-				this.ter  = jq( `trucks[brandId=${ this.brand.id }].models[modelId=${ this.model.id }]`,
-					{ data: ter } ).value;
-				
-				if ( this.ter === null ) {
-					this.ter = {
-						max:  2500,
-						low:  null,
-						mid:  null,
-						high: null
-					};
-				}
-			}
-		},
-		methods: {
-			getRPMBarActive:  function ( i ) {
-				if ( this.ter === undefined || this.ter === null )
-					return false;
-				
-				const rpmBarFrom = this.getCurrentRpmBar( i );
+  },
+  mounted() {
+    if (this.brand !== undefined || this.model !== undefined) {
+      const ter = JSON.parse(JSON.stringify(truck_engine_rpm));
+      this.ter = jq(
+        `trucks[brandId=${this.brand.id}].models[modelId=${this.model.id}]`,
+        { data: ter }
+      ).value;
+
+      if (this.ter === null) {
+        this.ter = {
+          max: 2500,
+          low: null,
+          mid: null,
+          high: null
+        };
+      }
+    }
+  },
+  methods: {
+    getRPMBarActive: function (i) {
+      if (this.ter === undefined || this.ter === null) return false;
+
+      const rpmBarFrom = this.getCurrentRpmBar(i);
+
+      return this.engine.rpm.value >= rpmBarFrom && this.engine.rpm.value !== 0;
+    },
+    getCurrentRpmBar: function (i) {
+      if (this.ter === null) return 0;
+
+      const maxBar = this.maxBarRpm;
+      const rpmByBar = this.engine.rpm.max / maxBar;
+      const iLow = maxBar - i;
 
-        return (this.engine.rpm.value >= rpmBarFrom && this.engine.rpm.value !== 0);
-			},
-			getCurrentRpmBar: function ( i ) {
-				if ( this.ter === null )
-					return 0;
-				
-				const maxBar   = this.maxBarRpm;
-				const rpmByBar = (this.engine.rpm.max / maxBar);
-				const iLow     = (maxBar - i);
-				
-				return (iLow * rpmByBar);
-			},
-			isAGreenBar:      function ( i ) {
-				if ( this.ter === null )
-					return false;
-				
-				const rpmBarFrom = this.getCurrentRpmBar( i );
-				
-				return this.ter.low !== null && (rpmBarFrom >= this.ter.low.from && rpmBarFrom <= this.ter.low.to);
-			},
-			isABlueBar:       function ( i ) {
-				if ( this.ter === null )
-					return false;
-				
-				const rpmBarFrom = this.getCurrentRpmBar( i );
-				
-				return this.ter.mid !== null && (rpmBarFrom >= this.ter.mid.from && rpmBarFrom <= this.ter.mid.to);
-			},
-			isARedBar:        function ( i ) {
-				if ( this.ter === null )
-					return false;
-				
-				const rpmBarFrom = this.getCurrentRpmBar( i );
+      return iLow * rpmByBar;
+    },
+    isAGreenBar: function (i) {
+      if (this.ter === null) return false;
+
+      const rpmBarFrom = this.getCurrentRpmBar(i);
+
+      return (
+        this.ter.low !== null &&
+        rpmBarFrom >= this.ter.low.from &&
+        rpmBarFrom <= this.ter.low.to
+      );
+    },
+    isABlueBar: function (i) {
+      if (this.ter === null) return false;
 
-        return this.ter.high !== null && (rpmBarFrom >= this.ter.high.from);
-			}
-		}
-	};
+      const rpmBarFrom = this.getCurrentRpmBar(i);
 
+      return (
+        this.ter.mid !== null &&
+        rpmBarFrom >= this.ter.mid.from &&
+        rpmBarFrom <= this.ter.mid.to
+      );
+    },
+    isARedBar: function (i) {
+      if (this.ter === null) return false;
+
+      const rpmBarFrom = this.getCurrentRpmBar(i);
+
+      return this.ter.high !== null && rpmBarFrom >= this.ter.high.from;
+    }
+  }
+};
 </script>
diff --git a/src/components/dashboards/jagfx/Zone/JagfxTrailer.vue b/src/components/dashboards/jagfx/Zone/JagfxTrailer.vue
index cd17e7a6..e998298b 100644
--- a/src/components/dashboards/jagfx/Zone/JagfxTrailer.vue
+++ b/src/components/dashboards/jagfx/Zone/JagfxTrailer.vue
@@ -4,51 +4,35 @@
       <div class="trailer-data">
         <!--<span>{{bodyType}}</span>
 				<small>{{chainType}}</small>-->
-        <div
-          v-if="$hasTrailerAndJob()"
-          class="job"
-        >
+        <div v-if="$hasTrailerAndJob()" class="job">
           {{ telemetry.job.cargo.name }}
         </div>
-        <div
-          v-else-if="$hasTrailer()"
-          class="job disabled"
-        >
+        <div v-else-if="$hasTrailer()" class="job disabled">
           <i>-- {{ $t('No Job') }} --</i>
         </div>
-        <div
-          v-else
-          class="job disabled"
-        >
+        <div v-else class="job disabled">
           <i>-- {{ $t('No trailer') }} --</i>
         </div>
       </div>
       <div class="job-data">
         <small class="licencePlate left">
           <span class="flag">
-            {{ $flag( telemetry.trailer.licensePlate.country.id, telemetry.game.game.id ) }}
+            {{
+              $flag(
+                telemetry.trailer.licensePlate.country.id,
+                telemetry.game.game.id
+              )
+            }}
           </span>
-          <span
-            v-if="$hasTrailer()"
-            class="w-100 text-center"
-          >
+          <span v-if="$hasTrailer()" class="w-100 text-center">
             <span>{{ telemetry.trailer.licensePlate.value }}</span>
           </span>
-          <span
-            v-else
-            class="w-100 text-center"
-          >{{ $t('N/A') }}</span>
+          <span v-else class="w-100 text-center">{{ $t('N/A') }}</span>
         </small>
-        <div
-          v-if="$hasTrailer()"
-          class="damage left"
-        >
+        <div v-if="$hasTrailer()" class="damage left">
           {{ $trailerDamage() }} %
         </div>
-        <div
-          v-else
-          class="damage left"
-        >
+        <div v-else class="damage left">
           {{ $t('N/A') }}
         </div>
       </div>
@@ -69,10 +53,10 @@
 </template>
 
 <script>
-	import TelemetryMixin from '@/mixins/TelemetryMixin';
+import TelemetryMixin from '@/mixins/TelemetryMixin';
 
-  export default {
-    name: 'JagfxTrailer',
-    mixins: [ TelemetryMixin ]
-  };
+export default {
+  name: 'JagfxTrailer',
+  mixins: [TelemetryMixin]
+};
 </script>
diff --git a/src/components/dashboards/jagfx/Zone/JagfxTruck.vue b/src/components/dashboards/jagfx/Zone/JagfxTruck.vue
index 5cae1953..e03abdfa 100644
--- a/src/components/dashboards/jagfx/Zone/JagfxTruck.vue
+++ b/src/components/dashboards/jagfx/Zone/JagfxTruck.vue
@@ -20,7 +20,12 @@
           <span>
             <span class="licencePlate right">
               <span class="flag">
-                {{ $flag( telemetry.truck.licensePlate.country.id, telemetry.game.game.id ) }}
+                {{
+                  $flag(
+                    telemetry.truck.licensePlate.country.id,
+                    telemetry.game.game.id
+                  )
+                }}
               </span>
               <span class="w-100 text-center">
                 <span>{{ telemetry.truck.licensePlate.value }}</span>
@@ -46,20 +51,21 @@
       :embedded="true"
       class="dash-element mx-3 my-2 theMap"
     />
-    <ul
-      v-else
-      class="dash-element right"
-    >
+    <ul v-else class="dash-element right">
       <!-- Cruise control -->
       <li
-        v-if="elementIsEnabled( 'jagfx_elements_right_cruiseControl' )"
+        v-if="elementIsEnabled('jagfx_elements_right_cruiseControl')"
         :class="{
-          'green' : telemetry.truck.cruiseControl.enabled,
-          'disabled' : !telemetry.truck.cruiseControl.enabled
+          green: telemetry.truck.cruiseControl.enabled,
+          disabled: !telemetry.truck.cruiseControl.enabled
         }"
       >
-        <span v-show="!telemetry.truck.cruiseControl.enabled">{{ $t('OFF') }}</span>
-        <span v-show="telemetry.truck.cruiseControl.enabled">{{ unit_speed( telemetry.truck.cruiseControl ) }}</span>
+        <span v-show="!telemetry.truck.cruiseControl.enabled">{{
+          $t('OFF')
+        }}</span>
+        <span v-show="telemetry.truck.cruiseControl.enabled">{{
+          unit_speed(telemetry.truck.cruiseControl)
+        }}</span>
         <div class="round">
           <i class="icon-cruise_control" />
         </div>
@@ -67,13 +73,13 @@
 
       <!-- Fuel -->
       <li
-        v-if="elementIsEnabled( 'jagfx_elements_right_fuel' )"
+        v-if="elementIsEnabled('jagfx_elements_right_fuel')"
         class="blue"
         :class="{
-          'orange': telemetry.truck.fuel.warning.enabled
+          orange: telemetry.truck.fuel.warning.enabled
         }"
       >
-        <span>{{ unit_volume( telemetry.truck.fuel.value ) }}</span>
+        <span>{{ unit_volume(telemetry.truck.fuel.value) }}</span>
         <div class="round">
           <i class="icon-fuel" />
         </div>
@@ -81,10 +87,10 @@
 
       <!-- Fuel consumption -->
       <li
-        v-if="elementIsEnabled( 'jagfx_elements_right_fuelConsumption' )"
+        v-if="elementIsEnabled('jagfx_elements_right_fuelConsumption')"
         class="white"
       >
-        <span>{{ unit_consumption( telemetry.truck.fuel.avgConsumption ) }}</span>
+        <span>{{ unit_consumption(telemetry.truck.fuel.avgConsumption) }}</span>
         <div class="round">
           <i class="icon-fuel_consumption" />
         </div>
@@ -92,10 +98,10 @@
 
       <!-- Next rest stop -->
       <li
-        v-if="elementIsEnabled( 'jagfx_elements_right_restStop' )"
+        v-if="elementIsEnabled('jagfx_elements_right_restStop')"
         class="default"
       >
-        <span>in {{ $nextRestStop( telemetry.navigation.nextRestStop ) }}</span>
+        <span>in {{ $nextRestStop(telemetry.navigation.nextRestStop) }}</span>
         <div class="round">
           <i class="icon-rest_stop" />
         </div>
@@ -103,14 +109,16 @@
 
       <!-- Air pressure -->
       <li
-        v-if="elementIsEnabled( 'jagfx_elements_right_brakesAirPressure' )"
+        v-if="elementIsEnabled('jagfx_elements_right_brakesAirPressure')"
         class="blue"
         :class="{
-          'orange': telemetry.truck.brakes.airPressure.warning.enabled,
-          'red': telemetry.truck.brakes.airPressure.emergency.enabled
+          orange: telemetry.truck.brakes.airPressure.warning.enabled,
+          red: telemetry.truck.brakes.airPressure.emergency.enabled
         }"
       >
-        <span>{{ unit_pressure( telemetry.truck.brakes.airPressure.value ) }}</span>
+        <span>{{
+          unit_pressure(telemetry.truck.brakes.airPressure.value)
+        }}</span>
         <div class="round">
           <i class="icon-air_pressure" />
         </div>
@@ -118,10 +126,12 @@
 
       <!-- Oil temperature -->
       <li
-        v-if="elementIsEnabled( 'jagfx_elements_right_oilTemperature' )"
+        v-if="elementIsEnabled('jagfx_elements_right_oilTemperature')"
         class="default"
       >
-        <span>{{ unit_degrees( telemetry.truck.engine.oilTemperature.value ) }}</span>
+        <span>{{
+          unit_degrees(telemetry.truck.engine.oilTemperature.value)
+        }}</span>
         <div class="round">
           <i class="icon-oil" />
         </div>
@@ -129,10 +139,12 @@
 
       <!-- Brakes temparature -->
       <li
-        v-if="elementIsEnabled( 'jagfx_elements_right_brakesTemperature' )"
+        v-if="elementIsEnabled('jagfx_elements_right_brakesTemperature')"
         class="white"
       >
-        <span>{{ unit_degrees( telemetry.truck.brakes.temperature.value ) }}</span>
+        <span>{{
+          unit_degrees(telemetry.truck.brakes.temperature.value)
+        }}</span>
         <div class="round">
           <i class="icon-brakes_temperature" />
         </div>
@@ -140,13 +152,15 @@
 
       <!-- Water temperature -->
       <li
-        v-if="elementIsEnabled( 'jagfx_elements_right_waterTemperature' )"
+        v-if="elementIsEnabled('jagfx_elements_right_waterTemperature')"
         class="blue"
         :class="{
-          'orange': telemetry.truck.engine.waterTemperature.warning.enabled
+          orange: telemetry.truck.engine.waterTemperature.warning.enabled
         }"
       >
-        <span>{{ unit_degrees( telemetry.truck.engine.waterTemperature.value ) }}</span>
+        <span>{{
+          unit_degrees(telemetry.truck.engine.waterTemperature.value)
+        }}</span>
         <div class="round">
           <i class="icon-water_temperature" />
         </div>
@@ -154,24 +168,22 @@
 
       <!-- Battery -->
       <li
-        v-if="elementIsEnabled( 'jagfx_elements_right_batteryVoltage' )"
+        v-if="elementIsEnabled('jagfx_elements_right_batteryVoltage')"
         class="blue"
         :class="{
-          'orange': telemetry.truck.engine.batteryVoltage.warning.enabled
+          orange: telemetry.truck.engine.batteryVoltage.warning.enabled
         }"
       >
-        <span>{{ Math.round( telemetry.truck.engine.batteryVoltage.value ) }} V</span>
+        <span
+          >{{ Math.round(telemetry.truck.engine.batteryVoltage.value) }} V</span
+        >
         <div class="round">
           <i class="icon-battery" />
         </div>
       </li>
 
       <!-- Empty -->
-      <li
-        v-for="i in indexEmptyElement()"
-        :key="i"
-        class="disabled"
-      >
+      <li v-for="i in indexEmptyElement()" :key="i" class="disabled">
         <span />
         <div class="round" />
       </li>
@@ -181,25 +193,23 @@
 
 <script>
 import JagfxConfigMixins from '@/components/dashboards/jagfx/JagfxConfigMixins';
-import Map               from '@/components/dashboards/shared/Map';
-import TelemetryMixin    from '@/mixins/TelemetryMixin';
+import Map from '@/components/dashboards/shared/Map';
+import TelemetryMixin from '@/mixins/TelemetryMixin';
 
 export default {
-  name:       'JagfxTruck',
+  name: 'JagfxTruck',
   components: { Map },
-  mixins:     [ JagfxConfigMixins, TelemetryMixin ],
-  methods:    {
+  mixins: [JagfxConfigMixins, TelemetryMixin],
+  methods: {
     indexEmptyElement: function () {
-      const elementLength = this.$elementsLength( 'right' );
-      const maxElement    = this.maxElements[ 'right' ];
-      const diff          = maxElement - elementLength;
+      const elementLength = this.$elementsLength('right');
+      const maxElement = this.maxElements['right'];
+      const diff = maxElement - elementLength;
 
-      return (diff <= 0)
-          ? 0
-          : diff;
+      return diff <= 0 ? 0 : diff;
     },
-    elementIsEnabled:  function ( element ) {
-      return this.$elementIsEnabled( 'right', element );
+    elementIsEnabled: function (element) {
+      return this.$elementIsEnabled('right', element);
     }
   }
 };
diff --git a/src/components/dashboards/shared/Cadran.vue b/src/components/dashboards/shared/Cadran.vue
index 4b57e110..f9ac9263 100644
--- a/src/components/dashboards/shared/Cadran.vue
+++ b/src/components/dashboards/shared/Cadran.vue
@@ -1,57 +1,57 @@
 <template>
   <div
     :class="classCSS"
-    :style="{ 'transform' : 'rotate(' + angle() + 'deg)' }"
+    :style="{ transform: 'rotate(' + angle() + 'deg)' }"
     :data-type="type"
   />
 </template>
 
 <script>
-	export default {
-    name:    'Cadran',
-    props: {
-      classCSS: {
-        type: String,
-        required: true
-      },
-      type: {
-        type: String,
-        required: true
-      },
-      value: {
-        type: Number,
-        required: true
-      },
-      min: {
-        type: Number,
-        required: true
-      },
-      max: {
-        type: Number,
-        required: true
-      },
-      minAngle: {
-        type: Number,
-        required: true
-      },
-      maxAngle: {
-        type: Number,
-        required: true
-      }
+export default {
+  name: 'Cadran',
+  props: {
+    classCSS: {
+      type: String,
+      required: true
     },
-    methods: {
-			angle() {
-				const minValue = this.min;
-				const maxValue = this.max;
-				const minAngle = this.minAngle;
-				const maxAngle = this.maxAngle;
-				let value      = this.value;
-				value          = Math.min( value, maxValue );
-				value          = Math.max( value, minValue );
-				const offset   = (value - minValue) / (maxValue - minValue);
-				
-				return (maxAngle - minAngle) * offset + minAngle;
-			}
-		}
-	};
+    type: {
+      type: String,
+      required: true
+    },
+    value: {
+      type: Number,
+      required: true
+    },
+    min: {
+      type: Number,
+      required: true
+    },
+    max: {
+      type: Number,
+      required: true
+    },
+    minAngle: {
+      type: Number,
+      required: true
+    },
+    maxAngle: {
+      type: Number,
+      required: true
+    }
+  },
+  methods: {
+    angle() {
+      const minValue = this.min;
+      const maxValue = this.max;
+      const minAngle = this.minAngle;
+      const maxAngle = this.maxAngle;
+      let value = this.value;
+      value = Math.min(value, maxValue);
+      value = Math.max(value, minValue);
+      const offset = (value - minValue) / (maxValue - minValue);
+
+      return (maxAngle - minAngle) * offset + minAngle;
+    }
+  }
+};
 </script>
diff --git a/src/components/dashboards/shared/Map.vue b/src/components/dashboards/shared/Map.vue
index 6f93a8e0..8cea05ee 100644
--- a/src/components/dashboards/shared/Map.vue
+++ b/src/components/dashboards/shared/Map.vue
@@ -1,30 +1,22 @@
 <template>
-  <div
-    id="map-element"
-    class="map-shared wrapper"
-  >
+  <div id="map-element" class="map-shared wrapper">
     <div
       v-if="!ready"
       class="loader w-100 h-100 d-flex justify-content-center flex-column align-items-center"
     >
-      <transition
-        mode="out-in"
-        name="slide-fade"
-      >
-        <div class="d-flex justify-content-center align-items-center flex-column">
+      <transition mode="out-in" name="slide-fade">
+        <div
+          class="d-flex justify-content-center align-items-center flex-column"
+        >
           <h1>
-            <span
-              class="mb-3"
-              v-html="message.icon"
-            />
+            <span class="mb-3" v-html="message.icon" />
           </h1>
           <h1 class="text-center">
             {{ $t(message.text) }}
           </h1>
-          <small
-            v-if="message.sub.length > 0"
-            class="mb-3"
-          >{{ message.sub }}</small>
+          <small v-if="message.sub.length > 0" class="mb-3">{{
+            message.sub
+          }}</small>
           <b-spinner
             v-show="message.processing"
             :label="$t('Processing')"
@@ -33,23 +25,17 @@
         </div>
       </transition>
     </div>
-    <div
-      id="map"
-      class="w-100 h-100"
-    />
+    <div id="map" class="w-100 h-100" />
 
-    <div
-      class="barControls"
-      :class="{'embedded': embedded }"
-    >
-      <div
-        class="barZone justify-content-end"
-        :class="{'embedded': embedded }"
-      >
+    <div class="barControls" :class="{ embedded: embedded }">
+      <div class="barZone justify-content-end" :class="{ embedded: embedded }">
         <div
           v-if="!embedded"
           class="barButton mr-auto h-100 menuRoute"
-          :class="{ disabled: !$haveAnActiveNavigation() || !displayNavigationInfo, active: $haveAnActiveNavigation() && displayNavigationInfo }"
+          :class="{
+            disabled: !$haveAnActiveNavigation() || !displayNavigationInfo,
+            active: $haveAnActiveNavigation() && displayNavigationInfo
+          }"
           @click="displayNavigationInfo = !displayNavigationInfo"
         >
           <div class="round px-2 py-0">
@@ -60,41 +46,37 @@
         <div
           class="barButton m-0 flex-row-reverse h-100 cruise-control"
           :class="{
-            'green' : telemetry.truck.cruiseControl.enabled,
-            'disabled' : !telemetry.truck.cruiseControl.enabled
+            green: telemetry.truck.cruiseControl.enabled,
+            disabled: !telemetry.truck.cruiseControl.enabled
           }"
         >
           <div class="round px-2 py-0">
             <i class="icon-cruise_control" />
           </div>
-          <span
-            v-if="!telemetry.truck.cruiseControl.enabled"
-            class="pl-2"
-          >{{ $t('OFF') }}</span>
-          <span
-            v-else
-            class="pl-2"
-          >{{ unit_speed( telemetry.truck.cruiseControl ) }}</span>
+          <span v-if="!telemetry.truck.cruiseControl.enabled" class="pl-2">{{
+            $t('OFF')
+          }}</span>
+          <span v-else class="pl-2">{{
+            unit_speed(telemetry.truck.cruiseControl)
+          }}</span>
         </div>
       </div>
-      <div
-        v-if="!embedded"
-        class="barZone spacer"
-      />
-      <div
-        v-if="!embedded"
-        id="speed-area"
-      >
-        <div class="d-flex justify-content-center align-items-center bottom button">
+      <div v-if="!embedded" class="barZone spacer" />
+      <div v-if="!embedded" id="speed-area">
+        <div
+          class="d-flex justify-content-center align-items-center bottom button"
+        >
           <div class="speed">
-            <span class="value d-block">{{ unit_speed( telemetry.truck.speed, true, false ) | $toFixed( 0 ) }}</span>
+            <span class="value d-block">{{
+              unit_speed(telemetry.truck.speed, true, false) | $toFixed(0)
+            }}</span>
           </div>
 
           <div
             :class="telemetry.truck.transmission.shifterType"
             class="truck-gears ml-2"
           >
-            {{ $trukGear( telemetry.truck.transmission, telemetry.truck.brand ) }}
+            {{ $trukGear(telemetry.truck.transmission, telemetry.truck.brand) }}
           </div>
         </div>
       </div>
@@ -103,13 +85,15 @@
           v-if="!embedded"
           class="barButton m-0 blue h-100 fuel"
           :class="{
-            'orange': telemetry.truck.fuel.warning.enabled
+            orange: telemetry.truck.fuel.warning.enabled
           }"
         >
           <div class="round px-2 py-0">
             <i class="icon-fuel" />
           </div>
-          <span class="pr-2">{{ unit_volume( telemetry.truck.fuel.value ) }}</span>
+          <span class="pr-2">{{
+            unit_volume(telemetry.truck.fuel.value)
+          }}</span>
         </div>
         <div class="barButton disabled w-100 h-100" />
         <div
@@ -126,11 +110,17 @@
 
     <!-- Speed limit -->
     <div
-      v-if="$haveAnActiveSpeedLimit() && configEnabled('maps_elements_speedLimit') && !embedded"
+      v-if="
+        $haveAnActiveSpeedLimit() &&
+        configEnabled('maps_elements_speedLimit') &&
+        !embedded
+      "
       id="speed-limit"
       class="justify-content-center align-items-center"
     >
-      <span>{{ unit_speed( telemetry.navigation.speedLimit, true, false ) }}</span>
+      <span>{{
+        unit_speed(telemetry.navigation.speedLimit, true, false)
+      }}</span>
     </div>
     <!-- ./Speed limit -->
 
@@ -145,9 +135,7 @@
         :class="{ disabled: !displayMapInfo, active: displayMapInfo }"
         @click="onClickMapInfo"
       >
-        <div
-          class="round px-2 py-0"
-        >
+        <div class="round px-2 py-0">
           <i class="fa fa-info" />
         </div>
       </div>
@@ -161,11 +149,7 @@
           <i class="icon-location_arrow" />
         </div>
       </div>
-      <div
-        id="center-button"
-        class="button w-100"
-        @click="onClickCenter"
-      >
+      <div id="center-button" class="button w-100" @click="onClickCenter">
         <span class="round px-2 py-0">
           <i class="icon-target" />
         </span>
@@ -175,19 +159,13 @@
     <!-- ./Control map buttons -->
 
     <!-- Map info overlay -->
-    <div
-      v-if="displayMapInfo"
-      id="mapInfoOverlay"
-    >
+    <div v-if="displayMapInfo" id="mapInfoOverlay">
       <h5>
         <span>{{ $t('Map Information') }}</span>
-        <i
-          class="fas fa-times"
-          @click="onClickMapInfo"
-        />
+        <i class="fas fa-times" @click="onClickMapInfo" />
       </h5>
-      <hr>
-      <table v-if="mapInfo() !== null && mapInfo().hasOwnProperty( 'game' )">
+      <hr />
+      <table v-if="mapInfo() !== null && mapInfo().hasOwnProperty('game')">
         <tr>
           <th>{{ $t('Game') }}</th>
           <td>{{ mapInfo().game.name }}</td>
@@ -202,7 +180,10 @@
         </tr>
         <tr v-if="configEnabled('maps_general_debug')">
           <th>{{ $t('Pos') }}</th>
-          <td>X: {{ telemetry.truck.position.X.toFixed( 3 ) }} | Y: {{ telemetry.truck.position.Y.toFixed( 3 ) }}</td>
+          <td>
+            X: {{ telemetry.truck.position.X.toFixed(3) }} | Y:
+            {{ telemetry.truck.position.Y.toFixed(3) }}
+          </td>
         </tr>
         <tr v-if="configEnabled('maps_general_debug')">
           <th>{{ $t('Ready') }}</th>
@@ -239,12 +220,12 @@
         <div class="round">
           <i class="icon-time" />
         </div>
-        <span class="pl-2 w-100">{{ $etaDueDate() | $dateTimeLocalized( DATE_FORMAT_LONG, TIME_FORMAT_SHORT ) }}</span>
+        <span class="pl-2 w-100">{{
+          $etaDueDate()
+            | $dateTimeLocalized(DATE_FORMAT_LONG, TIME_FORMAT_SHORT)
+        }}</span>
       </div>
-      <div
-        v-else
-        class="button px-2 py-0 w-100 active"
-      >
+      <div v-else class="button px-2 py-0 w-100 active">
         <div class="round">
           <i class="icon-time" />
         </div>
@@ -254,7 +235,9 @@
         <div class="round">
           <i class="icon-ruler" />
         </div>
-        <span class="pl-2 w-100">{{ unit_length( telemetry.navigation.distance, 'm' ) }}</span>
+        <span class="pl-2 w-100">{{
+          unit_length(telemetry.navigation.distance, 'm')
+        }}</span>
       </span>
     </div>
     <!-- ./Navigation ETA -->
@@ -262,87 +245,95 @@
 </template>
 
 <script>
-import TelemetryMixin   from '@/mixins/TelemetryMixin';
+import TelemetryMixin from '@/mixins/TelemetryMixin';
 import { history, map } from '@/utils/utils';
-import { mapGetters }   from 'vuex';
+import { mapGetters } from 'vuex';
 
 export default {
-  name:   'Map',
-  mixins: [ TelemetryMixin ],
-  props:  {
+  name: 'Map',
+  mixins: [TelemetryMixin],
+  props: {
     embedded: {
-      type:     Boolean,
+      type: Boolean,
       required: false,
-      default() { return false; }
+      default() {
+        return false;
+      }
     }
   },
   data() {
     return {
-      displayControls:       (this.embedded)
-                                 ? false
-                                 : this.$store.getters[ 'config/enabled' ]( 'maps_elements_mapControls' ),
-      displayNavigationInfo: this.$store.getters[ 'config/enabled' ]( 'maps_elements_eta' ),
-      displayMapInfo:        false,
-      rotateWithPlayer:      map.d.gBehaviorRotateWithPlayer,
-      ready:                 false,
-      message:               {
-        icon:       '<i class="fas fa-map-marked-alt"></i>',
-        text:       'Map initialiation',
-        sub:        '',
+      displayControls: this.embedded
+        ? false
+        : this.$store.getters['config/enabled']('maps_elements_mapControls'),
+      displayNavigationInfo:
+        this.$store.getters['config/enabled']('maps_elements_eta'),
+      displayMapInfo: false,
+      rotateWithPlayer: map.d.gBehaviorRotateWithPlayer,
+      ready: false,
+      message: {
+        icon: '<i class="fas fa-map-marked-alt"></i>',
+        text: 'Map initialiation',
+        sub: '',
         processing: true
       }
     };
   },
   computed: {
-    ...mapGetters( {
+    ...mapGetters({
       configEnabled: 'config/enabled'
-    } ),
+    }),
     m: () => map.d
   },
-  watch:    {
-    telemetry( newTelemetry ) {
-      if ( this.ready ) {
+  watch: {
+    telemetry(newTelemetry) {
+      if (this.ready) {
         map.updatePlayerPositionAndRotation(
-            newTelemetry.truck.position.X,
-            newTelemetry.truck.position.Z,
-            newTelemetry.truck.orientation.heading,
-            newTelemetry.truck.speed.kph );
+          newTelemetry.truck.position.X,
+          newTelemetry.truck.position.Z,
+          newTelemetry.truck.orientation.heading,
+          newTelemetry.truck.speed.kph
+        );
       }
     }
   },
   mounted() {
-    map.init( this.telemetry.game.game.name )
-       .then( () => {
-         this.ready            = true;
-         this.rotateWithPlayer = map.d.gBehaviorRotateWithPlayer;
-
-         // --- Dev
-         //if ( app.useFakeData )
-         //  setTimeout( () => {
-         //    this.$updateTelemetry( testData )
-         //  }, 1000 );
-         // --- ./Dev
-       } )
-       .catch( e => {
-         this.message.icon       = '<i class="fas fa-times"></i>';
-         this.message.text       = 'Unable to load map';
-         this.message.sub        = e;
-         this.message.processing = false;
+    map
+      .init(this.telemetry.game.game.name)
+      .then(() => {
+        this.ready = true;
+        this.rotateWithPlayer = map.d.gBehaviorRotateWithPlayer;
 
-         const errorMessage = e.message || e;
+        // --- Dev
+        //if ( app.useFakeData )
+        //  setTimeout( () => {
+        //    this.$updateTelemetry( testData )
+        //  }, 1000 );
+        // --- ./Dev
+      })
+      .catch((e) => {
+        this.message.icon = '<i class="fas fa-times"></i>';
+        this.message.text = 'Unable to load map';
+        this.message.sub = e;
+        this.message.processing = false;
 
-         this.$pushALog( `Unknown error: ${ errorMessage }`, history.HTY_ZONE.MAPS_INIT, history.HTY_LEVEL.ERROR );
-       } );
+        const errorMessage = e.message || e;
 
+        this.$pushALog(
+          `Unknown error: ${errorMessage}`,
+          history.HTY_ZONE.MAPS_INIT,
+          history.HTY_LEVEL.ERROR
+        );
+      });
   },
   methods: {
     onClickMapInfo() {
       this.displayMapInfo = !this.displayMapInfo;
     },
     onClickRotate() {
-      map.d.gBehaviorRotateWithPlayer = (map.d.gBehaviorCenterOnPlayer)
-          ? !map.d.gBehaviorRotateWithPlayer
-          : true;
+      map.d.gBehaviorRotateWithPlayer = map.d.gBehaviorCenterOnPlayer
+        ? !map.d.gBehaviorRotateWithPlayer
+        : true;
 
       this.rotateWithPlayer = map.d.gBehaviorRotateWithPlayer;
     },
@@ -354,4 +345,4 @@ export default {
     }
   }
 };
-</script>
\ No newline at end of file
+</script>
diff --git a/src/components/header/Header.vue b/src/components/header/Header.vue
index 6aa138a1..95611665 100644
--- a/src/components/header/Header.vue
+++ b/src/components/header/Header.vue
@@ -1,14 +1,7 @@
 <template>
   <div id="header">
-    <HeaderGameInformation
-      v-if="appReady"
-      id="game"
-    />
-    <div
-      v-if="appReady"
-      v-show="menuIsDisplayed"
-      class="wrapper menu h-100"
-    >
+    <HeaderGameInformation v-if="appReady" id="game" />
+    <div v-if="appReady" v-show="menuIsDisplayed" class="wrapper menu h-100">
       <Menu />
     </div>
   </div>
@@ -16,18 +9,18 @@
 
 <script>
 import HeaderGameInformation from '@/components/header/HeaderGameInformation';
-import Menu                  from '@/components/menu/Menu';
-import TelemetryMixin        from '@/mixins/TelemetryMixin';
-import { mapGetters }        from 'vuex';
+import Menu from '@/components/menu/Menu';
+import TelemetryMixin from '@/mixins/TelemetryMixin';
+import { mapGetters } from 'vuex';
 
 export default {
-  name:       'Header',
+  name: 'Header',
   components: { HeaderGameInformation, Menu },
-  mixins: [TelemetryMixin  ],
-  computed:   {
-    ...mapGetters( {
+  mixins: [TelemetryMixin],
+  computed: {
+    ...mapGetters({
       menuIsDisplayed: 'menu/isDisplayed'
-    } )
+    })
   }
 };
 </script>
diff --git a/src/components/header/HeaderGameInformation.vue b/src/components/header/HeaderGameInformation.vue
index d3e8b4a6..2f37c939 100644
--- a/src/components/header/HeaderGameInformation.vue
+++ b/src/components/header/HeaderGameInformation.vue
@@ -2,7 +2,10 @@
   <nav class="header-game-information-overlay">
     <ul class="w-100">
       <!--      <li><span>Game</span>{{ telemetry.game.game.name.toUpperCase() }}</li>-->
-      <li><span>{{ $t('API') }}</span>v{{ telemetry.game.telemetryVersion }}</li>
+      <li>
+        <span>{{ $t('API') }}</span
+        >v{{ telemetry.game.telemetryVersion }}
+      </li>
       <li v-if="!isOnDevEnvironment() && !newReleaseAvailable">
         <span>&copy;</span>JAGFx - {{ getVersion() }}
       </li>
@@ -20,16 +23,8 @@
         </span>
       </li>
       <li v-else>
-        <select
-          v-model="event"
-          class="w-100"
-          @change="onEventChange"
-        >
-          <option
-            disabled
-            selected
-            value=""
-          >
+        <select v-model="event" class="w-100" @change="onEventChange">
+          <option disabled selected value="">
             {{ $t('Select one') }}
           </option>
           <optgroup :label="$t('Game')">
@@ -118,12 +113,18 @@
       <!--<li><span>Uptime</span>{{formatedTimestamp()}}</li>-->
     </ul>
     <div class="game-time">
-      <span>{{ $gameTime() | $dateTimeLocalized( DATE_FORMAT_LONG, TIME_FORMAT_SHORT ) }}</span>
+      <span>{{
+        $gameTime() | $dateTimeLocalized(DATE_FORMAT_LONG, TIME_FORMAT_SHORT)
+      }}</span>
     </div>
     <ul class="w-100">
       <li @click="onClickGear()">
-        <span v-show="!menuIsDisplayed">{{ $t('Menu') }} <i class="fas fa-bars" />️</span>
-        <span v-show="menuIsDisplayed">{{ $t('Close') }} <i class="fas fa-times" />️</span>
+        <span v-show="!menuIsDisplayed"
+          >{{ $t('Menu') }} <i class="fas fa-bars" />️</span
+        >
+        <span v-show="menuIsDisplayed"
+          >{{ $t('Close') }} <i class="fas fa-times" />️</span
+        >
       </li>
       <li @click="onClickFullscreen()">
         <span v-show="!fullscreen"><i class="fas fa-expand" /></span>
@@ -134,37 +135,40 @@
 </template>
 
 <script>
-import scsSDKData       from '@/data/scs_sdk_plugin_parsed_data.json';
-import TelemetryMixin   from '@/mixins/TelemetryMixin';
+import scsSDKData from '@/data/scs_sdk_plugin_parsed_data.json';
+import TelemetryMixin from '@/mixins/TelemetryMixin';
 import { app, history } from '@/utils/utils';
-import * as axios       from 'axios';
-import { mapGetters }   from 'vuex';
+import * as axios from 'axios';
+import { mapGetters } from 'vuex';
 
 export default {
   name: 'HeaderGameInformation',
   mixins: [TelemetryMixin],
   data() {
     return {
-      event:               '',
-      fullscreen:          false,
-      wakeLock:            null,
+      event: '',
+      fullscreen: false,
+      wakeLock: null,
       newReleaseAvailable: false
     };
   },
   computed: {
-    ...mapGetters( {
+    ...mapGetters({
       menuIsDisplayed: 'menu/isDisplayed'
-    } )
+    })
   },
   mounted() {
-    axios.get( 'https://api.github.com/repos/JAGFx/ets2-dashboard-skin/releases/latest' )
-         .then( ( data ) => {
-           const latestReleaseVersion = data.data.tag_name;
-           const appVersion           = `v${ app.version }`;
+    axios
+      .get(
+        'https://api.github.com/repos/JAGFx/ets2-dashboard-skin/releases/latest'
+      )
+      .then((data) => {
+        const latestReleaseVersion = data.data.tag_name;
+        const appVersion = `v${app.version}`;
 
-           if ( latestReleaseVersion !== appVersion )
-             this.newReleaseAvailable = true;
-         } );
+        if (latestReleaseVersion !== appVersion)
+          this.newReleaseAvailable = true;
+      });
   },
   methods: {
     getVersion() {
@@ -174,57 +178,58 @@ export default {
       return app.isOnDevEnvironment;
     },
     onEventChange() {
-      const spitedEvent = this.event.split( '.' );
-      let rawData       = scsSDKData.events[ spitedEvent[ 0 ] ][ spitedEvent[ 1 ] ];
+      const spitedEvent = this.event.split('.');
+      let rawData = scsSDKData.events[spitedEvent[0]][spitedEvent[1]];
 
-      this.$pushALog( 'Throw event ' + this.event, history.HTY_ZONE.ZONE_GAME, history.HTY_LEVEL.DEBUG );
+      this.$pushALog(
+        'Throw event ' + this.event,
+        history.HTY_ZONE.ZONE_GAME,
+        history.HTY_LEVEL.DEBUG
+      );
 
-      this.$updateEvent( {
+      this.$updateEvent({
         eventName: this.event,
-        rawData:   { ...rawData }
-      } );
+        rawData: { ...rawData }
+      });
     },
     onClickGear() {
-      this.$pushALog( 'Menu toggle', history.HTY_ZONE.ZONE_GAME, history.HTY_LEVEL.DEBUG );
+      this.$pushALog(
+        'Menu toggle',
+        history.HTY_ZONE.ZONE_GAME,
+        history.HTY_LEVEL.DEBUG
+      );
 
-      this.$store.dispatch( 'menu/toggle' );
+      this.$store.dispatch('menu/toggle');
     },
     onClickFullscreen() {
-      const elem = document.querySelector( 'html' );
+      const elem = document.querySelector('html');
 
-      if ( !this.fullscreen ) {
+      if (!this.fullscreen) {
         // Enable fullscreen
 
-        if ( elem.requestFullscreen )
-          elem.requestFullscreen();
-
-        else if ( elem.mozRequestFullScreen )
-          elem.mozRequestFullScreen();
-
-        else if ( elem.webkitRequestFullscreen )
-          elem.webkitRequestFullscreen();
-
-        else if ( elem.msRequestFullscreen )
-          elem.msRequestFullscreen();
-
-        this.$pushALog( 'Enable fullscreen', history.HTY_ZONE.ZONE_GAME, history.HTY_LEVEL.DEBUG );
+        if (elem.requestFullscreen) elem.requestFullscreen();
+        else if (elem.mozRequestFullScreen) elem.mozRequestFullScreen();
+        else if (elem.webkitRequestFullscreen) elem.webkitRequestFullscreen();
+        else if (elem.msRequestFullscreen) elem.msRequestFullscreen();
 
+        this.$pushALog(
+          'Enable fullscreen',
+          history.HTY_ZONE.ZONE_GAME,
+          history.HTY_LEVEL.DEBUG
+        );
       } else {
         // Disable fullscreen
 
-        if ( document.exitFullscreen )
-          document.exitFullscreen();
-
-        else if ( document.mozCancelFullScreen )
-          document.mozCancelFullScreen();
-
-        else if ( document.webkitExitFullscreen )
-          document.webkitExitFullscreen();
+        if (document.exitFullscreen) document.exitFullscreen();
+        else if (document.mozCancelFullScreen) document.mozCancelFullScreen();
+        else if (document.webkitExitFullscreen) document.webkitExitFullscreen();
+        else if (document.msExitFullscreen) document.msExitFullscreen();
 
-        else if ( document.msExitFullscreen )
-          document.msExitFullscreen();
-
-        this.$pushALog( 'Disable fullscreen', history.HTY_ZONE.ZONE_GAME, history.HTY_LEVEL.DEBUG );
+        this.$pushALog(
+          'Disable fullscreen',
+          history.HTY_ZONE.ZONE_GAME,
+          history.HTY_LEVEL.DEBUG
+        );
       }
 
       this.switchAwakeScreen();
@@ -232,41 +237,50 @@ export default {
       this.fullscreen = !this.fullscreen;
     },
     switchAwakeScreen() {
-      this.$pushALog( 'Wake Lock API support: ' + ('wakeLock' in navigator),
-          history.HTY_ZONE.ZONE_GAME,
-          history.HTY_LEVEL.DEBUG );
-      this.$pushALog( 'Screen Keep awake support: ' + ('keepAwake' in screen),
-          history.HTY_ZONE.ZONE_GAME,
-          history.HTY_LEVEL.DEBUG );
+      this.$pushALog(
+        'Wake Lock API support: ' + ('wakeLock' in navigator),
+        history.HTY_ZONE.ZONE_GAME,
+        history.HTY_LEVEL.DEBUG
+      );
+      this.$pushALog(
+        'Screen Keep awake support: ' + ('keepAwake' in screen),
+        history.HTY_ZONE.ZONE_GAME,
+        history.HTY_LEVEL.DEBUG
+      );
 
-      if ( 'wakeLock' in navigator )
-        this.useWakeLock();
-      else if ( 'keepAwake' in screen )
-        this.useScreenAwake();
-      else
-        this.useVueInsomnia();
+      if ('wakeLock' in navigator) this.useWakeLock();
+      else if ('keepAwake' in screen) this.useScreenAwake();
+      else this.useVueInsomnia();
     },
     useVueInsomnia() {
-      this.$pushALog( 'Awake screen - Use VueInsomnia', history.HTY_ZONE.ZONE_GAME, history.HTY_LEVEL.DEBUG );
+      this.$pushALog(
+        'Awake screen - Use VueInsomnia',
+        history.HTY_ZONE.ZONE_GAME,
+        history.HTY_LEVEL.DEBUG
+      );
 
-      if ( !this.fullscreen )
-        this.vueInsomnia().on();
-      else
-        this.vueInsomnia().off();
+      if (!this.fullscreen) this.vueInsomnia().on();
+      else this.vueInsomnia().off();
     },
     useWakeLock() {
-      this.$pushALog( 'Awake screen - Use WakeLock API', history.HTY_ZONE.ZONE_GAME, history.HTY_LEVEL.DEBUG );
+      this.$pushALog(
+        'Awake screen - Use WakeLock API',
+        history.HTY_ZONE.ZONE_GAME,
+        history.HTY_LEVEL.DEBUG
+      );
 
-      if ( !this.fullscreen )
-        navigator.wakeLock.request( 'screen' )
-                 .then( ( wakeLock ) => {
-                   this.wakeLock = wakeLock;
-                 } );
-      else
-        this.wakeLock.release();
+      if (!this.fullscreen)
+        navigator.wakeLock.request('screen').then((wakeLock) => {
+          this.wakeLock = wakeLock;
+        });
+      else this.wakeLock.release();
     },
     useScreenAwake() {
-      this.$pushALog( 'Awake screen - Use Screen Awake API', history.HTY_ZONE.ZONE_GAME, history.HTY_LEVEL.DEBUG );
+      this.$pushALog(
+        'Awake screen - Use Screen Awake API',
+        history.HTY_ZONE.ZONE_GAME,
+        history.HTY_LEVEL.DEBUG
+      );
       screen.keepAwake = this.fullscreen;
     }
   }
diff --git a/src/components/menu/ConfigSection.vue b/src/components/menu/ConfigSection.vue
index 868f90f3..13260a73 100644
--- a/src/components/menu/ConfigSection.vue
+++ b/src/components/menu/ConfigSection.vue
@@ -1,29 +1,19 @@
 <template>
-  <section
-    :id="id"
-    class="config-section"
-  >
-    <h3 :class="['d-flex justify-content-between align-items-center p-2', { 'show': show }]">
+  <section :id="id" class="config-section">
+    <h3
+      :class="[
+        'd-flex justify-content-between align-items-center p-2',
+        { show: show }
+      ]"
+    >
       <span>{{ $t(name) }}</span>
-      <span
-        class="text-muted more"
-        @click="show = !show"
-      >
-        <i
-          v-if="show"
-          class="fas fa-angle-double-left"
-        />
-        <i
-          v-else
-          class="fas fa-angle-double-right"
-        />
-        {{ $t('Show') }} {{ $t( ( show ) ? 'less' : 'more' ) }}
+      <span class="text-muted more" @click="show = !show">
+        <i v-if="show" class="fas fa-angle-double-left" />
+        <i v-else class="fas fa-angle-double-right" />
+        {{ $t('Show') }} {{ $t(show ? 'less' : 'more') }}
       </span>
     </h3>
-    <div
-      v-show="show"
-      class="content"
-    >
+    <div v-show="show" class="content">
       <slot />
     </div>
   </section>
@@ -31,14 +21,14 @@
 
 <script>
 export default {
-  name:  'ConfigSection',
+  name: 'ConfigSection',
   props: {
-    id:   {
-      type:     String,
+    id: {
+      type: String,
       required: true
     },
     name: {
-      type:     String,
+      type: String,
       required: true
     }
   },
diff --git a/src/components/menu/Menu.vue b/src/components/menu/Menu.vue
index 16fef812..c6a53af3 100644
--- a/src/components/menu/Menu.vue
+++ b/src/components/menu/Menu.vue
@@ -6,27 +6,24 @@
           v-for="tab in tabs"
           :key="tab"
           :class="{ active: currentTab === tab }"
-          @click="onClickSwitchTab( tab )"
+          @click="onClickSwitchTab(tab)"
         >
-          {{ $t( tab ) }}
+          {{ $t(tab) }}
         </li>
       </ul>
     </nav>
-    <component
-      :is="currentTabComponent"
-      class="tab-content h-100"
-    />
+    <component :is="currentTabComponent" class="tab-content h-100" />
   </div>
 </template>
 
 <script>
-import MenuTabAbout  from '@/components/menu/MenuTabAbout';
+import MenuTabAbout from '@/components/menu/MenuTabAbout';
 import MenuTabConfig from '@/components/menu/MenuTabConfig';
-import MenuTabSkins  from '@/components/menu/MenuTabSkins';
-import { history }   from '@/utils/utils';
+import MenuTabSkins from '@/components/menu/MenuTabSkins';
+import { history } from '@/utils/utils';
 
 export default {
-  name:       'Menu',
+  name: 'Menu',
   components: {
     MenuTabAbout,
     MenuTabConfig,
@@ -35,20 +32,24 @@ export default {
   data() {
     return {
       currentTab: 'About',
-      tabs:       [ 'Skins', 'Config', 'About' ]
+      tabs: ['Skins', 'Config', 'About']
     };
   },
-  computed:   {
+  computed: {
     currentTabComponent: function () {
       return 'MenuTab' + this.currentTab;
     }
   },
-  methods:    {
-    onClickSwitchTab( tab ) {
-      this.$pushALog( 'Switch tab to ' + tab, history.HTY_ZONE.MENU, history.HTY_LEVEL.DEBUG );
+  methods: {
+    onClickSwitchTab(tab) {
+      this.$pushALog(
+        'Switch tab to ' + tab,
+        history.HTY_ZONE.MENU,
+        history.HTY_LEVEL.DEBUG
+      );
 
       this.currentTab = tab;
     }
   }
 };
-</script>
\ No newline at end of file
+</script>
diff --git a/src/components/menu/MenuTabAbout.vue b/src/components/menu/MenuTabAbout.vue
index f3fa61ae..0bd1910f 100644
--- a/src/components/menu/MenuTabAbout.vue
+++ b/src/components/menu/MenuTabAbout.vue
@@ -5,34 +5,27 @@
         alt=""
         class="background"
         src="https://www.emmanuel-smith.me/build/images/bg.home4.7af46a47.jpg"
-      >
+      />
       <img
         class="profile img-fluid"
         src="https://avatars3.githubusercontent.com/u/12508080?s=460&u=f59ce1bde619fa0e6c226e92ab97945c4561eea5&v=4"
-      >
+      />
       <div class="card-content">
         <h2>
-          <small class="m-0 mb-2 badge badge-success badge-author">{{ $t('Author') }}</small>
+          <small class="m-0 mb-2 badge badge-success badge-author">{{
+            $t('Author')
+          }}</small>
           <span class="d-block">{{ author.name }}</span>
           <small class="font-italic">{{ author.email }}</small>
         </h2>
         <div class="icons">
-          <a
-            :href="author.url"
-            target="_blank"
-          >
+          <a :href="author.url" target="_blank">
             <i class="fas fa-globe-europe" />
           </a>
-          <a
-            href="https://twitter.com/d_jagfx"
-            target="_blank"
-          >
+          <a href="https://twitter.com/d_jagfx" target="_blank">
             <i class="fab fa-twitter" />
           </a>
-          <a
-            href="https://github.com/JAGFx"
-            target="_blank"
-          >
+          <a href="https://github.com/JAGFx" target="_blank">
             <i class="fab fa-github" />
           </a>
         </div>
@@ -41,30 +34,20 @@
     <aside class="project p-0 h-100 card">
       <div class="card-content p-3">
         <h2>
-          <small class="m-0 mb-2 badge badge-danger badge-author">v{{ version }}</small>
+          <small class="m-0 mb-2 badge badge-danger badge-author"
+            >v{{ version }}</small
+          >
           <span class="d-block">{{ description }}</span>
         </h2>
       </div>
       <div class="card-footer w-100 icons m-0">
-        <a
-          :href="bugs.url"
-          class="mx-1 text-danger"
-          target="_blank"
-        >
+        <a :href="bugs.url" class="mx-1 text-danger" target="_blank">
           <i class="fas fa-bug" />
         </a>
-        <a
-          :href="repository.url"
-          class="mx-1"
-          target="_blank"
-        >
+        <a :href="repository.url" class="mx-1" target="_blank">
           <i class="fas fa-code-branch" />
         </a>
-        <a
-          :href="homepage"
-          class="mx-1"
-          target="_blank"
-        >
+        <a :href="homepage" class="mx-1" target="_blank">
           <i class="fas fa-book" />
         </a>
         <a
@@ -88,4 +71,4 @@ export default {
     return pkg;
   }
 };
-</script>
\ No newline at end of file
+</script>
diff --git a/src/components/menu/MenuTabConfig.vue b/src/components/menu/MenuTabConfig.vue
index 51ccd9fc..ccbe0b7f 100644
--- a/src/components/menu/MenuTabConfig.vue
+++ b/src/components/menu/MenuTabConfig.vue
@@ -13,18 +13,9 @@
           <b-icon-file-earmark-arrow-down />
           {{ $t('Download') }}
         </button>
-        <div
-          class="dropdown-menu"
-          aria-labelledby="downloadConfigDropdown"
-        >
-          <a
-            class="dropdown-item"
-            @click="download('app')"
-          >App</a>
-          <a
-            class="dropdown-item"
-            @click="download('game')"
-          >Game</a>
+        <div class="dropdown-menu" aria-labelledby="downloadConfigDropdown">
+          <a class="dropdown-item" @click="download('app')">App</a>
+          <a class="dropdown-item" @click="download('game')">Game</a>
         </div>
       </div>
       <!--      <button-->
@@ -47,18 +38,23 @@
           >
             <b-icon-file-earmark-arrow-up /> {{ $t('Upload') }}
           </button>
-          <div
-            class="dropdown-menu"
-            aria-labelledby="uploadConfigDropdown"
-          >
+          <div class="dropdown-menu" aria-labelledby="uploadConfigDropdown">
             <a
               class="dropdown-item"
-              @click="showUpload = !showUpload; targetUpload = 'app'"
-            >App</a>
+              @click="
+                showUpload = !showUpload;
+                targetUpload = 'app';
+              "
+              >App</a
+            >
             <a
               class="dropdown-item"
-              @click="showUpload = !showUpload; targetUpload = 'game'"
-            >Game</a>
+              @click="
+                showUpload = !showUpload;
+                targetUpload = 'game';
+              "
+              >Game</a
+            >
           </div>
         </div>
         <!--        <button-->
@@ -75,48 +71,39 @@
           class="btn btn-sm btn-outline-ets mx-1"
           type="file"
           @change="upload"
-        >
+        />
       </span>
     </div>
 
-    <ConfigSection
-      id="general"
-      name="General"
-    >
+    <ConfigSection id="general" name="General">
       <ConfigCategoryGeneral />
       <ConfigCategoryEvents />
       <ConfigCategoryUnits />
     </ConfigSection>
 
-    <ConfigSection
-      id="map"
-      name="Map"
-    >
+    <ConfigSection id="map" name="Map">
       <ConfigCategoryMap />
     </ConfigSection>
 
-    <ConfigSection
-      id="jagfx"
-      name="JAGFx"
-    >
+    <ConfigSection id="jagfx" name="JAGFx">
       <ConfigCategoryJagfx />
     </ConfigSection>
   </div>
 </template>
 
 <script>
-import ConfigCategoryEvents           from '@/components/menu/config-categories/ConfigCategoryEvents';
-import ConfigCategoryGeneral          from '@/components/menu/config-categories/ConfigCategoryGeneral';
-import ConfigCategoryJagfx            from '@/components/menu/config-categories/ConfigCategoryJagfx';
-import ConfigCategoryMap              from '@/components/menu/config-categories/ConfigCategoryMap';
-import ConfigCategoryUnits            from '@/components/menu/config-categories/ConfigCategoryUnits';
-import ConfigSection                  from '@/components/menu/ConfigSection';
+import ConfigCategoryEvents from '@/components/menu/config-categories/ConfigCategoryEvents';
+import ConfigCategoryGeneral from '@/components/menu/config-categories/ConfigCategoryGeneral';
+import ConfigCategoryJagfx from '@/components/menu/config-categories/ConfigCategoryJagfx';
+import ConfigCategoryMap from '@/components/menu/config-categories/ConfigCategoryMap';
+import ConfigCategoryUnits from '@/components/menu/config-categories/ConfigCategoryUnits';
+import ConfigSection from '@/components/menu/ConfigSection';
 import { config as uConfig, history } from '@/utils/utils';
-import { mapGetters }                 from 'vuex';
+import { mapGetters } from 'vuex';
 import { store as telemetryStore } from '@/store/telemetry.store';
 
 export default {
-  name:       'MenuTabConfig',
+  name: 'MenuTabConfig',
   components: {
     ConfigSection,
     ConfigCategoryGeneral,
@@ -132,47 +119,52 @@ export default {
     };
   },
   computed: {
-    ...mapGetters( {
+    ...mapGetters({
       isOnProcessing: 'app/isOnProcessing'
-    } )
+    })
   },
-  methods:  {
+  methods: {
     download(target) {
-      this.$pushALog( 'Download config', history.HTY_ZONE.MENU_CONFIG, history.HTY_LEVEL.DEBUG );
+      this.$pushALog(
+        'Download config',
+        history.HTY_ZONE.MENU_CONFIG,
+        history.HTY_LEVEL.DEBUG
+      );
 
       uConfig.download(target, telemetryStore.telemetry.game.game.name);
     },
-    upload( input ) {
-      this.$pushALog( 'Start config upload', history.HTY_ZONE.MENU_CONFIG );
+    upload(input) {
+      this.$pushALog('Start config upload', history.HTY_ZONE.MENU_CONFIG);
 
       uConfig
-          .upload( input.target.files[ 0 ] )
-          .then( data => {
-            this.$pushALog( 'Config upload done', history.HTY_ZONE.MENU_CONFIG );
-
-            const commitName = (this.targetUpload === 'game')
-                ? 'config/setGame'
-                : 'config/setApp';
-            this.$store.commit( commitName, data );
+        .upload(input.target.files[0])
+        .then(
+          (data) => {
+            this.$pushALog('Config upload done', history.HTY_ZONE.MENU_CONFIG);
 
-          }, e => {
-            this.$store.dispatch( 'app/setError', {
+            const commitName =
+              this.targetUpload === 'game' ? 'config/setGame' : 'config/setApp';
+            this.$store.commit(commitName, data);
+          },
+          (e) => {
+            this.$store.dispatch('app/setError', {
               message: {
-                type:    'dark',
-                title:   'Upload failed',
+                type: 'dark',
+                title: 'Upload failed',
                 message: e
               },
               details: {
                 message: e,
-                code:    '#CONFIG_UPLOAD_FAILED'
+                code: '#CONFIG_UPLOAD_FAILED'
               }
-            } );
-          } )
-          .finally( () => {
-            this.$refs.uploadFile.value = null;
-            this.showUpload             = false;
-            this.targetUpload             = null;
-          } );
+            });
+          }
+        )
+        .finally(() => {
+          this.$refs.uploadFile.value = null;
+          this.showUpload = false;
+          this.targetUpload = null;
+        });
     }
   }
 };
diff --git a/src/components/menu/MenuTabSkins.vue b/src/components/menu/MenuTabSkins.vue
index ad4c7c32..2fb54637 100644
--- a/src/components/menu/MenuTabSkins.vue
+++ b/src/components/menu/MenuTabSkins.vue
@@ -4,8 +4,8 @@
       v-for="skin in $skins()"
       :key="skin.id"
       :class="{
-        'active': $isActive(skin),
-        'disabled': $isDisabled(skin),
+        active: $isActive(skin),
+        disabled: $isDisabled(skin)
       }"
       class="card text-white mb-3"
     >
@@ -14,24 +14,26 @@
           v-show="skin.screenshot"
           class="img-fluid"
           :src="skin.screenshot"
-        >
+        />
         <img
           v-show="!skin.screenshot"
           class="img-fluid"
           src="https://dummyimage.com/800x455/002b36/ffffff.png&text=No+screenshot"
-        >
+        />
       </div>
       <div class="card-body">
-        <h5 class="card-title mb-0 d-flex justify-content-sm-start align-items-center">
+        <h5
+          class="card-title mb-0 d-flex justify-content-sm-start align-items-center"
+        >
           {{ $t(skin.title) }}
-          <small
-            v-show="$isActive(skin)"
-            class="mx-1 badge badge-success"
-          >{{ $t('Active') }}</small>
+          <small v-show="$isActive(skin)" class="mx-1 badge badge-success">{{
+            $t('Active')
+          }}</small>
           <small
             v-show="$isDisabled(skin)"
             class="mx-1 badge badge-secondary"
-          >{{ $t('Disabled') }}</small>
+            >{{ $t('Disabled') }}</small
+          >
         </h5>
         <small class="text-muted font-italic mb-2 d-inline-block">
           {{ skin.author.name }}
@@ -40,13 +42,15 @@
             :href="skin.author.url"
             class="ml-1"
             target="_blank"
-          ><i class="fas fa-globe-europe" /></a>
+            ><i class="fas fa-globe-europe"
+          /></a>
           <a
             v-show="skin.author.email !== undefined && skin.author.email"
             :href="'mailto:' + skin.author.email"
             class="ml-1"
             target="_blank"
-          ><i class="fas fa-paper-plane" /></a>
+            ><i class="fas fa-paper-plane"
+          /></a>
         </small>
         <p class="card-text mb-0">
           {{ $t(skin.description) }}
@@ -56,10 +60,9 @@
         v-if="!$isActive(skin) && !$isDisabled(skin)"
         class="card-footer d-flex justify-content-center align-items-center"
       >
-        <a
-          class="btn btn-sm btn-success"
-          @click="$setActive(skin)"
-        >{{ $t('Activate') }}</a>
+        <a class="btn btn-sm btn-success" @click="$setActive(skin)">{{
+          $t('Activate')
+        }}</a>
       </div>
     </div>
   </div>
@@ -69,7 +72,7 @@
 import SkinsMixin from '@/mixins/SkinsMixin';
 
 export default {
-  name:   'MenuTabSkins',
-  mixins: [ SkinsMixin ]
+  name: 'MenuTabSkins',
+  mixins: [SkinsMixin]
 };
 </script>
diff --git a/src/components/menu/config-categories/ConfigCategoryEvents.vue b/src/components/menu/config-categories/ConfigCategoryEvents.vue
index 42ab8944..418ea36a 100644
--- a/src/components/menu/config-categories/ConfigCategoryEvents.vue
+++ b/src/components/menu/config-categories/ConfigCategoryEvents.vue
@@ -9,7 +9,7 @@
         label: 'Game pause',
         disabled: false,
         description: 'Show a pop-up when the game are on pause or unpause',
-        values: fieldValues( 'on_off' ),
+        values: fieldValues('on_off'),
         target: 'game'
       }"
     />
@@ -19,7 +19,7 @@
         label: 'Road fine',
         disabled: false,
         description: 'Show a pop-up when you get a road fine',
-        values: fieldValues( 'on_off' ),
+        values: fieldValues('on_off'),
         target: 'game'
       }"
     />
@@ -29,7 +29,7 @@
         label: 'Toll gate',
         disabled: false,
         description: 'Show a pop-up when you pass through a toll gate',
-        values: fieldValues( 'on_off' ),
+        values: fieldValues('on_off'),
         target: 'game'
       }"
     />
@@ -39,7 +39,7 @@
         label: 'Ferry travel',
         disabled: false,
         description: 'Show a pop-up when you use a ferry',
-        values: fieldValues( 'on_off' ),
+        values: fieldValues('on_off'),
         target: 'game'
       }"
     />
@@ -49,7 +49,7 @@
         label: 'Train travel',
         disabled: false,
         description: 'Show a pop-up when you use a train',
-        values: fieldValues( 'on_off' ),
+        values: fieldValues('on_off'),
         target: 'game'
       }"
     />
@@ -58,8 +58,9 @@
         id: 'events_game.refuel-payed',
         label: 'Refuel payed',
         disabled: false,
-        description: 'Show a pop-up when you have been refueled your truck tank',
-        values: fieldValues( 'on_off' ),
+        description:
+          'Show a pop-up when you have been refueled your truck tank',
+        values: fieldValues('on_off'),
         target: 'game'
       }"
     />
@@ -71,7 +72,7 @@
         label: 'Job canceled',
         disabled: false,
         description: 'Show a pop-up when a job was canceled',
-        values: fieldValues( 'on_off' ),
+        values: fieldValues('on_off'),
         target: 'game'
       }"
     />
@@ -81,7 +82,7 @@
         label: 'Job delivered',
         disabled: false,
         description: 'Show a pop-up when a job was delivered',
-        values: fieldValues( 'on_off' ),
+        values: fieldValues('on_off'),
         target: 'game'
       }"
     />
@@ -91,7 +92,7 @@
         label: 'Job finished',
         disabled: false,
         description: 'Show a pop-up when a job was finished',
-        values: fieldValues( 'on_off' ),
+        values: fieldValues('on_off'),
         target: 'game'
       }"
     />
@@ -101,7 +102,7 @@
         label: 'Job started',
         disabled: false,
         description: 'Show a pop-up when a job was started',
-        values: fieldValues( 'on_off' ),
+        values: fieldValues('on_off'),
         target: 'game'
       }"
     />
@@ -113,7 +114,7 @@
         label: 'Speed limit',
         disabled: false,
         description: 'Show a pop-up when the speed limit change',
-        values: fieldValues( 'on_off' ),
+        values: fieldValues('on_off'),
         target: 'game'
       }"
     />
@@ -125,7 +126,7 @@
         label: 'Trailer coupled',
         disabled: false,
         description: 'Show a pop-up when the trailer was coupled to the truck',
-        values: fieldValues( 'on_off' ),
+        values: fieldValues('on_off'),
         target: 'game'
       }"
     />
@@ -135,7 +136,7 @@
         label: 'Trailer damage',
         disabled: false,
         description: 'Show a pop-up when the damage increase on the trailer',
-        values: fieldValues( 'on_off' ),
+        values: fieldValues('on_off'),
         target: 'game'
       }"
     />
@@ -147,7 +148,7 @@
         label: 'Cruise control enabled',
         disabled: false,
         description: 'Show a pop-up when the cruise control is enabled',
-        values: fieldValues( 'on_off' ),
+        values: fieldValues('on_off'),
         target: 'game'
       }"
     />
@@ -157,7 +158,7 @@
         label: 'Cruise control increase',
         disabled: false,
         description: 'Show a pop-up when the cruise control increase',
-        values: fieldValues( 'on_off' ),
+        values: fieldValues('on_off'),
         target: 'game'
       }"
     />
@@ -167,7 +168,7 @@
         label: 'Cruise control decrease',
         disabled: false,
         description: 'Show a pop-up when the cruise control decrease',
-        values: fieldValues( 'on_off' ),
+        values: fieldValues('on_off'),
         target: 'game'
       }"
     />
@@ -177,7 +178,7 @@
         label: 'Truck warning message',
         disabled: false,
         description: 'Show a pop-up for all warning message of truck',
-        values: fieldValues( 'on_off' ),
+        values: fieldValues('on_off'),
         target: 'game'
       }"
     />
@@ -187,7 +188,7 @@
         label: 'Truck emergency message',
         disabled: false,
         description: 'Show a pop-up for all emergency message of truck',
-        values: fieldValues( 'on_off' ),
+        values: fieldValues('on_off'),
         target: 'game'
       }"
     />
@@ -197,7 +198,7 @@
         label: 'Truck electric message',
         disabled: false,
         description: 'Show a pop-up when the truck contact was on',
-        values: fieldValues( 'on_off' ),
+        values: fieldValues('on_off'),
         target: 'game'
       }"
     />
@@ -207,7 +208,7 @@
         label: 'Truck engine start',
         disabled: false,
         description: 'Show a pop-up when the truck engine start',
-        values: fieldValues( 'on_off' ),
+        values: fieldValues('on_off'),
         target: 'game'
       }"
     />
@@ -217,7 +218,7 @@
         label: 'Truck parking brake',
         disabled: false,
         description: 'Show a pop-up when the truck parking brake are on',
-        values: fieldValues( 'on_off' ),
+        values: fieldValues('on_off'),
         target: 'game'
       }"
     />
@@ -227,7 +228,7 @@
         label: 'Truck damage',
         disabled: false,
         description: 'Show a pop-up when the truck damage increase',
-        values: fieldValues( 'on_off' ),
+        values: fieldValues('on_off'),
         target: 'game'
       }"
     />
@@ -237,7 +238,7 @@
         label: 'Truck refuel',
         disabled: false,
         description: 'Show a pop-up when the truck refuel tank was full',
-        values: fieldValues( 'on_off' ),
+        values: fieldValues('on_off'),
         target: 'game'
       }"
     />
@@ -249,7 +250,7 @@
 import ConfigCategoryMixin from '@/mixins/ConfigCategoryMixin';
 
 export default {
-  name:   'ConfigCategoryEvents',
-  mixins: [ ConfigCategoryMixin ]
+  name: 'ConfigCategoryEvents',
+  mixins: [ConfigCategoryMixin]
 };
-</script>
\ No newline at end of file
+</script>
diff --git a/src/components/menu/config-categories/ConfigCategoryGeneral.vue b/src/components/menu/config-categories/ConfigCategoryGeneral.vue
index 822d257f..d07556f7 100644
--- a/src/components/menu/config-categories/ConfigCategoryGeneral.vue
+++ b/src/components/menu/config-categories/ConfigCategoryGeneral.vue
@@ -7,8 +7,9 @@
         id: 'general_refresh_rate',
         label: 'Refresh rate',
         disabled: false,
-        description: 'Set your refresh rate of the data. Less than rate are, more the dashboard data will up to date. You need to restart this app after change ;)',
-        values: fieldValues( 'general_refresh_rate' ),
+        description:
+          'Set your refresh rate of the data. Less than rate are, more the dashboard data will up to date. You need to restart this app after change ;)',
+        values: fieldValues('general_refresh_rate'),
         target: 'app'
       }"
     />
@@ -27,7 +28,7 @@
         label: 'Default skin loaded',
         disabled: false,
         description: 'Set the skin loaded when this app was started',
-        values: fieldValues( 'general_skin_on_load' ),
+        values: fieldValues('general_skin_on_load'),
         target: 'app'
       }"
     />
@@ -37,7 +38,7 @@
         label: 'Langue',
         disabled: false,
         description: 'Choose your locale used on this app',
-        values: fieldValues( 'general_skin_locale' ),
+        values: fieldValues('general_skin_locale'),
         target: 'app'
       }"
     />
@@ -47,7 +48,7 @@
         label: 'Job delivery time',
         disabled: false,
         description: 'Display the due date or the remaining time for a job',
-        values: fieldValues( 'general_job_remaining' ),
+        values: fieldValues('general_job_remaining'),
         target: 'app'
       }"
     />
@@ -56,8 +57,9 @@
         id: 'general_h-shift-layout',
         label: 'H-Shifter layout',
         disabled: false,
-        description: 'Show the current range of H-Shifter OR the automatic number',
-        values: fieldValues( 'general_h-shift-layout' ),
+        description:
+          'Show the current range of H-Shifter OR the automatic number',
+        values: fieldValues('general_h-shift-layout'),
         target: 'app'
       }"
     />
@@ -66,8 +68,9 @@
         id: 'general_damage_accurate',
         label: 'Damage accurate',
         disabled: false,
-        description: 'Show the average with value of \'Damage diagnostic\' or same as the \'Route advisor\'',
-        values: fieldValues( 'general_damage_accurate' ),
+        description:
+          'Show the average with value of \'Damage diagnostic\' or same as the \'Route advisor\'',
+        values: fieldValues('general_damage_accurate'),
         target: 'app'
       }"
     />
@@ -78,7 +81,7 @@
 import ConfigCategoryMixin from '@/mixins/ConfigCategoryMixin';
 
 export default {
-  name:   'ConfigCategoryGeneral',
-  mixins: [ ConfigCategoryMixin ]
+  name: 'ConfigCategoryGeneral',
+  mixins: [ConfigCategoryMixin]
 };
-</script>
\ No newline at end of file
+</script>
diff --git a/src/components/menu/config-categories/ConfigCategoryJagfx.vue b/src/components/menu/config-categories/ConfigCategoryJagfx.vue
index 4da27da6..05ba00b9 100644
--- a/src/components/menu/config-categories/ConfigCategoryJagfx.vue
+++ b/src/components/menu/config-categories/ConfigCategoryJagfx.vue
@@ -9,7 +9,7 @@
           label: 'Oil temperature',
           disabled: false,
           description: 'Display oil temperature',
-          values: fieldValues( 'on_off' ),
+          values: fieldValues('on_off'),
           target: 'game'
         }"
       />
@@ -19,7 +19,7 @@
           label: 'Brakes temperature',
           disabled: false,
           description: 'Display brakes temperature',
-          values: fieldValues( 'on_off' ),
+          values: fieldValues('on_off'),
           target: 'game'
         }"
       />
@@ -29,7 +29,7 @@
           label: 'Brakes air pressure',
           disabled: false,
           description: 'Display brakes air pressure',
-          values: fieldValues( 'on_off' ),
+          values: fieldValues('on_off'),
           target: 'game'
         }"
       />
@@ -39,7 +39,7 @@
           label: 'Fuel',
           disabled: false,
           description: 'Display the fuel level',
-          values: fieldValues( 'on_off' ),
+          values: fieldValues('on_off'),
           target: 'game'
         }"
       />
@@ -49,7 +49,7 @@
           label: 'Fuel consumption',
           disabled: false,
           description: 'Display the fuel average consumption',
-          values: fieldValues( 'on_off' ),
+          values: fieldValues('on_off'),
           target: 'game'
         }"
       />
@@ -58,8 +58,9 @@
           id: 'jagfx_elements_right_cruiseControl',
           label: 'Cruise control',
           disabled: false,
-          description: 'Display the current speed set with the cruise control ON',
-          values: fieldValues( 'on_off' ),
+          description:
+            'Display the current speed set with the cruise control ON',
+          values: fieldValues('on_off'),
           target: 'game'
         }"
       />
@@ -69,7 +70,7 @@
           label: 'Water temperature',
           disabled: false,
           description: 'Display the water temperature',
-          values: fieldValues( 'on_off' ),
+          values: fieldValues('on_off'),
           target: 'game'
         }"
       />
@@ -79,7 +80,7 @@
           label: 'Battery voltage',
           disabled: false,
           description: 'Display the battery voltage',
-          values: fieldValues( 'on_off' ),
+          values: fieldValues('on_off'),
           target: 'game'
         }"
       />
@@ -89,7 +90,7 @@
           label: 'Next rest stop',
           disabled: false,
           description: 'Display the time to go to the next rest stop',
-          values: fieldValues( 'on_off' ),
+          values: fieldValues('on_off'),
           target: 'game'
         }"
       />
@@ -99,7 +100,7 @@
           label: 'Display map',
           disabled: false,
           description: 'Enable or disable the map view',
-          values: fieldValues( 'on_off' ),
+          values: fieldValues('on_off'),
           target: 'game'
         }"
       />
@@ -113,7 +114,7 @@
           label: 'Retarder',
           disabled: false,
           description: 'Display the retarder indicator',
-          values: fieldValues( 'on_off' ),
+          values: fieldValues('on_off'),
           target: 'game'
         }"
       />
@@ -123,7 +124,7 @@
           label: 'Parking brake',
           disabled: false,
           description: 'Display the parking brake indicator',
-          values: fieldValues( 'on_off' ),
+          values: fieldValues('on_off'),
           target: 'game'
         }"
       />
@@ -133,7 +134,7 @@
           label: 'Beam high',
           disabled: false,
           description: 'Display the high beam indicator',
-          values: fieldValues( 'on_off' ),
+          values: fieldValues('on_off'),
           target: 'game'
         }"
       />
@@ -143,7 +144,7 @@
           label: 'Beam low',
           disabled: false,
           description: 'Display the low beam indicator',
-          values: fieldValues( 'on_off' ),
+          values: fieldValues('on_off'),
           target: 'game'
         }"
       />
@@ -153,7 +154,7 @@
           label: 'Beacon',
           disabled: false,
           description: 'Display the beacon indicator',
-          values: fieldValues( 'on_off' ),
+          values: fieldValues('on_off'),
           target: 'game'
         }"
       />
@@ -167,7 +168,7 @@
           label: 'RPM',
           disabled: false,
           description: 'Display the RPM',
-          values: fieldValues( 'on_off' ),
+          values: fieldValues('on_off'),
           target: 'game'
         }"
       />
@@ -177,7 +178,7 @@
           label: 'Fuel',
           disabled: false,
           description: 'Display the fuel level indicator',
-          values: fieldValues( 'on_off' ),
+          values: fieldValues('on_off'),
           target: 'game'
         }"
       />
@@ -187,7 +188,7 @@
           label: 'Speed limit',
           disabled: false,
           description: 'Display the speed limit',
-          values: fieldValues( 'on_off' ),
+          values: fieldValues('on_off'),
           target: 'game'
         }"
       />
@@ -196,8 +197,9 @@
           id: 'jagfx_elements_mid_bottom_blinker_turn',
           label: 'Turning indicator',
           disabled: false,
-          description: 'Display an indicator when the turn left or turn right blinker are ON',
-          values: fieldValues( 'on_off' ),
+          description:
+            'Display an indicator when the turn left or turn right blinker are ON',
+          values: fieldValues('on_off'),
           target: 'game'
         }"
       />
@@ -209,7 +211,7 @@
 import ConfigCategoryMixin from '@/mixins/ConfigCategoryMixin';
 
 export default {
-  name:   'ConfigCategoryJagfx',
-  mixins: [ ConfigCategoryMixin ]
+  name: 'ConfigCategoryJagfx',
+  mixins: [ConfigCategoryMixin]
 };
-</script>
\ No newline at end of file
+</script>
diff --git a/src/components/menu/config-categories/ConfigCategoryMap.vue b/src/components/menu/config-categories/ConfigCategoryMap.vue
index 02d947c8..02682708 100644
--- a/src/components/menu/config-categories/ConfigCategoryMap.vue
+++ b/src/components/menu/config-categories/ConfigCategoryMap.vue
@@ -9,7 +9,7 @@
             label: 'Debug information',
             disabled: false,
             description: 'Display some debug information about the map',
-            values: fieldValues( 'on_off' ),
+            values: fieldValues('on_off'),
             target: 'game'
           }"
         />
@@ -23,8 +23,9 @@
             id: 'maps_elements_eta',
             label: 'ETA information',
             disabled: false,
-            description: 'Display the remaining or ETA time and the current remaining distance to the destination',
-            values: fieldValues( 'on_off' ),
+            description:
+              'Display the remaining or ETA time and the current remaining distance to the destination',
+            values: fieldValues('on_off'),
             target: 'game'
           }"
         />
@@ -34,7 +35,7 @@
             label: 'Speed and gear',
             disabled: false,
             description: 'Display the current speed and gear',
-            values: fieldValues( 'on_off' ),
+            values: fieldValues('on_off'),
             target: 'game'
           }"
         />
@@ -43,8 +44,9 @@
             id: 'maps_elements_mapControls',
             label: 'Map controls',
             disabled: false,
-            description: 'Display map controls (Recenter, focus on user, zoom in and zoom out)',
-            values: fieldValues( 'on_off' ),
+            description:
+              'Display map controls (Recenter, focus on user, zoom in and zoom out)',
+            values: fieldValues('on_off'),
             target: 'game'
           }"
         />
@@ -54,7 +56,7 @@
             label: 'Speed limit',
             disabled: false,
             description: 'Display current speed limit',
-            values: fieldValues( 'on_off' ),
+            values: fieldValues('on_off'),
             target: 'game'
           }"
         />
@@ -62,9 +64,9 @@
           v-bind="{
             id: 'maps_elements_rotateWithPlayer',
             label: 'Map rotation',
-            disabled: !configEnabled( 'maps_elements_mapControls' ),
+            disabled: !configEnabled('maps_elements_mapControls'),
             description: 'Enable or disable the map rotation on the first load',
-            values: fieldValues( 'on_off' ),
+            values: fieldValues('on_off'),
             target: 'game'
           }"
         />
@@ -72,9 +74,10 @@
           v-bind="{
             id: 'maps_map_navigationRemaining',
             label: 'Navigation ETA',
-            disabled: !configEnabled( 'maps_elements_eta' ),
-            description: 'Display the due date or the remaining time for the current route',
-            values: fieldValues( 'maps_map_navigationRemaining' ),
+            disabled: !configEnabled('maps_elements_eta'),
+            description:
+              'Display the due date or the remaining time for the current route',
+            values: fieldValues('maps_map_navigationRemaining'),
             target: 'game'
           }"
         />
@@ -89,7 +92,7 @@
           label: 'Active map',
           disabled: false,
           description: 'Change the active map',
-          values: fieldValues( 'maps_map_activeMap' ),
+          values: fieldValues('maps_map_activeMap'),
           target: 'game'
         }"
       />
@@ -98,8 +101,9 @@
           id: 'maps_map_type',
           label: 'Kind of map',
           disabled: false,
-          description: 'Use the ETS2 or ATS map automatically or use the modded map',
-          values: fieldValues( 'maps_map_type' ),
+          description:
+            'Use the ETS2 or ATS map automatically or use the modded map',
+          values: fieldValues('maps_map_type'),
           target: 'game'
         }"
       />
@@ -107,9 +111,10 @@
         v-bind="{
           id: 'maps_map_tilesRemotePath',
           label: 'Remote tiles location',
-          disabled: configEnabled( 'maps_map_tilesRemoteUseCustom' ),
-          description: 'Set a remote location for the map tiles. It can be on your local machine',
-          values: fieldValues( 'maps_map_tilesRemotePath' ),
+          disabled: configEnabled('maps_map_tilesRemoteUseCustom'),
+          description:
+            'Set a remote location for the map tiles. It can be on your local machine',
+          values: fieldValues('maps_map_tilesRemotePath'),
           target: 'game'
         }"
       />
@@ -119,7 +124,7 @@
           label: 'Custom tiles',
           disabled: false,
           description: 'Set to ON if you wan to use a custom tiles location',
-          values: fieldValues( 'on_off' ),
+          values: fieldValues('on_off'),
           target: 'game'
         }"
       />
@@ -127,7 +132,7 @@
         v-bind="{
           id: 'maps_map_tilesRemoteCustomPath',
           label: 'Custom tiles location',
-          disabled: !configEnabled( 'maps_map_tilesRemoteUseCustom' ),
+          disabled: !configEnabled('maps_map_tilesRemoteUseCustom'),
           description: 'The host of your tiles location',
           target: 'game'
         }"
@@ -136,9 +141,10 @@
         v-bind="{
           id: 'maps_map_tilesVersion',
           label: 'Game version',
-          disabled: configEnabled( 'maps_map_tilesRemoteUseCustom' ),
-          description: 'Get tiles for the latest game version, or for the specified game version',
-          values: fieldValues( 'maps_map_tilesVersion' ),
+          disabled: configEnabled('maps_map_tilesRemoteUseCustom'),
+          description:
+            'Get tiles for the latest game version, or for the specified game version',
+          values: fieldValues('maps_map_tilesVersion'),
           target: 'game'
         }"
       />
@@ -150,7 +156,7 @@
 import ConfigCategoryMixin from '@/mixins/ConfigCategoryMixin';
 
 export default {
-  name:   'ConfigCategoryMap',
-  mixins: [ ConfigCategoryMixin ]
+  name: 'ConfigCategoryMap',
+  mixins: [ConfigCategoryMixin]
 };
-</script>
\ No newline at end of file
+</script>
diff --git a/src/components/menu/config-categories/ConfigCategoryUnits.vue b/src/components/menu/config-categories/ConfigCategoryUnits.vue
index 28b866f5..d47cf6a5 100644
--- a/src/components/menu/config-categories/ConfigCategoryUnits.vue
+++ b/src/components/menu/config-categories/ConfigCategoryUnits.vue
@@ -9,7 +9,7 @@
         label: 'Weight',
         disabled: false,
         description: 'Set the weight unit. Used for the weight of the cargo',
-        values: fieldValues( 'unit_weight' ),
+        values: fieldValues('unit_weight'),
         target: 'game'
       }"
     />
@@ -18,8 +18,9 @@
         id: 'unit_length',
         label: 'Length',
         disabled: false,
-        description: 'Set the length unit. Used for the distance of travel (job or point on the map)',
-        values: fieldValues( 'unit_length' ),
+        description:
+          'Set the length unit. Used for the distance of travel (job or point on the map)',
+        values: fieldValues('unit_length'),
         target: 'game'
       }"
     />
@@ -28,8 +29,9 @@
         id: 'unit_degrees',
         label: 'Degrees',
         disabled: false,
-        description: 'Set degrees unit. Used for the temperature of water, oil and engine',
-        values: fieldValues( 'unit_degrees' ),
+        description:
+          'Set degrees unit. Used for the temperature of water, oil and engine',
+        values: fieldValues('unit_degrees'),
         target: 'game'
       }"
     />
@@ -39,7 +41,7 @@
         label: 'Consumption',
         disabled: false,
         description: 'Set the consumption unit',
-        values: fieldValues( 'unit_consumption' ),
+        values: fieldValues('unit_consumption'),
         target: 'game'
       }"
     />
@@ -49,7 +51,7 @@
         label: 'Volume',
         disabled: false,
         description: 'Set the volume unit. Used for the fuel capacity',
-        values: fieldValues( 'unit_volume' ),
+        values: fieldValues('unit_volume'),
         target: 'game'
       }"
     />
@@ -58,8 +60,9 @@
         id: 'unit_pressure',
         label: 'Pressure',
         disabled: false,
-        description: 'Set the pressure unit. Used for the Air pressure or oil pressure',
-        values: fieldValues( 'unit_pressure' ),
+        description:
+          'Set the pressure unit. Used for the Air pressure or oil pressure',
+        values: fieldValues('unit_pressure'),
         target: 'game'
       }"
     />
@@ -69,7 +72,7 @@
         label: 'Speed',
         disabled: false,
         description: 'Set the speed unit',
-        values: fieldValues( 'unit_speed' ),
+        values: fieldValues('unit_speed'),
         target: 'game'
       }"
     />
@@ -79,7 +82,7 @@
         label: 'Currency',
         disabled: false,
         description: 'Set the currency unit',
-        values: fieldValues( 'unit_currency' ),
+        values: fieldValues('unit_currency'),
         target: 'game'
       }"
     />
@@ -91,7 +94,7 @@
 import ConfigCategoryMixin from '@/mixins/ConfigCategoryMixin';
 
 export default {
-  name:   'ConfigCategoryUnits',
-  mixins: [ ConfigCategoryMixin ]
+  name: 'ConfigCategoryUnits',
+  mixins: [ConfigCategoryMixin]
 };
-</script>
\ No newline at end of file
+</script>
diff --git a/src/components/menu/config-fields/ConfigField.vue b/src/components/menu/config-fields/ConfigField.vue
index dcc59895..d0d0fbbd 100644
--- a/src/components/menu/config-fields/ConfigField.vue
+++ b/src/components/menu/config-fields/ConfigField.vue
@@ -11,18 +11,17 @@
 </template>
 
 <script>
-
 export default {
-  name:  'ConfigField',
+  name: 'ConfigField',
   props: {
-    label:       {
-      type:     String,
+    label: {
+      type: String,
       required: true
     },
     description: {
-      type:     String,
+      type: String,
       required: true
     }
   }
 };
-</script>
\ No newline at end of file
+</script>
diff --git a/src/components/menu/config-fields/ConfigFieldChoice.vue b/src/components/menu/config-fields/ConfigFieldChoice.vue
index 901260c8..b559a894 100644
--- a/src/components/menu/config-fields/ConfigFieldChoice.vue
+++ b/src/components/menu/config-fields/ConfigFieldChoice.vue
@@ -2,20 +2,20 @@
   <ConfigField
     v-bind="{
       label,
-      description,
+      description
     }"
   >
     <div
       v-if="vals.length <= 2"
       class="switch d-flex justify-content-between align-items-stretch"
-      :class="{ 'processing': appGetProcessing }"
+      :class="{ processing: appGetProcessing }"
     >
       <div
         v-for="value in vals"
         :key="value.value"
-        :class="{ 'active': current( id ) === value.value, 'disabled' : disabled }"
+        :class="{ active: current(id) === value.value, disabled: disabled }"
         class="value w-100 m-0 text-center d-flex justify-content-center align-items-center"
-        @click="set( value.value )"
+        @click="set(value.value)"
       >
         <span class="py-1 px-2">{{ $t(value.label) }}</span>
       </div>
@@ -23,19 +23,19 @@
     <div
       v-else-if="vals.length > 2"
       class="select d-flex justify-content-between align-items-stretch"
-      :class="{ 'processing': appGetProcessing }"
+      :class="{ processing: appGetProcessing }"
     >
       <select
         v-model="val"
         :disabled="appGetProcessing || disabled"
         :multiple="multiple !== undefined && multiple"
         class="custom-select value w-100 m-0 py-1 px-2"
-        @change="set( val )"
+        @change="set(val)"
       >
         <option
           v-for="value in vals"
           :key="value.value"
-          :selected="current( id ) === value.value"
+          :selected="current(id) === value.value"
           :value="value.value"
         >
           {{ $t(value.label) }}
@@ -46,18 +46,18 @@
 </template>
 
 <script>
-import ConfigField      from '@/components/menu/config-fields/ConfigField';
+import ConfigField from '@/components/menu/config-fields/ConfigField';
 import ConfigFieldMixin from '@/mixins/ConfigFieldMixin';
 
 export default {
-  name:       'ConfigFieldChoice',
+  name: 'ConfigFieldChoice',
   components: { ConfigField },
-  mixins:     [ ConfigFieldMixin ],
-  props:      {
+  mixins: [ConfigFieldMixin],
+  props: {
     multiple: {
-      type:    Boolean,
+      type: Boolean,
       default: false
     }
   }
 };
-</script>
\ No newline at end of file
+</script>
diff --git a/src/components/menu/config-fields/ConfigFieldInput.vue b/src/components/menu/config-fields/ConfigFieldInput.vue
index 395f5e60..f40a0939 100644
--- a/src/components/menu/config-fields/ConfigFieldInput.vue
+++ b/src/components/menu/config-fields/ConfigFieldInput.vue
@@ -7,7 +7,7 @@
   >
     <div
       class="input d-flex justify-content-between align-items-stretch"
-      :class="{ 'processing': appGetProcessing }"
+      :class="{ processing: appGetProcessing }"
     >
       <div class="input-zone prefix">
         <i class="fas fa-globe" />
@@ -18,23 +18,16 @@
         class="form-control input-zone"
         :disabled="disabled"
         v-bind="listProp"
-      >
-      <datalist
-        v-if="vals.length > 0"
-        :id="id + '_' + 'data-list'"
-      >
+      />
+      <datalist v-if="vals.length > 0" :id="id + '_' + 'data-list'">
         <option
           v-for="value in vals"
           :key="value.value"
-          :selected="current( id ) === value.value"
+          :selected="current(id) === value.value"
           :value="value.value"
         />
       </datalist>
-      <button
-        class="input-zone valid"
-        :disabled="disabled"
-        @click="set( val )"
-      >
+      <button class="input-zone valid" :disabled="disabled" @click="set(val)">
         <i class="fas fa-check" />
       </button>
     </div>
@@ -42,26 +35,24 @@
 </template>
 
 <script>
-import ConfigField      from '@/components/menu/config-fields/ConfigField';
+import ConfigField from '@/components/menu/config-fields/ConfigField';
 import ConfigFieldMixin from '@/mixins/ConfigFieldMixin';
 
 export default {
-  name:       'ConfigFieldInput',
+  name: 'ConfigFieldInput',
   components: { ConfigField },
-  mixins:     [ ConfigFieldMixin ],
-  props:      {
+  mixins: [ConfigFieldMixin],
+  props: {
     type: {
-      type:     String,
+      type: String,
       required: false,
-      default:  'text'
+      default: 'text'
     }
   },
-  computed:   {
+  computed: {
     listProp() {
-      return (this.vals.length > 0)
-          ? { list: this.id + '_' + 'data-list' }
-          : {};
+      return this.vals.length > 0 ? { list: this.id + '_' + 'data-list' } : {};
     }
   }
 };
-</script>
\ No newline at end of file
+</script>
diff --git a/src/components/overlays/HistoryOverlay.vue b/src/components/overlays/HistoryOverlay.vue
index d317a458..cce64c6c 100644
--- a/src/components/overlays/HistoryOverlay.vue
+++ b/src/components/overlays/HistoryOverlay.vue
@@ -1,29 +1,22 @@
 <template>
   <div class="history-overlay">
-    <div
-      class="area"
-      @click="onClickArea()"
-    />
-    <b-overlay
-      :show="counter === 5"
-      :variant="'dark'"
-      no-wrap
-    >
+    <div class="area" @click="onClickArea()" />
+    <b-overlay :show="counter === 5" :variant="'dark'" no-wrap>
       <template #overlay>
-        <div class="d-flex justify-content-start flex-column align-items-center history-overlay-wrapper">
+        <div
+          class="d-flex justify-content-start flex-column align-items-center history-overlay-wrapper"
+        >
           <button
-            v-clipboard:copy="JSON.stringify( histories, null, 2 )"
+            v-clipboard:copy="JSON.stringify(histories, null, 2)"
             class="my-3 copy btn btn-sm btn-outline-ets d-flex justify-content-around align-items-center"
           >
             <i class="far fa-clipboard pr-1" />
             {{ $t('Copy') }}
           </button>
           <div class="text-left w-100 pt-0 px-3 pb-3 log-list">
-            <small
-              v-for="line in histories"
-              :key="line"
-              class="line d-block"
-            >{{ line }}</small>
+            <small v-for="line in histories" :key="line" class="line d-block">{{
+              line
+            }}</small>
           </div>
         </div>
       </template>
@@ -48,9 +41,8 @@ export default {
   },
   methods: {
     onClickArea() {
-      if ( this.counter++ === 5 )
-        this.counter = 0;
+      if (this.counter++ === 5) this.counter = 0;
     }
   }
 };
-</script>
\ No newline at end of file
+</script>
diff --git a/src/components/overlays/Overlay.vue b/src/components/overlays/Overlay.vue
index 17e48c76..946f767e 100644
--- a/src/components/overlays/Overlay.vue
+++ b/src/components/overlays/Overlay.vue
@@ -1,29 +1,20 @@
 <template>
   <div class="overlay">
-    <b-overlay
-      :show="isOnProcessing"
-      :variant="'dark'"
-      no-wrap
-    >
+    <b-overlay :show="isOnProcessing" :variant="'dark'" no-wrap>
       <template #overlay>
-        <transition
-          mode="out-in"
-          name="slide-fade"
-        >
-          <div class="d-flex justify-content-center flex-column align-items-center">
+        <transition mode="out-in" name="slide-fade">
+          <div
+            class="d-flex justify-content-center flex-column align-items-center"
+          >
             <h1 v-if="message.icon">
-              <span
-                class="mb-3"
-                v-html="message.icon"
-              />
+              <span class="mb-3" v-html="message.icon" />
             </h1>
             <h1 class="text-center">
               {{ $t(message.title) }}
             </h1>
-            <small
-              v-if="message.message !== null"
-              class="mb-3"
-            >{{ $t(message.message) }}</small>
+            <small v-if="message.message !== null" class="mb-3">{{
+              $t(message.message)
+            }}</small>
             <!--          <b-spinner-->
             <!--            v-if="!hasError"-->
             <!--            :label="$t('Processing')"-->
@@ -37,16 +28,16 @@
               OK
             </button>
 
-            <div
-              v-if="hasError"
-              class="details mt-3"
-            >
+            <div v-if="hasError" class="details mt-3">
               <div
                 class="d-flex w-100 flex-column justify-content-center align-items-center"
-                style="min-width:20rem"
+                style="min-width: 20rem"
               >
                 <div @click="showDetails = !showDetails">
-                  <small class="text-center px-3">{{ $t(( !showDetails ) ? 'Show' : 'Hide') }} {{ $t('more details') }}</small>
+                  <small class="text-center px-3"
+                    >{{ $t(!showDetails ? 'Show' : 'Hide') }}
+                    {{ $t('more details') }}</small
+                  >
                   <i class="fas fa-caret-down" />
                 </div>
 
@@ -54,24 +45,34 @@
                   v-if="showDetails"
                   class="d-flex flex-column justify-content-between"
                 >
-                  <div class="h d-flex justify-content-between align-items-center mb-2">
+                  <div
+                    class="h d-flex justify-content-between align-items-center mb-2"
+                  >
                     <span>#{{ details.code }}</span>
                     <button
-                      v-clipboard:copy="JSON.stringify( details, null, 2 )"
+                      v-clipboard:copy="JSON.stringify(details, null, 2)"
                       class="copy btn btn-sm btn-outline-ets d-flex justify-content-around align-items-center"
                     >
                       <i class="far fa-clipboard pr-1" />
                       {{ $t('Copy') }}
                     </button>
                   </div>
-                  <pre class="w-100 p-2">{{ JSON.stringify( details, null, 2 ) }}</pre>
-                  <span>{{ $t('You can') }} <a
-                    href="https://github.com/JAGFx/ets2-dashboard-skin/issues/new/choose"
-                    target="_blank"
-                  >{{ $t('create an issue') }}</a> {{ $t('and/or contact me at') }} <a
-                    href="mailto:hey@emmanuel-smith.me"
-                    target="_blank"
-                  >hey@emmanuel-smith.me</a> {{ $t('with the above details') }}</span>
+                  <pre class="w-100 p-2">{{
+                    JSON.stringify(details, null, 2)
+                  }}</pre>
+                  <span
+                    >{{ $t('You can') }}
+                    <a
+                      href="https://github.com/JAGFx/ets2-dashboard-skin/issues/new/choose"
+                      target="_blank"
+                      >{{ $t('create an issue') }}</a
+                    >
+                    {{ $t('and/or contact me at') }}
+                    <a href="mailto:hey@emmanuel-smith.me" target="_blank"
+                      >hey@emmanuel-smith.me</a
+                    >
+                    {{ $t('with the above details') }}</span
+                  >
                 </div>
               </div>
             </div>
@@ -93,29 +94,30 @@ export default {
     };
   },
   computed: {
-    ...mapGetters( {
+    ...mapGetters({
       isOnProcessing: 'app/isOnProcessing',
-      message:        'app/message',
-      details:        'app/details'
-    } ),
+      message: 'app/message',
+      details: 'app/details'
+    }),
     detailsMessage() {
       let message = this.details.message;
 
-      if ( typeof this.details.message
-           === 'object'
-           && Object.prototype.hasOwnProperty.call( this.details.message, 'message' ) )
+      if (
+        typeof this.details.message === 'object' &&
+        Object.prototype.hasOwnProperty.call(this.details.message, 'message')
+      )
         message = this.details.message.message;
 
       return message;
     },
-    hasError(){
+    hasError() {
       return this.details.code !== null;
     }
   },
-  methods:    {
+  methods: {
     close() {
-      this.$store.dispatch( 'app/endProcessing' );
+      this.$store.dispatch('app/endProcessing');
     }
   }
-	};
-</script>
\ No newline at end of file
+};
+</script>
diff --git a/src/components/overlays/telemetry-event/TelemetryEventBaseOverlay.vue b/src/components/overlays/telemetry-event/TelemetryEventBaseOverlay.vue
index a07759af..b5711978 100644
--- a/src/components/overlays/telemetry-event/TelemetryEventBaseOverlay.vue
+++ b/src/components/overlays/telemetry-event/TelemetryEventBaseOverlay.vue
@@ -4,12 +4,18 @@
       :class="eventName.replace('.', '-')"
       class="item d-flex justify-content-center align-items-center"
     >
-      <span class="ico m-4 p-3 d-flex justify-content-center align-items-center">
+      <span
+        class="ico m-4 p-3 d-flex justify-content-center align-items-center"
+      >
         <i :class="eventsText.icon" />
       </span>
-      <div class="event d-flex justify-content-between align-items-start flex-column">
+      <div
+        class="event d-flex justify-content-between align-items-start flex-column"
+      >
         <span class="title">{{ $t(eventsText.title) }}</span>
-        <small class="sub-title font-italic">{{ $t(eventsText.subtitle) }}</small>
+        <small class="sub-title font-italic">{{
+          $t(eventsText.subtitle)
+        }}</small>
       </div>
     </div>
     <slot />
@@ -20,7 +26,7 @@
 import TelemetryEventOverlayMixin from '@/mixins/TelemetryEventOverlayMixin';
 
 export default {
-  name:    'TelemetryEventBaseOverlay',
-  mixins:  [ TelemetryEventOverlayMixin ],
+  name: 'TelemetryEventBaseOverlay',
+  mixins: [TelemetryEventOverlayMixin]
 };
 </script>
diff --git a/src/components/overlays/telemetry-event/TelemetryEventDefaultOverlay.vue b/src/components/overlays/telemetry-event/TelemetryEventDefaultOverlay.vue
index 93104b7d..d91795fc 100644
--- a/src/components/overlays/telemetry-event/TelemetryEventDefaultOverlay.vue
+++ b/src/components/overlays/telemetry-event/TelemetryEventDefaultOverlay.vue
@@ -6,7 +6,7 @@
 import TelemetryEventBaseOverlay from '@/components/overlays/telemetry-event/TelemetryEventBaseOverlay';
 
 export default {
-  name:       'TelemetryEventDefaultOverlay',
+  name: 'TelemetryEventDefaultOverlay',
   components: {
     TelemetryEventBaseOverlay
   }
diff --git a/src/components/overlays/telemetry-event/TelemetryEventGameFerryOverlay.vue b/src/components/overlays/telemetry-event/TelemetryEventGameFerryOverlay.vue
index 9d97e41d..220f4364 100644
--- a/src/components/overlays/telemetry-event/TelemetryEventGameFerryOverlay.vue
+++ b/src/components/overlays/telemetry-event/TelemetryEventGameFerryOverlay.vue
@@ -1,32 +1,38 @@
 <template>
   <TelemetryEventBaseOverlay>
-    <hr class="m-0 mb-4">
+    <hr class="m-0 mb-4" />
     <div class="data d-flex justify-content-around align-items-center">
-      <div class="item px-3 py-1 mx-1 d-flex justify-content-between align-items-center flex-column">
+      <div
+        class="item px-3 py-1 mx-1 d-flex justify-content-between align-items-center flex-column"
+      >
         <span class="title">{{ $t('From') }}</span>
         <span class="data">{{ eventRawData.ferry.source.name }}</span>
       </div>
-      <div class="item px-3 py-1 mx-1 d-flex justify-content-between align-items-center flex-column">
+      <div
+        class="item px-3 py-1 mx-1 d-flex justify-content-between align-items-center flex-column"
+      >
         <span class="title">{{ $t('To') }}</span>
         <span class="data">{{ eventRawData.ferry.target.name }}</span>
       </div>
-      <div class="item px-3 py-1 mx-1 d-flex justify-content-between align-items-center flex-column">
+      <div
+        class="item px-3 py-1 mx-1 d-flex justify-content-between align-items-center flex-column"
+      >
         <span class="title">{{ $t('Cost') }}</span>
-        <span class="data">{{ unit_currency( eventRawData.ferry.amount ) }}</span>
+        <span class="data">{{ unit_currency(eventRawData.ferry.amount) }}</span>
       </div>
     </div>
   </TelemetryEventBaseOverlay>
 </template>
 
 <script>
-import TelemetryEventBaseOverlay  from '@/components/overlays/telemetry-event/TelemetryEventBaseOverlay';
+import TelemetryEventBaseOverlay from '@/components/overlays/telemetry-event/TelemetryEventBaseOverlay';
 import TelemetryEventOverlayMixin from '@/mixins/TelemetryEventOverlayMixin';
 
 export default {
-  name:       'TelemetryEventGameFerryOverlay',
+  name: 'TelemetryEventGameFerryOverlay',
   components: {
     TelemetryEventBaseOverlay
   },
-  mixins:     [ TelemetryEventOverlayMixin ]
+  mixins: [TelemetryEventOverlayMixin]
 };
 </script>
diff --git a/src/components/overlays/telemetry-event/TelemetryEventGameFineOverlay.vue b/src/components/overlays/telemetry-event/TelemetryEventGameFineOverlay.vue
index 7fe06a7b..462a37fd 100644
--- a/src/components/overlays/telemetry-event/TelemetryEventGameFineOverlay.vue
+++ b/src/components/overlays/telemetry-event/TelemetryEventGameFineOverlay.vue
@@ -1,24 +1,28 @@
 <template>
   <TelemetryEventBaseOverlay>
-    <hr class="m-0 mb-4">
+    <hr class="m-0 mb-4" />
     <div class="data d-flex justify-content-around align-items-center">
-      <div class="item px-3 py-1 mx-1 d-flex justify-content-between align-items-center flex-column">
+      <div
+        class="item px-3 py-1 mx-1 d-flex justify-content-between align-items-center flex-column"
+      >
         <span class="title">{{ eventRawData.fine.offence.name }}</span>
-        <span class="data">- {{ unit_currency( eventRawData.fine.amount ) }}</span>
+        <span class="data"
+          >- {{ unit_currency(eventRawData.fine.amount) }}</span
+        >
       </div>
     </div>
   </TelemetryEventBaseOverlay>
 </template>
 
 <script>
-import TelemetryEventBaseOverlay  from '@/components/overlays/telemetry-event/TelemetryEventBaseOverlay';
+import TelemetryEventBaseOverlay from '@/components/overlays/telemetry-event/TelemetryEventBaseOverlay';
 import TelemetryEventOverlayMixin from '@/mixins/TelemetryEventOverlayMixin';
 
 export default {
-  name:       'TelemetryEventGameFineOverlay',
+  name: 'TelemetryEventGameFineOverlay',
   components: {
     TelemetryEventBaseOverlay
   },
-  mixins:     [ TelemetryEventOverlayMixin ]
+  mixins: [TelemetryEventOverlayMixin]
 };
-</script>
\ No newline at end of file
+</script>
diff --git a/src/components/overlays/telemetry-event/TelemetryEventGameTollgateOverlay.vue b/src/components/overlays/telemetry-event/TelemetryEventGameTollgateOverlay.vue
index 9adefc15..d9889486 100644
--- a/src/components/overlays/telemetry-event/TelemetryEventGameTollgateOverlay.vue
+++ b/src/components/overlays/telemetry-event/TelemetryEventGameTollgateOverlay.vue
@@ -1,21 +1,23 @@
 <template>
   <TelemetryEventBaseOverlay>
-    <hr class="m-0 mb-4">
+    <hr class="m-0 mb-4" />
     <div class="data d-flex justify-content-around align-items-center">
-      <span class="data">- {{ unit_currency( eventRawData.tollgate.amount ) }}</span>
+      <span class="data"
+        >- {{ unit_currency(eventRawData.tollgate.amount) }}</span
+      >
     </div>
   </TelemetryEventBaseOverlay>
 </template>
 
 <script>
-import TelemetryEventBaseOverlay  from '@/components/overlays/telemetry-event/TelemetryEventBaseOverlay';
+import TelemetryEventBaseOverlay from '@/components/overlays/telemetry-event/TelemetryEventBaseOverlay';
 import TelemetryEventOverlayMixin from '@/mixins/TelemetryEventOverlayMixin';
 
 export default {
-  name:       'TelemetryEventGameTollgateOverlay',
+  name: 'TelemetryEventGameTollgateOverlay',
   components: {
     TelemetryEventBaseOverlay
   },
-  mixins:     [ TelemetryEventOverlayMixin ]
+  mixins: [TelemetryEventOverlayMixin]
 };
 </script>
diff --git a/src/components/overlays/telemetry-event/TelemetryEventGameTrainOverlay.vue b/src/components/overlays/telemetry-event/TelemetryEventGameTrainOverlay.vue
index 955c656a..1b932153 100644
--- a/src/components/overlays/telemetry-event/TelemetryEventGameTrainOverlay.vue
+++ b/src/components/overlays/telemetry-event/TelemetryEventGameTrainOverlay.vue
@@ -1,32 +1,38 @@
 <template>
   <TelemetryEventBaseOverlay>
-    <hr class="m-0 mb-4">
+    <hr class="m-0 mb-4" />
     <div class="data d-flex justify-content-around align-items-center">
-      <div class="item px-3 py-1 mx-1 d-flex justify-content-between align-items-center flex-column">
+      <div
+        class="item px-3 py-1 mx-1 d-flex justify-content-between align-items-center flex-column"
+      >
         <span class="title">{{ $t('From') }}</span>
         <span class="data">{{ eventRawData.train.source.name }}</span>
       </div>
-      <div class="item px-3 py-1 mx-1 d-flex justify-content-between align-items-center flex-column">
+      <div
+        class="item px-3 py-1 mx-1 d-flex justify-content-between align-items-center flex-column"
+      >
         <span class="title">{{ $t('To') }}</span>
         <span class="data">{{ eventRawData.train.target.name }}</span>
       </div>
-      <div class="item px-3 py-1 mx-1 d-flex justify-content-between align-items-center flex-column">
+      <div
+        class="item px-3 py-1 mx-1 d-flex justify-content-between align-items-center flex-column"
+      >
         <span class="title">{{ $t('Cost') }}</span>
-        <span class="data">{{ unit_currency( eventRawData.train.amount ) }}</span>
+        <span class="data">{{ unit_currency(eventRawData.train.amount) }}</span>
       </div>
     </div>
   </TelemetryEventBaseOverlay>
 </template>
 
 <script>
-import TelemetryEventBaseOverlay  from '@/components/overlays/telemetry-event/TelemetryEventBaseOverlay';
+import TelemetryEventBaseOverlay from '@/components/overlays/telemetry-event/TelemetryEventBaseOverlay';
 import TelemetryEventOverlayMixin from '@/mixins/TelemetryEventOverlayMixin';
 
 export default {
-  name:       'TelemetryEventGameTrainOverlay',
+  name: 'TelemetryEventGameTrainOverlay',
   components: {
     TelemetryEventBaseOverlay
   },
-  mixins:     [ TelemetryEventOverlayMixin ]
+  mixins: [TelemetryEventOverlayMixin]
 };
 </script>
diff --git a/src/components/overlays/telemetry-event/TelemetryEventJobDeliveredOverlay.vue b/src/components/overlays/telemetry-event/TelemetryEventJobDeliveredOverlay.vue
index 0534dda6..4db6b91a 100644
--- a/src/components/overlays/telemetry-event/TelemetryEventJobDeliveredOverlay.vue
+++ b/src/components/overlays/telemetry-event/TelemetryEventJobDeliveredOverlay.vue
@@ -1,34 +1,41 @@
 <template>
   <TelemetryEventBaseOverlay>
-    <hr class="m-0 mb-4">
+    <hr class="m-0 mb-4" />
     <div class="data d-flex justify-content-around align-items-center">
-      <div class="item px-3 py-1 mx-1 d-flex justify-content-between align-items-center flex-column">
+      <div
+        class="item px-3 py-1 mx-1 d-flex justify-content-between align-items-center flex-column"
+      >
         <span class="title">{{ $t('Delivered time') }}</span>
         <span class="data">{{
-          eventRawData.job.deliveryTime | $dateTimeLocalized( DATE_FORMAT_SHORT, TIME_FORMAT_SHORT )
+          eventRawData.job.deliveryTime
+            | $dateTimeLocalized(DATE_FORMAT_SHORT, TIME_FORMAT_SHORT)
         }}</span>
       </div>
-      <div class="item px-3 py-1 mx-1 d-flex justify-content-between align-items-center flex-column">
+      <div
+        class="item px-3 py-1 mx-1 d-flex justify-content-between align-items-center flex-column"
+      >
         <span class="title">{{ $t('Earned XP') }}</span>
         <span class="data">{{ eventRawData.job.earnedXP }}</span>
       </div>
-      <div class="item px-3 py-1 mx-1 d-flex justify-content-between align-items-center flex-column">
+      <div
+        class="item px-3 py-1 mx-1 d-flex justify-content-between align-items-center flex-column"
+      >
         <span class="title">{{ $t('Revenue') }}</span>
-        <span class="data">{{ unit_currency( eventRawData.job.revenue ) }}</span>
+        <span class="data">{{ unit_currency(eventRawData.job.revenue) }}</span>
       </div>
     </div>
   </TelemetryEventBaseOverlay>
 </template>
 
 <script>
-import TelemetryEventBaseOverlay  from '@/components/overlays/telemetry-event/TelemetryEventBaseOverlay';
+import TelemetryEventBaseOverlay from '@/components/overlays/telemetry-event/TelemetryEventBaseOverlay';
 import TelemetryEventOverlayMixin from '@/mixins/TelemetryEventOverlayMixin';
 
 export default {
-  name:       'TelemetryEventJobDeliveredOverlay',
+  name: 'TelemetryEventJobDeliveredOverlay',
   components: {
     TelemetryEventBaseOverlay
   },
-  mixins:     [ TelemetryEventOverlayMixin ]
+  mixins: [TelemetryEventOverlayMixin]
 };
 </script>
diff --git a/src/components/overlays/telemetry-event/TelemetryEventNavigationSpeedLimitOverlay.vue b/src/components/overlays/telemetry-event/TelemetryEventNavigationSpeedLimitOverlay.vue
index d3881ac4..bef6a8b4 100644
--- a/src/components/overlays/telemetry-event/TelemetryEventNavigationSpeedLimitOverlay.vue
+++ b/src/components/overlays/telemetry-event/TelemetryEventNavigationSpeedLimitOverlay.vue
@@ -1,24 +1,26 @@
 <template>
   <TelemetryEventBaseOverlay>
-    <hr class="m-0 mb-4">
+    <hr class="m-0 mb-4" />
     <div class="data d-flex justify-content-around align-items-center">
-      <div class="item px-3 py-1 mx-1 d-flex justify-content-between align-items-center flex-column">
+      <div
+        class="item px-3 py-1 mx-1 d-flex justify-content-between align-items-center flex-column"
+      >
         <span class="title">{{ $t('Speed limit change') }}</span>
-        <span class="data">{{ unit_speed( eventRawData.speed ) }}</span>
+        <span class="data">{{ unit_speed(eventRawData.speed) }}</span>
       </div>
     </div>
   </TelemetryEventBaseOverlay>
 </template>
 
 <script>
-import TelemetryEventBaseOverlay  from '@/components/overlays/telemetry-event/TelemetryEventBaseOverlay';
+import TelemetryEventBaseOverlay from '@/components/overlays/telemetry-event/TelemetryEventBaseOverlay';
 import TelemetryEventOverlayMixin from '@/mixins/TelemetryEventOverlayMixin';
 
 export default {
-  name:       'TelemetryEventNavigationSpeedLimitOverlay',
+  name: 'TelemetryEventNavigationSpeedLimitOverlay',
   components: {
     TelemetryEventBaseOverlay
   },
-  mixins:     [ TelemetryEventOverlayMixin ]
+  mixins: [TelemetryEventOverlayMixin]
 };
 </script>
diff --git a/src/components/overlays/telemetry-event/TelemetryEventOverlay.vue b/src/components/overlays/telemetry-event/TelemetryEventOverlay.vue
index 6b3edd12..a8a414c9 100644
--- a/src/components/overlays/telemetry-event/TelemetryEventOverlay.vue
+++ b/src/components/overlays/telemetry-event/TelemetryEventOverlay.vue
@@ -1,14 +1,7 @@
 <template>
   <div class="telemetry-event-overlay">
-    <b-overlay
-      :show="eventProcessing"
-      :variant="'dark'"
-      no-wrap
-    >
-      <template
-        #overlay
-        class="d-flex justify-content-around align-items-center flex-column"
-      >
+    <b-overlay :show="eventProcessing" :variant="'dark'" no-wrap>
+      <template #overlay>
         <component :is="currentRawDataComponent" />
       </template>
     </b-overlay>
@@ -17,31 +10,21 @@
 
 <script>
 import TelemetryEventDefaultOverlay from '@/components/overlays/telemetry-event/TelemetryEventDefaultOverlay';
-import TelemetryEventGameFerryOverlay
-                                    from '@/components/overlays/telemetry-event/TelemetryEventGameFerryOverlay';
-import TelemetryEventGameFineOverlay
-                                    from '@/components/overlays/telemetry-event/TelemetryEventGameFineOverlay';
-import TelemetryEventGameTollgateOverlay
-                                    from '@/components/overlays/telemetry-event/TelemetryEventGameTollgateOverlay';
-import TelemetryEventGameTrainOverlay
-                                    from '@/components/overlays/telemetry-event/TelemetryEventGameTrainOverlay';
-import TelemetryEventJobDeliveredOverlay
-                                    from '@/components/overlays/telemetry-event/TelemetryEventJobDeliveredOverlay';
-import TelemetryEventNavigationSpeedLimitOverlay
-                                    from '@/components/overlays/telemetry-event/TelemetryEventNavigationSpeedLimitOverlay';
-import TelemetryEventTrailersDamageOverlay
-                                    from '@/components/overlays/telemetry-event/TelemetryEventTrailersDamageOverlay';
-import TelemetryEventTruckCruiseControlIncreaseOverlay
-                                    from '@/components/overlays/telemetry-event/TelemetryEventTruckCruiseControlIncreaseOverlay';
-import TelemetryEventTruckDamageOverlay
-                                    from '@/components/overlays/telemetry-event/TelemetryEventTruckDamageOverlay';
-import TelemetryEventTruckWarningOverlay
-                                    from '@/components/overlays/telemetry-event/TelemetryEventTruckWarningOverlay';
-import TelemetryEventOverlayMixin   from '@/mixins/TelemetryEventOverlayMixin';
-import { event }                    from '@/utils/utils';
+import TelemetryEventGameFerryOverlay from '@/components/overlays/telemetry-event/TelemetryEventGameFerryOverlay';
+import TelemetryEventGameFineOverlay from '@/components/overlays/telemetry-event/TelemetryEventGameFineOverlay';
+import TelemetryEventGameTollgateOverlay from '@/components/overlays/telemetry-event/TelemetryEventGameTollgateOverlay';
+import TelemetryEventGameTrainOverlay from '@/components/overlays/telemetry-event/TelemetryEventGameTrainOverlay';
+import TelemetryEventJobDeliveredOverlay from '@/components/overlays/telemetry-event/TelemetryEventJobDeliveredOverlay';
+import TelemetryEventNavigationSpeedLimitOverlay from '@/components/overlays/telemetry-event/TelemetryEventNavigationSpeedLimitOverlay';
+import TelemetryEventTrailersDamageOverlay from '@/components/overlays/telemetry-event/TelemetryEventTrailersDamageOverlay';
+import TelemetryEventTruckCruiseControlIncreaseOverlay from '@/components/overlays/telemetry-event/TelemetryEventTruckCruiseControlIncreaseOverlay';
+import TelemetryEventTruckDamageOverlay from '@/components/overlays/telemetry-event/TelemetryEventTruckDamageOverlay';
+import TelemetryEventTruckWarningOverlay from '@/components/overlays/telemetry-event/TelemetryEventTruckWarningOverlay';
+import TelemetryEventOverlayMixin from '@/mixins/TelemetryEventOverlayMixin';
+import { event } from '@/utils/utils';
 
 export default {
-  name:       'TelemetryEventOverlay',
+  name: 'TelemetryEventOverlay',
   components: {
     TelemetryEventDefaultOverlay,
     TelemetryEventJobDeliveredOverlay,
@@ -55,16 +38,15 @@ export default {
     TelemetryEventTruckWarningOverlay,
     TelemetryEventTruckDamageOverlay
   },
-  mixins:     [ TelemetryEventOverlayMixin ],
+  mixins: [TelemetryEventOverlayMixin],
   computed: {
     currentRawDataComponent() {
-      const eventComponentName = event.eventNameToComponent( this.eventName );
+      const eventComponentName = event.eventNameToComponent(this.eventName);
 
       try {
-        require( `./${ eventComponentName }` );
+        require(`./${eventComponentName}`);
         return eventComponentName;
-
-      } catch ( e ) {
+      } catch (e) {
         return 'TelemetryEventDefaultOverlay';
       }
     }
diff --git a/src/components/overlays/telemetry-event/TelemetryEventTrailersDamageOverlay.vue b/src/components/overlays/telemetry-event/TelemetryEventTrailersDamageOverlay.vue
index 43122546..1589cec5 100644
--- a/src/components/overlays/telemetry-event/TelemetryEventTrailersDamageOverlay.vue
+++ b/src/components/overlays/telemetry-event/TelemetryEventTrailersDamageOverlay.vue
@@ -1,28 +1,36 @@
 <template>
   <TelemetryEventBaseOverlay>
-    <hr class="m-0 mb-4">
+    <hr class="m-0 mb-4" />
     <div class="data d-flex justify-content-around align-items-center">
-      <div class="item px-3 py-1 mx-1 d-flex justify-content-between align-items-center flex-column">
+      <div
+        class="item px-3 py-1 mx-1 d-flex justify-content-between align-items-center flex-column"
+      >
         <span class="title">{{ $t('Cargo') }}</span>
-        <span class="data">{{ (eventRawData.data.cargo * 100) | $toFixed(2) }} %</span>
+        <span class="data"
+          >{{ (eventRawData.data.cargo * 100) | $toFixed(2) }} %</span
+        >
       </div>
-      <div class="item px-3 py-1 mx-1 d-flex justify-content-between align-items-center flex-column">
+      <div
+        class="item px-3 py-1 mx-1 d-flex justify-content-between align-items-center flex-column"
+      >
         <span class="title">{{ $t('Frame') }}</span>
-        <span class="data">{{ (eventRawData.data.chassis * 100) | $toFixed(2) }} %</span>
+        <span class="data"
+          >{{ (eventRawData.data.chassis * 100) | $toFixed(2) }} %</span
+        >
       </div>
     </div>
   </TelemetryEventBaseOverlay>
 </template>
 
 <script>
-import TelemetryEventBaseOverlay  from '@/components/overlays/telemetry-event/TelemetryEventBaseOverlay';
+import TelemetryEventBaseOverlay from '@/components/overlays/telemetry-event/TelemetryEventBaseOverlay';
 import TelemetryEventOverlayMixin from '@/mixins/TelemetryEventOverlayMixin';
 
 export default {
-  name:       'TelemetryEventTrailersDamageOverlay',
+  name: 'TelemetryEventTrailersDamageOverlay',
   components: {
     TelemetryEventBaseOverlay
   },
-  mixins:     [ TelemetryEventOverlayMixin ]
+  mixins: [TelemetryEventOverlayMixin]
 };
 </script>
diff --git a/src/components/overlays/telemetry-event/TelemetryEventTruckCruiseControlIncreaseOverlay.vue b/src/components/overlays/telemetry-event/TelemetryEventTruckCruiseControlIncreaseOverlay.vue
index 97f31138..81d9dc7e 100644
--- a/src/components/overlays/telemetry-event/TelemetryEventTruckCruiseControlIncreaseOverlay.vue
+++ b/src/components/overlays/telemetry-event/TelemetryEventTruckCruiseControlIncreaseOverlay.vue
@@ -1,24 +1,26 @@
 <template>
   <TelemetryEventBaseOverlay>
-    <hr class="m-0 mb-4">
+    <hr class="m-0 mb-4" />
     <div class="data d-flex justify-content-around align-items-center">
-      <div class="item px-3 py-1 mx-1 d-flex justify-content-between align-items-center flex-column">
+      <div
+        class="item px-3 py-1 mx-1 d-flex justify-content-between align-items-center flex-column"
+      >
         <span class="title">{{ $t('Speed limit set') }}</span>
-        <span class="data">{{ unit_speed( eventRawData.cruiseControl ) }}</span>
+        <span class="data">{{ unit_speed(eventRawData.cruiseControl) }}</span>
       </div>
     </div>
   </TelemetryEventBaseOverlay>
 </template>
 
 <script>
-import TelemetryEventBaseOverlay  from '@/components/overlays/telemetry-event/TelemetryEventBaseOverlay';
+import TelemetryEventBaseOverlay from '@/components/overlays/telemetry-event/TelemetryEventBaseOverlay';
 import TelemetryEventOverlayMixin from '@/mixins/TelemetryEventOverlayMixin';
 
 export default {
-  name:       'TelemetryEventTruckCruiseControlIncreaseOverlay',
+  name: 'TelemetryEventTruckCruiseControlIncreaseOverlay',
   components: {
     TelemetryEventBaseOverlay
   },
-  mixins:     [ TelemetryEventOverlayMixin ]
+  mixins: [TelemetryEventOverlayMixin]
 };
 </script>
diff --git a/src/components/overlays/telemetry-event/TelemetryEventTruckDamageOverlay.vue b/src/components/overlays/telemetry-event/TelemetryEventTruckDamageOverlay.vue
index b544f93b..1aa21cdf 100644
--- a/src/components/overlays/telemetry-event/TelemetryEventTruckDamageOverlay.vue
+++ b/src/components/overlays/telemetry-event/TelemetryEventTruckDamageOverlay.vue
@@ -1,40 +1,60 @@
 <template>
   <TelemetryEventBaseOverlay>
-    <hr class="m-0 mb-4">
+    <hr class="m-0 mb-4" />
     <div class="data d-flex justify-content-around align-items-center">
-      <div class="item px-3 py-1 mx-1 d-flex justify-content-between align-items-center flex-column">
+      <div
+        class="item px-3 py-1 mx-1 d-flex justify-content-between align-items-center flex-column"
+      >
         <span class="title">Cabin</span>
-        <span class="data">{{ (eventRawData.damages.cabin * 100) | $toFixed(2) }} %</span>
+        <span class="data"
+          >{{ (eventRawData.damages.cabin * 100) | $toFixed(2) }} %</span
+        >
       </div>
-      <div class="item px-3 py-1 mx-1 d-flex justify-content-between align-items-center flex-column">
+      <div
+        class="item px-3 py-1 mx-1 d-flex justify-content-between align-items-center flex-column"
+      >
         <span class="title">Chassis</span>
-        <span class="data">{{ (eventRawData.damages.chassis * 100) | $toFixed(2) }} %</span>
+        <span class="data"
+          >{{ (eventRawData.damages.chassis * 100) | $toFixed(2) }} %</span
+        >
       </div>
-      <div class="item px-3 py-1 mx-1 d-flex justify-content-between align-items-center flex-column">
+      <div
+        class="item px-3 py-1 mx-1 d-flex justify-content-between align-items-center flex-column"
+      >
         <span class="title">Engine</span>
-        <span class="data">{{ (eventRawData.damages.engine * 100) | $toFixed(2) }} %</span>
+        <span class="data"
+          >{{ (eventRawData.damages.engine * 100) | $toFixed(2) }} %</span
+        >
       </div>
-      <div class="item px-3 py-1 mx-1 d-flex justify-content-between align-items-center flex-column">
+      <div
+        class="item px-3 py-1 mx-1 d-flex justify-content-between align-items-center flex-column"
+      >
         <span class="title">Transmission</span>
-        <span class="data">{{ (eventRawData.damages.transmission * 100) | $toFixed(2) }} %</span>
+        <span class="data"
+          >{{ (eventRawData.damages.transmission * 100) | $toFixed(2) }} %</span
+        >
       </div>
-      <div class="item px-3 py-1 mx-1 d-flex justify-content-between align-items-center flex-column">
+      <div
+        class="item px-3 py-1 mx-1 d-flex justify-content-between align-items-center flex-column"
+      >
         <span class="title">Wheels</span>
-        <span class="data">{{ (eventRawData.damages.wheels * 100) | $toFixed(2) }} %</span>
+        <span class="data"
+          >{{ (eventRawData.damages.wheels * 100) | $toFixed(2) }} %</span
+        >
       </div>
     </div>
   </TelemetryEventBaseOverlay>
 </template>
 
 <script>
-import TelemetryEventBaseOverlay  from '@/components/overlays/telemetry-event/TelemetryEventBaseOverlay';
+import TelemetryEventBaseOverlay from '@/components/overlays/telemetry-event/TelemetryEventBaseOverlay';
 import TelemetryEventOverlayMixin from '@/mixins/TelemetryEventOverlayMixin';
 
 export default {
-  name:       'TelemetryEventTruckDamageOverlay',
+  name: 'TelemetryEventTruckDamageOverlay',
   components: {
     TelemetryEventBaseOverlay
   },
-  mixins:     [ TelemetryEventOverlayMixin ]
+  mixins: [TelemetryEventOverlayMixin]
 };
 </script>
diff --git a/src/components/overlays/telemetry-event/TelemetryEventTruckWarningOverlay.vue b/src/components/overlays/telemetry-event/TelemetryEventTruckWarningOverlay.vue
index ae415dd4..b77f1ddd 100644
--- a/src/components/overlays/telemetry-event/TelemetryEventTruckWarningOverlay.vue
+++ b/src/components/overlays/telemetry-event/TelemetryEventTruckWarningOverlay.vue
@@ -1,8 +1,10 @@
 <template>
   <TelemetryEventBaseOverlay>
-    <hr class="m-0 mb-4">
+    <hr class="m-0 mb-4" />
     <div class="data d-flex justify-content-around align-items-center">
-      <div class="item px-3 py-1 mx-1 d-flex justify-content-between align-items-center flex-column">
+      <div
+        class="item px-3 py-1 mx-1 d-flex justify-content-between align-items-center flex-column"
+      >
         <span class="title">{{ eventRawData.warning }}</span>
       </div>
     </div>
@@ -10,14 +12,14 @@
 </template>
 
 <script>
-import TelemetryEventBaseOverlay  from '@/components/overlays/telemetry-event/TelemetryEventBaseOverlay';
+import TelemetryEventBaseOverlay from '@/components/overlays/telemetry-event/TelemetryEventBaseOverlay';
 import TelemetryEventOverlayMixin from '@/mixins/TelemetryEventOverlayMixin';
 
 export default {
-  name:       'TelemetryEventTruckWarningOverlay',
+  name: 'TelemetryEventTruckWarningOverlay',
   components: {
     TelemetryEventBaseOverlay
   },
-  mixins:     [ TelemetryEventOverlayMixin ]
+  mixins: [TelemetryEventOverlayMixin]
 };
 </script>
diff --git a/src/main.js b/src/main.js
index 79f48da8..8e6085d5 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,23 +1,23 @@
-import App                           from '@/App.vue';
-import AppPlugin                     from '@/plugins/app.plugin';
-import store                         from '@/store';
+import App from '@/App.vue';
+import AppPlugin from '@/plugins/app.plugin';
+import store from '@/store';
 import '@fortawesome/fontawesome-free/css/all.min.css';
 import { BootstrapVue, IconsPlugin } from 'bootstrap-vue';
 import 'bootstrap-vue/dist/bootstrap-vue.css';
 import 'bootstrap/dist/js/bootstrap.bundle';
-import Vue                           from 'vue';
-import VueClipboard                  from 'vue-clipboard2';
-import VueInsomnia                   from 'vue-insomnia';
+import Vue from 'vue';
+import VueClipboard from 'vue-clipboard2';
+import VueInsomnia from 'vue-insomnia';
 
-Vue.use( BootstrapVue );
-Vue.use( IconsPlugin );
-Vue.use( VueClipboard );
-Vue.use( VueInsomnia );
-Vue.use( AppPlugin );
+Vue.use(BootstrapVue);
+Vue.use(IconsPlugin);
+Vue.use(VueClipboard);
+Vue.use(VueInsomnia);
+Vue.use(AppPlugin);
 
 Vue.config.productionTip = false;
 
-new Vue( {
-	render: h => h( App ),
-	store
-} ).$mount( '#app' );
+new Vue({
+  render: (h) => h(App),
+  store
+}).$mount('#app');
diff --git a/src/mixins/ConfigCategoryMixin.vue b/src/mixins/ConfigCategoryMixin.vue
index b87f0618..c81c2d2a 100644
--- a/src/mixins/ConfigCategoryMixin.vue
+++ b/src/mixins/ConfigCategoryMixin.vue
@@ -1,19 +1,19 @@
 <script>
 import ConfigFieldChoice from '@/components/menu/config-fields/ConfigFieldChoice';
-import ConfigFieldInput  from '@/components/menu/config-fields/ConfigFieldInput';
-import { config }        from '@/utils/utils';
+import ConfigFieldInput from '@/components/menu/config-fields/ConfigFieldInput';
+import { config } from '@/utils/utils';
 
 export default {
-  name:       'ConfigCategoryMixin',
+  name: 'ConfigCategoryMixin',
   components: { ConfigFieldInput, ConfigFieldChoice },
-  methods:    {
-    fieldValues: fieldId => config.getFieldValues( fieldId ),
-    configValue(name){
-      return this.$store.getters[ 'config/get' ]( name )
+  methods: {
+    fieldValues: (fieldId) => config.getFieldValues(fieldId),
+    configValue(name) {
+      return this.$store.getters['config/get'](name);
     },
-    configEnabled(name){
-      return this.$store.getters[ 'config/enabled' ]( name )
+    configEnabled(name) {
+      return this.$store.getters['config/enabled'](name);
     }
   }
 };
-</script>
\ No newline at end of file
+</script>
diff --git a/src/mixins/ConfigFieldMixin.vue b/src/mixins/ConfigFieldMixin.vue
index 0b81a912..e80dded3 100644
--- a/src/mixins/ConfigFieldMixin.vue
+++ b/src/mixins/ConfigFieldMixin.vue
@@ -1,29 +1,29 @@
 <script>
-import _              from 'lodash';
+import _ from 'lodash';
 import { mapGetters } from 'vuex';
 
 export default {
-  name:  'ConfigFieldMixin',
+  name: 'ConfigFieldMixin',
   props: {
-    label:       {
-      type:     String,
+    label: {
+      type: String,
       required: true
     },
     description: {
-      type:     String,
+      type: String,
       required: true
     },
-    disabled:    {
-      type:     Boolean,
+    disabled: {
+      type: Boolean,
       required: true
     },
-    values:      {
-      type:     Promise,
+    values: {
+      type: Promise,
       required: false,
-      default:  null
+      default: null
     },
-    id:          {
-      type:     String,
+    id: {
+      type: String,
       required: true
     },
     target: {
@@ -33,42 +33,39 @@ export default {
   },
   data() {
     return {
-      val:  null,
+      val: null,
       vals: []
     };
   },
   computed: {
-    ...mapGetters( {
-      current:          'config/get',
+    ...mapGetters({
+      current: 'config/get',
       appGetProcessing: 'app/isOnProcessing'
-    } )
+    })
   },
   mounted() {
+    if (this.values !== null)
+      this.values.then((data) => {
+        this.vals = data;
+        const currentValue = this.$store.getters['config/get'](this.id);
 
-    if ( this.values !== null )
-      this.values
-          .then( data => {
-            this.vals          = data;
-            const currentValue = this.$store.getters[ 'config/get' ]( this.id );
-
-            this.val = (this.vals.length > 0 && currentValue === null)
-                ? _.first( this.vals ).value
-                : currentValue;
-          } );
-    else
-      this.val = this.$store.getters[ 'config/get' ]( this.id );
+        this.val =
+          this.vals.length > 0 && currentValue === null
+            ? _.first(this.vals).value
+            : currentValue;
+      });
+    else this.val = this.$store.getters['config/get'](this.id);
   },
-  methods:  {
-    set( value ) {
-      if( this.disabled )
-        return;
+  methods: {
+    set(value) {
+      if (this.disabled) return;
 
-      this.$store.commit( 'config/setElm', {
-        id:    this.id,
+      this.$store.commit('config/setElm', {
+        id: this.id,
         value: value,
         target: this.target
-      } );
+      });
     }
   }
 };
-</script>
\ No newline at end of file
+</script>
diff --git a/src/mixins/SkinsMixin.vue b/src/mixins/SkinsMixin.vue
index 9042032a..b1bf5f8c 100644
--- a/src/mixins/SkinsMixin.vue
+++ b/src/mixins/SkinsMixin.vue
@@ -7,37 +7,38 @@
  * Time: 	17:57
  */
 
-import { history }    from '@/utils/utils';
+import { history } from '@/utils/utils';
 import { mapGetters } from 'vuex';
 
 export default {
   name: 'SkinsMixin',
   computed: {
-    ...mapGetters( {
+    ...mapGetters({
       currentSkin: 'skins/current',
-      allSkin:     'skins/all'
-    } )
+      allSkin: 'skins/all'
+    })
   },
-  methods:  {
-    $isActive( skin ) {
+  methods: {
+    $isActive(skin) {
       const currentSkin = this.currentSkin;
 
-      if ( currentSkin === undefined || currentSkin === null )
-        return false;
+      if (currentSkin === undefined || currentSkin === null) return false;
 
       return skin.id === currentSkin.id;
     },
-    $isDisabled( skin ) {
-      if ( skin === undefined || skin === null )
-        return false;
+    $isDisabled(skin) {
+      if (skin === undefined || skin === null) return false;
 
       return skin.disabled;
     },
-    $setActive( skin ) {
-      this.$pushALog( 'Set skin active ' + JSON.stringify( skin ), history.HTY_ZONE.MENU_SKIN );
+    $setActive(skin) {
+      this.$pushALog(
+        'Set skin active ' + JSON.stringify(skin),
+        history.HTY_ZONE.MENU_SKIN
+      );
 
-      this.$store.commit( 'skins/setCurrent', skin );
-      this.$store.dispatch( 'menu/toggle' );
+      this.$store.commit('skins/setCurrent', skin);
+      this.$store.dispatch('menu/toggle');
     },
     $skins() {
       return this.allSkin;
diff --git a/src/mixins/TelemetryEventOverlayMixin.vue b/src/mixins/TelemetryEventOverlayMixin.vue
index dfbf5a43..14c2c596 100644
--- a/src/mixins/TelemetryEventOverlayMixin.vue
+++ b/src/mixins/TelemetryEventOverlayMixin.vue
@@ -1,19 +1,18 @@
 <script>
-
-import eventsText     from '@/data/events.json';
+import eventsText from '@/data/events.json';
 import TelemetryMixin from '@/mixins/TelemetryMixin';
 import { mapGetters } from 'vuex';
 
 export default {
-  mixins: [ TelemetryMixin ],
+  mixins: [TelemetryMixin],
   computed: {
     ...mapGetters({
       eventProcessing: 'event/eventProcessing',
       eventName: 'event/eventName',
-      eventRawData: 'event/eventRawData',
+      eventRawData: 'event/eventRawData'
     }),
     eventsText() {
-      return eventsText[ this.eventName ];
+      return eventsText[this.eventName];
     }
   }
 };
diff --git a/src/mixins/TelemetryMixin.vue b/src/mixins/TelemetryMixin.vue
index 17c4c5f6..8fdb2e6a 100644
--- a/src/mixins/TelemetryMixin.vue
+++ b/src/mixins/TelemetryMixin.vue
@@ -1,60 +1,63 @@
 <script>
-import { app }   from '@/utils/utils';
+import { app } from '@/utils/utils';
 import {
   length as uc_length,
   mass as uc_mass,
   pressure as uc_pressure,
   temperature as uc_temperature,
   volume as uc_volume
-}                from 'units-converter';
+} from 'units-converter';
 import { store as telemetryStore } from '@/store/telemetry.store';
 import store from '@/store';
 
 export default {
-  name:     'TelemetryMixin',
-  filters:  {
-    '$dateTimeLocalized': ( time, dFormat, tFormat ) => {
-      return app.dateTimeLocalized( time, dFormat, tFormat );
+  name: 'TelemetryMixin',
+  filters: {
+    $dateTimeLocalized: (time, dFormat, tFormat) => {
+      return app.dateTimeLocalized(time, dFormat, tFormat);
     },
-    '$toFixed':           ( value, decimal ) => {
-      return value.toFixed( decimal );
+    $toFixed: (value, decimal) => {
+      return value.toFixed(decimal);
     }
   },
   computed: {
-    telemetry:     () => telemetryStore.telemetry,
-    appReady: () => telemetryStore.receivedData
-        && telemetryStore.telemetry.game.sdkActive
-        && telemetryStore.telemetry.truck.brand.id.length !== 0
-        && store.getters['app/isLaunched']
-        && store.getters['config/gameConfigLoaded'],
-    receivedData:  () => telemetryStore.receivedData,
+    telemetry: () => telemetryStore.telemetry,
+    appReady: () =>
+      telemetryStore.receivedData &&
+      telemetryStore.telemetry.game.sdkActive &&
+      telemetryStore.telemetry.truck.brand.id.length !== 0 &&
+      store.getters['app/isLaunched'] &&
+      store.getters['config/gameConfigLoaded'],
+    receivedData: () => telemetryStore.receivedData,
     jobDeliveryTime() {
-      return (this.telemetry.job.market.id === 'external_contracts')
-          ? this.telemetry.job.expectedDeliveryTimestamp.value
-          : this.telemetry.job.expectedDeliveryTimestamp.unix;
+      return this.telemetry.job.market.id === 'external_contracts'
+        ? this.telemetry.job.expectedDeliveryTimestamp.value
+        : this.telemetry.job.expectedDeliveryTimestamp.unix;
     }
   },
   created() {
-    Object.keys( app.formatConstants ).forEach( ( key ) => {
-      const value = app.formatConstants[ key ];
-      this[ key ] = value;
-    } );
+    Object.keys(app.formatConstants).forEach((key) => {
+      const value = app.formatConstants[key];
+      this[key] = value;
+    });
   },
   methods: {
     // ---------------------------------------
     // --- Commons methods
 
-    config( name ) { return this.$store.getters[ 'config/get' ]( name ); },
+    config(name) {
+      return this.$store.getters['config/get'](name);
+    },
 
     // --- Filters
 
-    unit_speed( value, showValue = true, showSymbol = true ) {
-      const speed = this.config( 'unit_speed' );
-      let unit    = '';
+    unit_speed(value, showValue = true, showSymbol = true) {
+      const speed = this.config('unit_speed');
+      let unit = '';
 
-      value = value[ speed ];
+      value = value[speed];
 
-      switch ( speed ) {
+      switch (speed) {
         case 'kph':
           unit = 'km/h';
           break;
@@ -63,19 +66,17 @@ export default {
           break;
       }
 
-      if ( showValue && !showSymbol )
-        return value;
+      if (showValue && !showSymbol) return value;
 
-      if ( !showValue && showSymbol )
-        return unit;
+      if (!showValue && showSymbol) return unit;
 
-      return value.toFixed( 0 ) + ' ' + unit;
+      return value.toFixed(0) + ' ' + unit;
     },
-    unit_currency( value, showValue = true, showSymbol = true ) {
-      const currencySymbolValue = this.config( 'unit_currency' );
-      let unit                  = '';
+    unit_currency(value, showValue = true, showSymbol = true) {
+      const currencySymbolValue = this.config('unit_currency');
+      let unit = '';
 
-      switch ( currencySymbolValue ) {
+      switch (currencySymbolValue) {
         case 'EUR':
           unit = '€';
           break;
@@ -89,220 +90,196 @@ export default {
           break;
       }
 
-      if ( showValue && !showSymbol )
-        return value;
+      if (showValue && !showSymbol) return value;
 
-      if ( !showValue && showSymbol )
-        return unit;
+      if (!showValue && showSymbol) return unit;
 
       return unit + ' ' + value.toLocaleString();
     },
-    unit_length( value, unitFrom = 'm', showValue = true, showSymbol = true ) {
-      const length       = this.config( 'unit_length' );
-      const unitExcluded = [ 'in', 'yd', 'ft-us', 'fathom', 'nMi' ];
-      let unit           = '';
-      let conversion     = uc_length( value )
-          .from( unitFrom )
-          .to( length );
-
-      switch ( length ) {
+    unit_length(value, unitFrom = 'm', showValue = true, showSymbol = true) {
+      const length = this.config('unit_length');
+      const unitExcluded = ['in', 'yd', 'ft-us', 'fathom', 'nMi'];
+      let unit = '';
+      let conversion = uc_length(value).from(unitFrom).to(length);
+
+      switch (length) {
         case 'm':
-          conversion = uc_length( conversion.value )
-              .from( length )
-              .toBest( { exclude: unitExcluded } );
+          conversion = uc_length(conversion.value)
+            .from(length)
+            .toBest({ exclude: unitExcluded });
 
           break;
         case 'ft':
-          conversion = uc_length( conversion.value )
-              .from( length )
-              .toBest( { exclude: unitExcluded } );
+          conversion = uc_length(conversion.value)
+            .from(length)
+            .toBest({ exclude: unitExcluded });
 
           break;
       }
 
       value = conversion.value;
-      unit  = conversion.unit;
+      unit = conversion.unit;
 
-      if ( showValue && !showSymbol )
-        return value;
+      if (showValue && !showSymbol) return value;
 
-      if ( !showValue && showSymbol )
-        return unit;
+      if (!showValue && showSymbol) return unit;
 
-      value = value.toFixed( 1 );
+      value = value.toFixed(1);
 
       return value.toLocaleString() + ' ' + unit;
     },
-    unit_weight( value, showValue = true, showSymbol = true ) {
-      const weight       = this.config( 'unit_weight' );
-      const unitExcluded = [ 'mcg', 'mg', 'mt', 'oz' ];
-      let unit           = '';
-      let conversion     = uc_mass( value )
-          .from( 'kg' )
-          .to( weight );
-
-      switch ( weight ) {
+    unit_weight(value, showValue = true, showSymbol = true) {
+      const weight = this.config('unit_weight');
+      const unitExcluded = ['mcg', 'mg', 'mt', 'oz'];
+      let unit = '';
+      let conversion = uc_mass(value).from('kg').to(weight);
+
+      switch (weight) {
         case 'kg':
-          conversion = uc_mass( conversion.value )
-              .from( weight )
-              .toBest( { exclude: unitExcluded } );
+          conversion = uc_mass(conversion.value)
+            .from(weight)
+            .toBest({ exclude: unitExcluded });
 
           value = conversion.value;
-          unit  = conversion.unit;
+          unit = conversion.unit;
 
-          if ( value > 1000 ) {
+          if (value > 1000) {
             value /= 1000;
             unit = 't';
           }
 
           break;
         case 'lb':
-          conversion = uc_mass( conversion.value )
-              .from( weight )
-              .toBest( { exclude: unitExcluded } );
+          conversion = uc_mass(conversion.value)
+            .from(weight)
+            .toBest({ exclude: unitExcluded });
 
           value = conversion.value;
-          unit  = conversion.unit;
+          unit = conversion.unit;
 
           break;
       }
 
-      if ( showValue && !showSymbol )
-        return value;
+      if (showValue && !showSymbol) return value;
 
-      if ( !showValue && showSymbol )
-        return unit;
+      if (!showValue && showSymbol) return unit;
 
-      return value.toFixed( 1 ) + ' ' + unit;
+      return value.toFixed(1) + ' ' + unit;
     },
-    unit_volume( value, showValue = true, showSymbol = true ) {
-      const unitDefined = this.config( 'unit_volume' );
-      let unit          = '';
-      let conversion    = uc_volume( value )
-          .from( 'l' )
-          .to( unitDefined );
+    unit_volume(value, showValue = true, showSymbol = true) {
+      const unitDefined = this.config('unit_volume');
+      let unit = '';
+      let conversion = uc_volume(value).from('l').to(unitDefined);
 
       value = conversion.value;
-      unit  = conversion.unit;
+      unit = conversion.unit;
 
-      if ( showValue && !showSymbol )
-        return value;
+      if (showValue && !showSymbol) return value;
 
-      if ( !showValue && showSymbol )
-        return unit;
+      if (!showValue && showSymbol) return unit;
 
-      return value.toFixed( 0 ) + ' ' + unit;
+      return value.toFixed(0) + ' ' + unit;
     },
-    unit_consumption( value, showValue = true, showSymbol = true ) {
-      const unitDefined = this.config( 'unit_consumption' );
-      let conversion    = null;
-      let unit          = '';
+    unit_consumption(value, showValue = true, showSymbol = true) {
+      const unitDefined = this.config('unit_consumption');
+      let conversion = null;
+      let unit = '';
 
       value *= 100;
 
-      switch ( unitDefined ) {
+      switch (unitDefined) {
         case 'lpkm':
           conversion = {
-            unit:  'L/100',
+            unit: 'L/100',
             value: value
           };
 
           break;
         case 'mpg':
           conversion = {
-            unit:  'MPG',
-            value: (value === 0)
-                       ? 0
-                       : 282.4809363 / value
+            unit: 'MPG',
+            value: value === 0 ? 0 : 282.4809363 / value
           };
 
           break;
       }
 
       value = conversion.value;
-      unit  = conversion.unit;
+      unit = conversion.unit;
 
-      if ( showValue && !showSymbol )
-        return value;
+      if (showValue && !showSymbol) return value;
 
-      if ( !showValue && showSymbol )
-        return unit;
+      if (!showValue && showSymbol) return unit;
 
-      value = value.toFixed( 1 );
+      value = value.toFixed(1);
 
       return value + ' ' + unit;
     },
-    unit_pressure( value, showValue = true, showSymbol = true ) {
-      const unitDefined = this.config( 'unit_pressure' );
-      let unit          = '';
-      let conversion    = uc_pressure( value )
-          .from( 'psi' )
-          .to( unitDefined );
+    unit_pressure(value, showValue = true, showSymbol = true) {
+      const unitDefined = this.config('unit_pressure');
+      let unit = '';
+      let conversion = uc_pressure(value).from('psi').to(unitDefined);
 
       value = conversion.value;
-      unit  = conversion.unit;
+      unit = conversion.unit;
 
-      if ( showValue && !showSymbol )
-        return value;
+      if (showValue && !showSymbol) return value;
 
-      if ( !showValue && showSymbol )
-        return unit;
+      if (!showValue && showSymbol) return unit;
 
-      return value.toFixed( 0 ) + ' ' + unit;
+      return value.toFixed(0) + ' ' + unit;
     },
-    unit_degrees( value, showValue = true, showSymbol = true ) {
-      const unitDefined = this.config( 'unit_degrees' );
-      let unit          = '';
-      let conversion    = uc_temperature( value )
-          .from( 'C' )
-          .to( unitDefined );
+    unit_degrees(value, showValue = true, showSymbol = true) {
+      const unitDefined = this.config('unit_degrees');
+      let unit = '';
+      let conversion = uc_temperature(value).from('C').to(unitDefined);
 
       value = conversion.value;
-      unit  = '°' + conversion.unit;
+      unit = '°' + conversion.unit;
 
-      if ( showValue && !showSymbol )
-        return value;
+      if (showValue && !showSymbol) return value;
 
-      if ( !showValue && showSymbol )
-        return unit;
+      if (!showValue && showSymbol) return unit;
 
-      return value.toFixed( 0 ) + ' ' + unit;
+      return value.toFixed(0) + ' ' + unit;
     },
 
     // --- ./Filters
 
-
     // --- Commons
 
-    $flag( countryName, gameID ) {
-      return app.flag( countryName, gameID );
+    $flag(countryName, gameID) {
+      return app.flag(countryName, gameID);
     },
-    $averageDamage( arrayDamage ) {
-      const keyLength = Object.keys( arrayDamage ).filter( k => k !== 'total' ).length;
-      let sum         = 0;
-
-      for ( const key in arrayDamage ) {
-        if ( key !== 'total' )
-          sum += arrayDamage[ key ];
+    $averageDamage(arrayDamage) {
+      const keyLength = Object.keys(arrayDamage).filter(
+        (k) => k !== 'total'
+      ).length;
+      let sum = 0;
+
+      for (const key in arrayDamage) {
+        if (key !== 'total') sum += arrayDamage[key];
       }
 
-      return Math.floor( 100 * (sum / keyLength) );
+      return Math.floor(100 * (sum / keyLength));
     },
-    $scale( currentSkin ) {
-      const scaleX = (currentSkin.size.width === 0)
+    $scale(currentSkin) {
+      const scaleX =
+        currentSkin.size.width === 0
           ? 1
           : window.innerWidth / currentSkin.size.width;
 
-      const scaleY = (currentSkin.size.height === 0)
+      const scaleY =
+        currentSkin.size.height === 0
           ? 1
           : (window.innerHeight - 41) / currentSkin.size.height;
 
-      return Math.min( scaleX, scaleY );
+      return Math.min(scaleX, scaleY);
     },
-    $pressureToBar: function ( inPressure, unit = 'bar' ) {
+    $pressureToBar: function (inPressure, unit = 'bar') {
       let pressure;
 
-      switch ( unit ) {
+      switch (unit) {
         case 'bar':
           pressure = inPressure * 0.0689476;
           break;
@@ -324,13 +301,13 @@ export default {
 
     // --- Truck
 
-    $hasTruck:    function () {
-      return (this.telemetry.truck.brand.id.length !== 0);
+    $hasTruck: function () {
+      return this.telemetry.truck.brand.id.length !== 0;
     },
     $truckDamage: function () {
-      return (this.config( 'general_damage_accurate' ) === 'damage-diagnostic')
-          ? this.$averageDamage( this.telemetry.truck.damage )
-          : Math.floor( 100 * this.telemetry.truck.damage.chassis );
+      return this.config('general_damage_accurate') === 'damage-diagnostic'
+        ? this.$averageDamage(this.telemetry.truck.damage)
+        : Math.floor(100 * this.telemetry.truck.damage.chassis);
     },
 
     // --- ./Truck
@@ -338,53 +315,54 @@ export default {
     // --- Job
 
     $hasJob: function () {
-      return (this.telemetry.job.cargo.id.length !== 0);
+      return this.telemetry.job.cargo.id.length !== 0;
     },
-    $jobRemainingTimeDelivery( time ) {
-      const gameTime          = this.telemetry.game.time.value;
+    $jobRemainingTimeDelivery(time) {
+      const gameTime = this.telemetry.game.time.value;
       const jobDeliveringTime = time;
-      let diff                = (jobDeliveringTime - gameTime);
+      let diff = jobDeliveringTime - gameTime;
 
-      return app.displayDuration( diff );
+      return app.displayDuration(diff);
     },
     $jobRemainingTimeToDueDate() {
-      return this.config( 'general_job_remaining' ) === 'due_date';
+      return this.config('general_job_remaining') === 'due_date';
     },
-    $nextRestStop( time ) {
-      return app.diffDateTimeLocalized( 0, time, false );
+    $nextRestStop(time) {
+      return app.diffDateTimeLocalized(0, time, false);
     },
 
     // --- ./Job
 
-
     // --- Trailer
 
-    $hasTrailer:       function () {
+    $hasTrailer: function () {
       return this.telemetry.trailer.model.id.length !== 0;
     },
     $hasTrailerAndJob: function () {
-      return this.telemetry.trailer.model.id.length !== 0 && this.telemetry.job.cargo.name.length !== 0;
+      return (
+        this.telemetry.trailer.model.id.length !== 0 &&
+        this.telemetry.job.cargo.name.length !== 0
+      );
     },
-    $trailerDamage:    function () {
-      return (this.config( 'general_damage_accurate' ) === 'damage-diagnostic')
-          ? this.$averageDamage( this.telemetry.trailer.damage )
-          : Math.floor( 100 * this.telemetry.trailer.damage.chassis );
+    $trailerDamage: function () {
+      return this.config('general_damage_accurate') === 'damage-diagnostic'
+        ? this.$averageDamage(this.telemetry.trailer.damage)
+        : Math.floor(100 * this.telemetry.trailer.damage.chassis);
     },
 
     // --- ./Trailer
 
-
     // --- Navigation
 
-    $trukGear: function ( transmission, brand ) {
-      const hShiftLayout            = this.config( 'general_h-shift-layout' );
+    $trukGear: function (transmission, brand) {
+      const hShiftLayout = this.config('general_h-shift-layout');
       const rangeAndSplitterEnabled = hShiftLayout === 'h-shifter';
 
-      let gear         = transmission.gear.displayed;
-      let strGear      = gear;
+      let gear = transmission.gear.displayed;
+      let strGear = gear;
       let crawlingGear = 0;
 
-      switch ( brand.name ) {
+      switch (brand.name) {
         case 'Volvo':
         case 'Scania':
         case 'Kenworth':
@@ -392,43 +370,41 @@ export default {
           break;
       }
 
-      if ( transmission.shifterType === 'hshifter' && rangeAndSplitterEnabled ) {
+      if (transmission.shifterType === 'hshifter' && rangeAndSplitterEnabled) {
         let realGearCount = gear - crawlingGear;
-        let spliter       = (realGearCount % 2)
-            ? 'L'
-            : 'H';
-        let realGear      = Math.ceil( realGearCount / 2 );
-        strGear           = realGear + spliter;
+        let spliter = realGearCount % 2 ? 'L' : 'H';
+        let realGear = Math.ceil(realGearCount / 2);
+        strGear = realGear + spliter;
       } else {
         strGear = gear - crawlingGear;
       }
 
-      if ( transmission.shifterType === 'automatic' || transmission.shifterType === 'arcade' )
-        strGear = 'A' + ( gear - crawlingGear );
+      if (
+        transmission.shifterType === 'automatic' ||
+        transmission.shifterType === 'arcade'
+      )
+        strGear = 'A' + (gear - crawlingGear);
 
-      if ( gear <= crawlingGear )
-        strGear = 'C' + Math.abs( gear );
+      if (gear <= crawlingGear) strGear = 'C' + Math.abs(gear);
 
-      if ( gear === 0 )
-        strGear = 'N';
+      if (gear === 0) strGear = 'N';
 
-      if ( gear < 0 )
-        strGear = 'R' + Math.abs( transmission.gear.displayed );
+      if (gear < 0) strGear = 'R' + Math.abs(transmission.gear.displayed);
 
       return strGear;
     },
 
     $etaDueDate: function () {
       const currentGameTime = this.$gameTime();
-      let etaTime           = this.telemetry.navigation.time + currentGameTime;
+      let etaTime = this.telemetry.navigation.time + currentGameTime;
 
       return etaTime;
     },
     $etaRemaing: function () {
       const currentGameTime = this.$gameTime();
-      const etaTime         = this.$etaDueDate();
+      const etaTime = this.$etaDueDate();
 
-      return app.diffDateTimeLocalized( currentGameTime, etaTime );
+      return app.diffDateTimeLocalized(currentGameTime, etaTime);
     },
     $haveAnActiveNavigation() {
       return this.telemetry.navigation.distance > 0;
@@ -440,4 +416,4 @@ export default {
     // --- ./Navigation
   }
 };
-</script>
\ No newline at end of file
+</script>
diff --git a/src/plugins/app.plugin.js b/src/plugins/app.plugin.js
index 0a39b269..f8408514 100644
--- a/src/plugins/app.plugin.js
+++ b/src/plugins/app.plugin.js
@@ -6,51 +6,54 @@
  * Time: 	19:43
  */
 
-import store              from '@/store';
-import { mutations }      from '@/store/telemetry.store';
-import { pushLog }        from '@/utils/_app';
-import { translate }      from '@/utils/_i18n';
+import store from '@/store';
+import { mutations } from '@/store/telemetry.store';
+import { pushLog } from '@/utils/_app';
+import { translate } from '@/utils/_i18n';
 import { event, history } from '@/utils/utils';
 
-
 export default {
-	install( Vue ) {
-		Vue.prototype.$pushALog = pushLog;
-		
-		Vue.prototype.$updateEvent = data => {
-			const theEvent = event.filterInputEvent( data );
-			
-			if ( theEvent !== false ) {
-				const configName = `events_${ theEvent.eventName }`;
-				const isActive   = store.getters[ 'config/enabled' ]( configName );
-				
-				if ( isActive ) {
-					Vue.prototype.$pushALog( 'New event ' + JSON.stringify( theEvent ), history.HTY_ZONE.MAIN );
-				
-					store.dispatch( 'event/displayAnEvent', {
-						eventProcessing: true,
-						eventName:       theEvent.eventName,
-						eventRawData:    theEvent.rawData
-					} );
-				}
-			}
-		};
-
-		Vue.prototype.$updateTelemetry = payload => {
-			const data = { ...payload };
-			Object.freeze( data );
-			const gameConnected = data.game !== null &&
-								  (typeof data.game === 'object' && Object.keys( data.game ).length > 0);
-			
-			mutations.setTelemetry( data );
-			mutations.setGameConnected( gameConnected );
-			
-			if ( gameConnected )
-				mutations.setReceivedData( true );
-		};
-		
-		// ---
-		
-		Vue.prototype.$t = translate;
-	}
-};
\ No newline at end of file
+  install(Vue) {
+    Vue.prototype.$pushALog = pushLog;
+
+    Vue.prototype.$updateEvent = (data) => {
+      const theEvent = event.filterInputEvent(data);
+
+      if (theEvent !== false) {
+        const configName = `events_${theEvent.eventName}`;
+        const isActive = store.getters['config/enabled'](configName);
+
+        if (isActive) {
+          Vue.prototype.$pushALog(
+            'New event ' + JSON.stringify(theEvent),
+            history.HTY_ZONE.MAIN
+          );
+
+          store.dispatch('event/displayAnEvent', {
+            eventProcessing: true,
+            eventName: theEvent.eventName,
+            eventRawData: theEvent.rawData
+          });
+        }
+      }
+    };
+
+    Vue.prototype.$updateTelemetry = (payload) => {
+      const data = { ...payload };
+      Object.freeze(data);
+      const gameConnected =
+        data.game !== null &&
+        typeof data.game === 'object' &&
+        Object.keys(data.game).length > 0;
+
+      mutations.setTelemetry(data);
+      mutations.setGameConnected(gameConnected);
+
+      if (gameConnected) mutations.setReceivedData(true);
+    };
+
+    // ---
+
+    Vue.prototype.$t = translate;
+  }
+};
diff --git a/src/store/index.js b/src/store/index.js
index 2f48311b..2df2d863 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -6,30 +6,29 @@
  * Time: 	09:24
  */
 
-
-import app    from '@/store/modules/_app';
+import app from '@/store/modules/_app';
 import config from '@/store/modules/_config';
-import menu   from '@/store/modules/_menu';
-import skins  from '@/store/modules/_skins';
-import debug  from '@/store/modules/_debug';
-import event  from '@/store/modules/_event';
+import menu from '@/store/modules/_menu';
+import skins from '@/store/modules/_skins';
+import debug from '@/store/modules/_debug';
+import event from '@/store/modules/_event';
 import i18n from '@/store/modules/_i18n';
-import Vue    from 'vue';
-import Vuex   from 'vuex';
+import Vue from 'vue';
+import Vuex from 'vuex';
 
-Vue.use( Vuex );
+Vue.use(Vuex);
 
 const env = process.env.NODE_ENV !== 'production';
 
-export default new Vuex.Store( {
-	modules: {
-		skins,
-		config,
-		menu,
-		app,
-		debug,
-		event,
-		i18n
-	},
-	strict:  env
-} );
+export default new Vuex.Store({
+  modules: {
+    skins,
+    config,
+    menu,
+    app,
+    debug,
+    event,
+    i18n
+  },
+  strict: env
+});
diff --git a/src/store/modules/_app.js b/src/store/modules/_app.js
index 5669964e..4508eb9b 100644
--- a/src/store/modules/_app.js
+++ b/src/store/modules/_app.js
@@ -7,77 +7,81 @@
  */
 
 import { history } from '@/utils/utils';
-import Vue         from 'vue';
+import Vue from 'vue';
 
 const defaultMessage = {
-	icon: null,
-	title:   'Processing',
-	message: 'Your app is on processing. Please wait'
+  icon: null,
+  title: 'Processing',
+  message: 'Your app is on processing. Please wait'
 };
 
 const defaultDetails = {
-	message: null,
-	code:    null
+  message: null,
+  code: null
 };
 
 const state = () => ({
-	launched: false,
-	processing: false,
-	message:    defaultMessage,
-	details:    defaultDetails,
+  launched: false,
+  processing: false,
+  message: defaultMessage,
+  details: defaultDetails
 });
 
 // getters
 const getters = {
-	isLaunched: state => state.launched,
-	isOnProcessing: state => state.processing,
-	message:        state => state.message,
-	details:        state => state.details,
+  isLaunched: (state) => state.launched,
+  isOnProcessing: (state) => state.processing,
+  message: (state) => state.message,
+  details: (state) => state.details
 };
 
 // actions
 const actions = {
-	startProcessing( { commit } ) {
-		commit( 'setProcessing', true );
-	},
-	showMessage( { commit }, payload ) {
-		commit( 'setProcessing', true );
-		commit( 'setMessage', payload );
-	},
-	endProcessing( { commit } ) {
-		commit( 'setProcessing', false );
-		commit( 'setMessage', defaultMessage );
-		commit( 'setDetails', defaultDetails );
-	},
-	setError( { commit }, payload ) {
-		Vue.prototype.$pushALog( 'Error thrown', JSON.stringify( payload ), history.HTY_ZONE.ERROR );
-		
-		commit( 'setProcessing', true );
-		commit( 'setMessage', payload.message );
-		commit( 'setDetails', payload.details );
-	}
+  startProcessing({ commit }) {
+    commit('setProcessing', true);
+  },
+  showMessage({ commit }, payload) {
+    commit('setProcessing', true);
+    commit('setMessage', payload);
+  },
+  endProcessing({ commit }) {
+    commit('setProcessing', false);
+    commit('setMessage', defaultMessage);
+    commit('setDetails', defaultDetails);
+  },
+  setError({ commit }, payload) {
+    Vue.prototype.$pushALog(
+      'Error thrown',
+      JSON.stringify(payload),
+      history.HTY_ZONE.ERROR
+    );
+
+    commit('setProcessing', true);
+    commit('setMessage', payload.message);
+    commit('setDetails', payload.details);
+  }
 };
 
 // mutations
 const mutations = {
-	setLaunched( state, value ) {
-		state.launched = value;
-	},
-	setProcessing( state, value ) {
-		state.processing = value;
-	},
-	setMessage( state, message ) {
-		state.message = message;
-	},
-	setDetails( state, details ) {
-		state.details = details;
-	}
+  setLaunched(state, value) {
+    state.launched = value;
+  },
+  setProcessing(state, value) {
+    state.processing = value;
+  },
+  setMessage(state, message) {
+    state.message = message;
+  },
+  setDetails(state, details) {
+    state.details = details;
+  }
 };
 
 export default {
-	namespaced: true,
-	state,
-	getters,
-	actions,
-	mutations
+  namespaced: true,
+  state,
+  getters,
+  actions,
+  mutations
 };
diff --git a/src/store/modules/_config.js b/src/store/modules/_config.js
index 6b99c54d..8d101846 100644
--- a/src/store/modules/_config.js
+++ b/src/store/modules/_config.js
@@ -1,60 +1,57 @@
 import { emptyData } from '@/utils/_config';
-import { config }    from '@/utils/utils';
-import Vue           from 'vue';
+import { config } from '@/utils/utils';
+import Vue from 'vue';
 
 // initial state
-const state = () => (emptyData());
+const state = () => emptyData();
 
 // getters
 const getters = {
-	get:     state => elm => {
-		let value = {...state.app, ...state.game}[ elm ];
-		
-		if ( value === 'true' )
-			value = true;
-		else if ( value === 'false' )
-			value = false;
-		
-		return value ?? null;
-	},
-	enabled: ( state, getters ) => elm => {
-		//console.log( elm, getters.exist( elm ), getters.get( elm ) );
-		
-		return getters.exist( elm ) && getters.get( elm ) === true;
-	},
-	exist:   state => elm => {
-		return Object.hasOwnProperty.call( {...state.app, ...state.game}, elm );
-	},
-	all:     state => {
-		return {...state.app, ...state.game};
-	},
-	app: state => state.app,
-	game: state => state.game,
-	gameConfigLoaded: state => state.game !== null
+  get: (state) => (elm) => {
+    let value = { ...state.app, ...state.game }[elm];
+
+    if (value === 'true') value = true;
+    else if (value === 'false') value = false;
+
+    return value ?? null;
+  },
+  enabled: (state, getters) => (elm) => {
+    //console.log( elm, getters.exist( elm ), getters.get( elm ) );
+
+    return getters.exist(elm) && getters.get(elm) === true;
+  },
+  exist: (state) => (elm) => {
+    return Object.hasOwnProperty.call({ ...state.app, ...state.game }, elm);
+  },
+  all: (state) => {
+    return { ...state.app, ...state.game };
+  },
+  app: (state) => state.app,
+  game: (state) => state.game,
+  gameConfigLoaded: (state) => state.game !== null
 };
 
 // actions
-const actions = {
-};
+const actions = {};
 
 // mutations
 const mutations = {
-	setApp( state, config ) {
-		state.app = config;
-	},
-	setGame( state, config ) {
-		state.game = config;
-	},
-	setElm( state, payload ) {
-		Vue.set( state, payload.id, payload.value );
-		config.save( state, payload.target );
-	}
+  setApp(state, config) {
+    state.app = config;
+  },
+  setGame(state, config) {
+    state.game = config;
+  },
+  setElm(state, payload) {
+    Vue.set(state, payload.id, payload.value);
+    config.save(state, payload.target);
+  }
 };
 
 export default {
-	namespaced: true,
-	state,
-	getters,
-	actions,
-	mutations
+  namespaced: true,
+  state,
+  getters,
+  actions,
+  mutations
 };
diff --git a/src/store/modules/_debug.js b/src/store/modules/_debug.js
index c6cbfe82..d27bd3ba 100644
--- a/src/store/modules/_debug.js
+++ b/src/store/modules/_debug.js
@@ -10,38 +10,40 @@ import * as moment from 'moment';
 
 // initial state
 const state = () => ({
-	logs: []
+  logs: []
 });
 
 // getters
 const getters = {
-	logs: state => state.logs
+  logs: (state) => state.logs
 };
 
 // actions
 const actions = {
-	addLog( { commit }, dataIn ) {
-		const date    = moment();
-		const level   = dataIn.level;
-		const zone    = dataIn.zone;
-		const message = dataIn.message;
-		const line    = `[ ${ date.format( 'YYYY-MM-DD HH:mm:ss' ) } ][ ${ level } ][ ${ zone } ] ${ message }`;
-		
-		commit( 'pushLog', line );
-	}
+  addLog({ commit }, dataIn) {
+    const date = moment();
+    const level = dataIn.level;
+    const zone = dataIn.zone;
+    const message = dataIn.message;
+    const line = `[ ${date.format(
+      'YYYY-MM-DD HH:mm:ss'
+    )} ][ ${level} ][ ${zone} ] ${message}`;
+
+    commit('pushLog', line);
+  }
 };
 
 // mutations
 const mutations = {
-	pushLog( state, log ) {
-		state.logs.push( log );
-	}
+  pushLog(state, log) {
+    state.logs.push(log);
+  }
 };
 
 export default {
-	namespaced: true,
-	state,
-	getters,
-	actions,
-	mutations
+  namespaced: true,
+  state,
+  getters,
+  actions,
+  mutations
 };
diff --git a/src/store/modules/_event.js b/src/store/modules/_event.js
index 4bc5b687..4fc4d158 100644
--- a/src/store/modules/_event.js
+++ b/src/store/modules/_event.js
@@ -7,73 +7,70 @@
  */
 
 const defaultData = {
-	game: {
-		fine: {
-			active:  true,
-			amount:  1000,
-			offence: { id: 'speeding', name: 'Speeding' }
-		}
-	}
+  game: {
+    fine: {
+      active: true,
+      amount: 1000,
+      offence: { id: 'speeding', name: 'Speeding' }
+    }
+  }
 };
 
 // initial state
-const state = () => (
-	{
-		lastTimeOut:     null,
-		eventProcessing: false,
-		eventName:       null,
-		eventRawData:    defaultData
-	}
-);
+const state = () => ({
+  lastTimeOut: null,
+  eventProcessing: false,
+  eventName: null,
+  eventRawData: defaultData
+});
 
 // getters
 const getters = {
-	lastTimeOut:     state => state.lastTimeOut,
-	eventProcessing: state => state.eventProcessing,
-	eventName:       state => state.eventName,
-	eventRawData:    state => state.eventRawData
+  lastTimeOut: (state) => state.lastTimeOut,
+  eventProcessing: (state) => state.eventProcessing,
+  eventName: (state) => state.eventName,
+  eventRawData: (state) => state.eventRawData
 };
 
 // actions
 const actions = {
-	displayAnEvent( { commit, getters }, dataIn ) {
-		if ( getters[ 'lastTimeOut' ] !== null )
-			clearTimeout( getters[ 'lastTimeOut' ] );
-		
-		commit( 'setEventProcessing', dataIn.eventProcessing );
-		commit( 'setEventName', dataIn.eventName );
-		commit( 'setEventData', dataIn.eventRawData );
-		
-		const lastTimeOut = setTimeout( () => {
-			commit( 'setEventProcessing', false );
-			commit( 'setEventName', null );
-			commit( 'setEventData', defaultData );
-		}, 3000 );
-		
-		commit( 'setLastTimeOut', lastTimeOut );
-	}
+  displayAnEvent({ commit, getters }, dataIn) {
+    if (getters['lastTimeOut'] !== null) clearTimeout(getters['lastTimeOut']);
+
+    commit('setEventProcessing', dataIn.eventProcessing);
+    commit('setEventName', dataIn.eventName);
+    commit('setEventData', dataIn.eventRawData);
+
+    const lastTimeOut = setTimeout(() => {
+      commit('setEventProcessing', false);
+      commit('setEventName', null);
+      commit('setEventData', defaultData);
+    }, 3000);
+
+    commit('setLastTimeOut', lastTimeOut);
+  }
 };
 
 // mutations
 const mutations = {
-	setLastTimeOut( state, payload ) {
-		state.lastTimeOut = payload;
-	},
-	setEventProcessing( state, payload ) {
-		state.eventProcessing = payload;
-	},
-	setEventName( state, payload ) {
-		state.eventName = payload;
-	},
-	setEventData( state, payload ) {
-		state.eventRawData = payload;
-	}
+  setLastTimeOut(state, payload) {
+    state.lastTimeOut = payload;
+  },
+  setEventProcessing(state, payload) {
+    state.eventProcessing = payload;
+  },
+  setEventName(state, payload) {
+    state.eventName = payload;
+  },
+  setEventData(state, payload) {
+    state.eventRawData = payload;
+  }
 };
 
 export default {
-	namespaced: true,
-	state,
-	getters,
-	actions,
-	mutations
+  namespaced: true,
+  state,
+  getters,
+  actions,
+  mutations
 };
diff --git a/src/store/modules/_i18n.js b/src/store/modules/_i18n.js
index 2dd8f1d0..2a37b8e4 100644
--- a/src/store/modules/_i18n.js
+++ b/src/store/modules/_i18n.js
@@ -9,12 +9,12 @@ import { fallbackLocale } from '@/utils/_i18n';
 
 // initial state
 const state = () => ({
-	locale: fallbackLocale
+  locale: fallbackLocale
 });
 
 // getters
 const getters = {
-	locale: state => state.locale
+  locale: (state) => state.locale
 };
 
 // actions
@@ -22,15 +22,15 @@ const actions = {};
 
 // mutations
 const mutations = {
-	setLocale( state, payload ) {
-		state.locale = payload;
-	}
+  setLocale(state, payload) {
+    state.locale = payload;
+  }
 };
 
 export default {
-	namespaced: true,
-	state,
-	getters,
-	actions,
-	mutations
-};
\ No newline at end of file
+  namespaced: true,
+  state,
+  getters,
+  actions,
+  mutations
+};
diff --git a/src/store/modules/_menu.js b/src/store/modules/_menu.js
index 32e24189..2e8879e2 100644
--- a/src/store/modules/_menu.js
+++ b/src/store/modules/_menu.js
@@ -1,41 +1,39 @@
 // initial state
 const state = () => ({
-		displayed: false
-	});
+  displayed: false
+});
 
 // getters
 const getters = {
-	isDisplayed: state => {
-		return state.displayed;
-	}
+  isDisplayed: (state) => {
+    return state.displayed;
+  }
 };
 
 // actions
 const actions = {
-	toggle( { commit, getters } ) {
-		const isDisplayed = getters.isDisplayed;
-		
-		if ( isDisplayed )
-			commit( 'switchOff' );
-		else
-			commit( 'switchOn' );
-	}
+  toggle({ commit, getters }) {
+    const isDisplayed = getters.isDisplayed;
+
+    if (isDisplayed) commit('switchOff');
+    else commit('switchOn');
+  }
 };
 
 // mutations
 const mutations = {
-	switchOn( state ) {
-		state.displayed = true;
-	},
-	switchOff( state ) {
-		state.displayed = false;
-	}
+  switchOn(state) {
+    state.displayed = true;
+  },
+  switchOff(state) {
+    state.displayed = false;
+  }
 };
 
 export default {
-	namespaced: true,
-	state,
-	getters,
-	actions,
-	mutations
+  namespaced: true,
+  state,
+  getters,
+  actions,
+  mutations
 };
diff --git a/src/store/modules/_skins.js b/src/store/modules/_skins.js
index 148a9b20..c784a1fa 100644
--- a/src/store/modules/_skins.js
+++ b/src/store/modules/_skins.js
@@ -7,59 +7,58 @@
  */
 
 import skins from '@/data/skins.json';
-import _     from 'lodash';
+import _ from 'lodash';
 
 // initial state
 const state = () => ({
-	currentSkin: null,
-	all:         skins.skins
+  currentSkin: null,
+  all: skins.skins
 });
 
 // getters
 const getters = {
-	current:     state => {
-		return state.currentSkin;
-	},
-	active:      state => {
-		return state.all.filter( skin => !skin.disabled );
-	},
-	firstActive: ( state, getters ) => {
-		//console.log( 'plop', getters.active );
-		return _.first( getters.active );
-	},
-	all:         ( state ) => {
-		return state.all;
-	}
+  current: (state) => {
+    return state.currentSkin;
+  },
+  active: (state) => {
+    return state.all.filter((skin) => !skin.disabled);
+  },
+  firstActive: (state, getters) => {
+    //console.log( 'plop', getters.active );
+    return _.first(getters.active);
+  },
+  all: (state) => {
+    return state.all;
+  }
 };
 
 // actions
 const actions = {
-	setFirstActive( { commit, getters } ) {
-		const active = getters.firstActive;
-		commit( 'setCurrent', active );
-	}
+  setFirstActive({ commit, getters }) {
+    const active = getters.firstActive;
+    commit('setCurrent', active);
+  }
 };
 
 // mutations
 const mutations = {
-	setCurrent( state, skin ) {
-		state.currentSkin = skin;
-	},
-	setConfigActive( state, name ) {
-		let skin = state.all.filter( skin => skin.id === name );
-		
-		if ( skin.length === 0 )
-			throw 'NoSkinFound';
-		
-		skin = _.first( skin );
-		state.currentSkin = skin;
-	}
+  setCurrent(state, skin) {
+    state.currentSkin = skin;
+  },
+  setConfigActive(state, name) {
+    let skin = state.all.filter((skin) => skin.id === name);
+
+    if (skin.length === 0) throw 'NoSkinFound';
+
+    skin = _.first(skin);
+    state.currentSkin = skin;
+  }
 };
 
 export default {
-	namespaced: true,
-	state,
-	getters,
-	actions,
-	mutations
+  namespaced: true,
+  state,
+  getters,
+  actions,
+  mutations
 };
diff --git a/src/store/telemetry.store.js b/src/store/telemetry.store.js
index 48075574..5ed1995e 100644
--- a/src/store/telemetry.store.js
+++ b/src/store/telemetry.store.js
@@ -1,20 +1,20 @@
 import testData from '@/data/scs_sdk_plugin_parsed_data.json';
-import Vue      from "vue";
+import Vue from 'vue';
 
 export const store = Vue.observable({
-	telemetry:     testData,
-	gameConnected: false,
-	receivedData:  false
+  telemetry: testData,
+  gameConnected: false,
+  receivedData: false
 });
 
 export const mutations = {
-	setTelemetry( payload ) {
-		store.telemetry = payload;
-	},
-	setReceivedData( payload ) {
-		store.receivedData = payload;
-	},
-	setGameConnected( payload ) {
-		store.gameConnected = payload;
-	}
-};
\ No newline at end of file
+  setTelemetry(payload) {
+    store.telemetry = payload;
+  },
+  setReceivedData(payload) {
+    store.receivedData = payload;
+  },
+  setGameConnected(payload) {
+    store.gameConnected = payload;
+  }
+};
diff --git a/src/utils/_app.js b/src/utils/_app.js
index bb1a3750..be416b20 100644
--- a/src/utils/_app.js
+++ b/src/utils/_app.js
@@ -6,133 +6,121 @@
  * Time: 	18:36
  */
 
-import store       from '@/store';
+import store from '@/store';
 import { history } from '@/utils/utils';
 import countryList from 'country-list';
-import emojiFlags  from 'emoji-flags';
-import momentjs    from 'moment-timezone';
-
+import emojiFlags from 'emoji-flags';
+import momentjs from 'moment-timezone';
 
 import packageJson from '../../package.json';
 
-
 // --- Variables
-const DATE_FORMAT_NONE  = null;
+const DATE_FORMAT_NONE = null;
 const DATE_FORMAT_SHORT = 'MM/DD';
-const DATE_FORMAT_LONG  = 'ddd';
-const DATE_FORMAT_FULL  = 'dddd';
-const TIME_FORMAT_NONE  = null;
+const DATE_FORMAT_LONG = 'ddd';
+const DATE_FORMAT_FULL = 'dddd';
+const TIME_FORMAT_NONE = null;
 const TIME_FORMAT_SHORT = 'LT';
-const TIME_FORMAT_FULL  = 'LTS';
+const TIME_FORMAT_FULL = 'LTS';
 
 const GAME_ID_ETS2 = 1;
-const GAME_ID_ATS  = 2;
+const GAME_ID_ATS = 2;
 
 // --- Methods
 
-export const version            = packageJson.version;
-export const isOnDevEnvironment = process.env.NODE_ENV.startsWith( 'dev' );
-export const useFakeData        = process.env.VUE_APP_USE_FAKE_DATA === 'true';
+export const version = packageJson.version;
+export const isOnDevEnvironment = process.env.NODE_ENV.startsWith('dev');
+export const useFakeData = process.env.VUE_APP_USE_FAKE_DATA === 'true';
 
-export const basePathHost       = () => `http://localhost:${store.getters['config/app'].general_port}`;
+export const basePathHost = () =>
+  `http://localhost:${store.getters['config/app'].general_port}`;
 export const moment = () => {
-	momentjs.locale( store.getters['config/get']('general_skin_locale') )
-	return momentjs;
-}
-
-export const flag = ( countryName, gameID ) => {
-	let flag = undefined;
-	
-	if ( countryName.length !== 0 ) {
-		countryName       = (countryName === 'uk')
-			? 'United Kingdom of Great Britain and Northern Ireland'
-			: countryName;
-		const countryCode = countryList.getCode( countryName );
-		
-		if ( countryCode !== undefined )
-			flag = emojiFlags.countryCode( countryCode );
-		
-		if ( gameIsATS( gameID ) )
-			flag = emojiFlags.countryCode( 'US' );
-	}
-	
-	return (flag !== undefined)
-		? flag.emoji
-		: '🏳️';
+  momentjs.locale(store.getters['config/get']('general_skin_locale'));
+  return momentjs;
 };
 
-export const numberDigit = input => {
-	return input < 10 ? `0${ input }` : input;
+export const flag = (countryName, gameID) => {
+  let flag = undefined;
+
+  if (countryName.length !== 0) {
+    countryName =
+      countryName === 'uk'
+        ? 'United Kingdom of Great Britain and Northern Ireland'
+        : countryName;
+    const countryCode = countryList.getCode(countryName);
+
+    if (countryCode !== undefined) flag = emojiFlags.countryCode(countryCode);
+
+    if (gameIsATS(gameID)) flag = emojiFlags.countryCode('US');
+  }
+
+  return flag !== undefined ? flag.emoji : '🏳️';
 };
 
-export const jsonReadable = ( dataIn ) => {
-	return JSON.parse( JSON.stringify( dataIn ) );
+export const numberDigit = (input) => {
+  return input < 10 ? `0${input}` : input;
 };
 
-export const dateTimeLocalized = ( input, formatDate, formatTime ) => {
-	const format     = formatDate + ' ' + formatTime;
-	const momentData = moment()( input, 'x' );
-	
-	return momentData
-		.tz( 'Africa/Abidjan' )
-		.format( format );
+export const jsonReadable = (dataIn) => {
+  return JSON.parse(JSON.stringify(dataIn));
 };
 
-export const diffDateTimeLocalized = ( dFrom, dTo, withDay = true ) => {
-	const momentFrom = moment()( dFrom, 'x' );
-	const momentTo   = moment()( dTo, 'x' );
-	const diff       = momentTo.diff( momentFrom );
-	const format     = (withDay)
-		? 'DD[d] HH[h] mm[m]'
-		: 'HH[h] mm[m]';
-	
-	return moment()( diff, 'x' )
-		.tz( 'Africa/Abidjan' )
-		.format( format );
+export const dateTimeLocalized = (input, formatDate, formatTime) => {
+  const format = formatDate + ' ' + formatTime;
+  const momentData = moment()(input, 'x');
+
+  return momentData.tz('Africa/Abidjan').format(format);
+};
+
+export const diffDateTimeLocalized = (dFrom, dTo, withDay = true) => {
+  const momentFrom = moment()(dFrom, 'x');
+  const momentTo = moment()(dTo, 'x');
+  const diff = momentTo.diff(momentFrom);
+  const format = withDay ? 'DD[d] HH[h] mm[m]' : 'HH[h] mm[m]';
+
+  return moment()(diff, 'x').tz('Africa/Abidjan').format(format);
+};
+
+export const displayDuration = (duration, withDay = true) => {
+  const d = Math.trunc(duration / 60 / 24);
+  const h = Math.trunc(((duration / 60 / 24) % 1) * 24);
+  const m = Math.trunc(((duration / 60) % 1) * 60);
+
+  return withDay ? d + 'd ' + h + 'h ' + m + 'm' : h + d * 24 + 'h ' + m + 'm';
 };
 
-export const displayDuration = ( duration, withDay = true ) => {
-	const d = Math.trunc( duration / 60 /24 )
-	const h = Math.trunc(( ( duration / 60 / 24 ) %  1 ) * 24)
-	const m = Math.trunc( ( ( duration / 60 ) %  1 ) * 60 )
-	
-	return ( withDay )
-	? d +  'd ' + h + 'h ' + m + 'm'
-		: (h + d * 24 ) + 'h ' + m + 'm'
-}
-
-export const sleep = milliseconds => {
-	const date      = Date.now();
-	let currentDate = null;
-	do {
-		currentDate = Date.now();
-	} while ( currentDate - date < milliseconds );
+export const sleep = (milliseconds) => {
+  const date = Date.now();
+  let currentDate = null;
+  do {
+    currentDate = Date.now();
+  } while (currentDate - date < milliseconds);
 };
 
-export const gameIsATS = gameID => gameID === GAME_ID_ATS;
+export const gameIsATS = (gameID) => gameID === GAME_ID_ATS;
 
-export const gameIsETS2 = gameID => gameID === GAME_ID_ETS2;
+export const gameIsETS2 = (gameID) => gameID === GAME_ID_ETS2;
 
-export const betweenFloat = ( data, a, b ) => {
-	return parseFloat( data ) >= a && parseFloat( data ) <= b;
+export const betweenFloat = (data, a, b) => {
+  return parseFloat(data) >= a && parseFloat(data) <= b;
 };
 
-export const pushLog = ( message, zone, level = history.HTY_LEVEL.INFO ) => {
-	store.dispatch( 'debug/addLog', {
-		message,
-		zone,
-		level
-	} );
+export const pushLog = (message, zone, level = history.HTY_LEVEL.INFO) => {
+  store.dispatch('debug/addLog', {
+    message,
+    zone,
+    level
+  });
 };
 
 export const formatConstants = {
-	DATE_FORMAT_NONE,
-	DATE_FORMAT_SHORT,
-	DATE_FORMAT_LONG,
-	DATE_FORMAT_FULL,
-	TIME_FORMAT_NONE,
-	TIME_FORMAT_SHORT,
-	TIME_FORMAT_FULL,
-	GAME_ID_ATS,
-	GAME_ID_ETS2
+  DATE_FORMAT_NONE,
+  DATE_FORMAT_SHORT,
+  DATE_FORMAT_LONG,
+  DATE_FORMAT_FULL,
+  TIME_FORMAT_NONE,
+  TIME_FORMAT_SHORT,
+  TIME_FORMAT_FULL,
+  GAME_ID_ATS,
+  GAME_ID_ETS2
 };
diff --git a/src/utils/_config.js b/src/utils/_config.js
index 2fe9d14a..ba07344a 100644
--- a/src/utils/_config.js
+++ b/src/utils/_config.js
@@ -6,221 +6,214 @@
  * Time: 	17:50
  */
 
-import fieldValues                 from '@/data/config-field-values.json';
-import defaultGeneralConfig        from 'ets2-dashboard-lib/config/config.json';
-import defaultEts2Config           from 'ets2-dashboard-lib/config/config.ets2.json';
-import defaultAtsConfig            from 'ets2-dashboard-lib/config/config.ats.json';
-import store                       from '@/store';
+import fieldValues from '@/data/config-field-values.json';
+import defaultGeneralConfig from 'ets2-dashboard-lib/config/config.json';
+import defaultEts2Config from 'ets2-dashboard-lib/config/config.ets2.json';
+import defaultAtsConfig from 'ets2-dashboard-lib/config/config.ats.json';
+import store from '@/store';
 import { store as telemetryStore } from '@/store/telemetry.store';
-import { basePathHost }            from '@/utils/_app';
-import axios                       from 'axios';
-import FileSaver                   from 'file-saver';
-
-export const generateEmptyData = ( config, configSkins ) => {
-	let emptyData = {};
-	
-	config.categories.forEach( category => {
-		category.elements.forEach( element => {
-			emptyData[ element.id ] = null;
-		} );
-	} );
-	
-	Object.entries( configSkins ).forEach( ( skin ) => {
-		skin.categories.forEach( category => {
-			category.elements.forEach( element => {
-				emptyData[ element.id ] = null;
-			} );
-		} );
-	} );
-	
-	return emptyData;
+import { basePathHost } from '@/utils/_app';
+import axios from 'axios';
+import FileSaver from 'file-saver';
+
+export const generateEmptyData = (config, configSkins) => {
+  let emptyData = {};
+
+  config.categories.forEach((category) => {
+    category.elements.forEach((element) => {
+      emptyData[element.id] = null;
+    });
+  });
+
+  Object.entries(configSkins).forEach((skin) => {
+    skin.categories.forEach((category) => {
+      category.elements.forEach((element) => {
+        emptyData[element.id] = null;
+      });
+    });
+  });
+
+  return emptyData;
 };
 
 export const emptyData = (withGame = false, gameId) => {
-	let gameConfig = null;
-	
-	if( withGame ){
-		gameConfig = ( gameId === 'ets2' )
-			? defaultEts2Config
-			: defaultAtsConfig;
-	}
-	
-	return {
-		app: defaultGeneralConfig,
-		game: gameConfig
-	};
+  let gameConfig = null;
+
+  if (withGame) {
+    gameConfig = gameId === 'ets2' ? defaultEts2Config : defaultAtsConfig;
+  }
+
+  return {
+    app: defaultGeneralConfig,
+    game: gameConfig
+  };
 };
 
 export const save = async (data, target, gameId) => {
-	store.dispatch( 'app/startProcessing' );
-	
-	if ( process.env.VUE_APP_USE_FAKE_DATA === 'true' )
-		return new Promise( resolve => {
-			setTimeout( () => {
-				store.dispatch( 'app/endProcessing' );
-				resolve( data );
-			}, 1000 );
-		} );
-	
-	return await axios
-		.post( basePathHost() + `/config/${target}`, {
-			data,
-			gameId
-		} )
-		.then( response => {
-			store.dispatch( 'app/endProcessing' );
-			return response.data;
-		}, error => {
-			store.dispatch( 'app/setError', {
-				message: {
-					type:    'dark',
-					title:   error.name,
-					message: error.message
-				},
-				details: {
-					error: error,
-					code:  'CONFIG_SAVE_FAILED'
-				}
-			} );
-			throw error;
-		} );
+  store.dispatch('app/startProcessing');
+
+  if (process.env.VUE_APP_USE_FAKE_DATA === 'true')
+    return new Promise((resolve) => {
+      setTimeout(() => {
+        store.dispatch('app/endProcessing');
+        resolve(data);
+      }, 1000);
+    });
+
+  return await axios
+    .post(basePathHost() + `/config/${target}`, {
+      data,
+      gameId
+    })
+    .then(
+      (response) => {
+        store.dispatch('app/endProcessing');
+        return response.data;
+      },
+      (error) => {
+        store.dispatch('app/setError', {
+          message: {
+            type: 'dark',
+            title: error.name,
+            message: error.message
+          },
+          details: {
+            error: error,
+            code: 'CONFIG_SAVE_FAILED'
+          }
+        });
+        throw error;
+      }
+    );
 };
 
 export const download = (target, gameId) => {
-	return load( target, gameId )
-		.then( data => {
-			const fileName = ( target === 'app' )
-			? 'config.json'
-				: `config.${gameId}.json`
-			const file = new File(
-				[ JSON.stringify( data, null, 2 ) ],
-				fileName,
-				{ type: 'application/json;charset=utf-8' }
-			);
-			
-			FileSaver.saveAs( file );
-		} );
+  return load(target, gameId).then((data) => {
+    const fileName = target === 'app' ? 'config.json' : `config.${gameId}.json`;
+    const file = new File([JSON.stringify(data, null, 2)], fileName, {
+      type: 'application/json;charset=utf-8'
+    });
+
+    FileSaver.saveAs(file);
+  });
 };
 
-export const load = (target, gameId)  => {
-	if ( process.env.VUE_APP_USE_FAKE_DATA === 'true' )
-		return new Promise( resolve => {
-			setTimeout( () => {
-				resolve( store.getters[`config/${target}`] ?? emptyData().app );
-			}, 1000 );
-		} );
-	
-	const path = (gameId !== undefined)
-		? `/config/${ gameId }`
-		: `/config`;
-	
-	return axios.get( basePathHost() + path )
-				.then( response => {
-					return response.data.app;
-				}, error => {
-					store.dispatch( 'app/setError', {
-						message: {
-							type:    'dark',
-							title:   error.name,
-							message: error.message
-						},
-						details: {
-							error: error,
-							code:  'CONFIG_LOAD_FAILED'
-						}
-					} );
-					throw error;
-				} );
+export const load = (target, gameId) => {
+  if (process.env.VUE_APP_USE_FAKE_DATA === 'true')
+    return new Promise((resolve) => {
+      setTimeout(() => {
+        resolve(store.getters[`config/${target}`] ?? emptyData().app);
+      }, 1000);
+    });
+
+  const path = gameId !== undefined ? `/config/${gameId}` : `/config`;
+
+  return axios.get(basePathHost() + path).then(
+    (response) => {
+      return response.data.app;
+    },
+    (error) => {
+      store.dispatch('app/setError', {
+        message: {
+          type: 'dark',
+          title: error.name,
+          message: error.message
+        },
+        details: {
+          error: error,
+          code: 'CONFIG_LOAD_FAILED'
+        }
+      });
+      throw error;
+    }
+  );
 };
 
 export const loadGameConfig = () => {
-	const gameName = telemetryStore.telemetry.game.game.name;
-	
-	if ( process.env.VUE_APP_USE_FAKE_DATA === 'true' )
-		return new Promise( resolve => {
-			setTimeout( () => {
-				resolve( emptyData(true, gameName).game );
-			}, 1000 );
-		} );
-	
-	return axios.get( basePathHost() + `/config` )
-				.then( response => {
-					return response.data.game;
-				}, error => {
-					store.dispatch( 'app/setError', {
-						message: {
-							type:    'dark',
-							title:   error.name,
-							message: error.message
-						},
-						details: {
-							error: error,
-							code:  'CONFIG_LOAD_FAILED'
-						}
-					} );
-					throw error;
-				} );
-}
-
-export const upload = file => {
-	return new Promise( ( resolve, reject ) => {
-		try {
-			if ( file.type !== 'application/json' )
-				throw 'Invalid file type';
-			
-			let reader = new FileReader();
-			reader.readAsText( file, 'UTF-8' );
-			
-			reader.onload  = evt => {
-				try {
-					const data        = JSON.parse( evt.target.result );
-					const checkResult = uploadChecker( data );
-					//console.log( 'a', data );
-					
-					if ( !checkResult.state )
-						throw 'An entry required was not found: ' + checkResult.value;
-					
-					resolve(data);
-					//save( data )
-					//	.then( data => resolve( data ),
-					//		error => reject( error ) );
-					
-				} catch ( e ) {
-					reject( e );
-				}
-				
-			};
-			reader.onerror = () => {
-				reject( 'Error reading file' );
-			};
-			
-		} catch ( e ) {
-			reject( e );
-		}
-	} );
+  const gameName = telemetryStore.telemetry.game.game.name;
+
+  if (process.env.VUE_APP_USE_FAKE_DATA === 'true')
+    return new Promise((resolve) => {
+      setTimeout(() => {
+        resolve(emptyData(true, gameName).game);
+      }, 1000);
+    });
+
+  return axios.get(basePathHost() + `/config`).then(
+    (response) => {
+      return response.data.game;
+    },
+    (error) => {
+      store.dispatch('app/setError', {
+        message: {
+          type: 'dark',
+          title: error.name,
+          message: error.message
+        },
+        details: {
+          error: error,
+          code: 'CONFIG_LOAD_FAILED'
+        }
+      });
+      throw error;
+    }
+  );
 };
 
-export const getFieldValues = fieldId => {
-	if ( Object.hasOwnProperty.call( fieldValues, fieldId ) )
-		return new Promise( resolve => resolve( fieldValues[ fieldId ] ) );
-	
-	else return new Promise( resolve => resolve( [] ) );
+export const upload = (file) => {
+  return new Promise((resolve, reject) => {
+    try {
+      if (file.type !== 'application/json') throw 'Invalid file type';
+
+      let reader = new FileReader();
+      reader.readAsText(file, 'UTF-8');
+
+      reader.onload = (evt) => {
+        try {
+          const data = JSON.parse(evt.target.result);
+          const checkResult = uploadChecker(data);
+          //console.log( 'a', data );
+
+          if (!checkResult.state)
+            throw 'An entry required was not found: ' + checkResult.value;
+
+          resolve(data);
+          //save( data )
+          //	.then( data => resolve( data ),
+          //		error => reject( error ) );
+        } catch (e) {
+          reject(e);
+        }
+      };
+      reader.onerror = () => {
+        reject('Error reading file');
+      };
+    } catch (e) {
+      reject(e);
+    }
+  });
 };
 
-const uploadChecker = input => {
-	let result = {
-		state: true
-	};
-	
-	Object.entries( emptyData() ).forEach( entry => {
-		const key = entry[ 0 ];
-		
-		if ( !Object.hasOwnProperty.call( input, key ) )
-			result = {
-				state: false,
-				value: key
-			};
-	} );
-	
-	return result;
+export const getFieldValues = (fieldId) => {
+  if (Object.hasOwnProperty.call(fieldValues, fieldId))
+    return new Promise((resolve) => resolve(fieldValues[fieldId]));
+  else return new Promise((resolve) => resolve([]));
+};
+
+const uploadChecker = (input) => {
+  let result = {
+    state: true
+  };
+
+  Object.entries(emptyData()).forEach((entry) => {
+    const key = entry[0];
+
+    if (!Object.hasOwnProperty.call(input, key))
+      result = {
+        state: false,
+        value: key
+      };
+  });
+
+  return result;
 };
diff --git a/src/utils/_event.js b/src/utils/_event.js
index f01e9595..6a602dd0 100644
--- a/src/utils/_event.js
+++ b/src/utils/_event.js
@@ -6,54 +6,51 @@
  * Time: 	11:17
  */
 
-import scsSDKData      from '@/data/scs_sdk_plugin_parsed_data.json';
-import app              from '@/utils/utils';
+import scsSDKData from '@/data/scs_sdk_plugin_parsed_data.json';
+import app from '@/utils/utils';
 import registeredEvents from '@/data/events.json';
 
 export const EVT_UPDATE = 'evt-update';
 
-export const eventNameToComponent = function ( eventName ) {
-	const splitedEvent = eventName.split( /\.|-/ );
-	let finalStr       = 'TelemetryEvent';
-	
-	splitedEvent.forEach( ( elm ) => {
-		finalStr += elm.charAt( 0 ).toUpperCase() + elm.slice( 1 );
-	} );
-	
-	finalStr += 'Overlay';
-	
-	return finalStr;
+export const eventNameToComponent = function (eventName) {
+  const splitedEvent = eventName.split(/\.|-/);
+  let finalStr = 'TelemetryEvent';
+
+  splitedEvent.forEach((elm) => {
+    finalStr += elm.charAt(0).toUpperCase() + elm.slice(1);
+  });
+
+  finalStr += 'Overlay';
+
+  return finalStr;
 };
 
-export const filterInputEvent = function ( event ) {
-	const eventName    = event.eventName;
-	const splicedEvent = eventName.split( '.' );
-	const eventToSkip  = [
-		'truck.cruise-control',
-		'truck.refuel',
-		'game.connected'
-	];
-	
-	const rawData    = (app.isOnDevEnvironment)
-		? scsSDKData.events[ splicedEvent[ 0 ] ][ splicedEvent[ 1 ] ]
-		: event.rawData;
-	let eventSkipped = false;
-	
-	if( Object.hasOwnProperty.apply( eventName, registeredEvents ) )
-		return false;
-	
-	if ( eventToSkip.indexOf( eventName ) !== -1
-		 || (eventName
-			 === 'truck.cruise-control-decrease'
-			 && !rawData[ 'cruise-control-decrease' ].cruiseControl.enabled)
-		 || (eventName === 'navigation.speed-limit' && (
-			 rawData[ 'speed-limit' ] === undefined
-			|| (rawData[ 'speed-limit' ] !== undefined && rawData[ 'speed-limit' ].speed.value === 0)
-		))
-	)
-		eventSkipped = true;
-	
-	return (eventSkipped)
-		? false
-		: event;
+export const filterInputEvent = function (event) {
+  const eventName = event.eventName;
+  const splicedEvent = eventName.split('.');
+  const eventToSkip = [
+    'truck.cruise-control',
+    'truck.refuel',
+    'game.connected'
+  ];
+
+  const rawData = app.isOnDevEnvironment
+    ? scsSDKData.events[splicedEvent[0]][splicedEvent[1]]
+    : event.rawData;
+  let eventSkipped = false;
+
+  if (Object.hasOwnProperty.apply(eventName, registeredEvents)) return false;
+
+  if (
+    eventToSkip.indexOf(eventName) !== -1 ||
+    (eventName === 'truck.cruise-control-decrease' &&
+      !rawData['cruise-control-decrease'].cruiseControl.enabled) ||
+    (eventName === 'navigation.speed-limit' &&
+      (rawData['speed-limit'] === undefined ||
+        (rawData['speed-limit'] !== undefined &&
+          rawData['speed-limit'].speed.value === 0)))
+  )
+    eventSkipped = true;
+
+  return eventSkipped ? false : event;
 };
diff --git a/src/utils/_history.js b/src/utils/_history.js
index 0c5c3a13..3f9f1931 100644
--- a/src/utils/_history.js
+++ b/src/utils/_history.js
@@ -8,20 +8,20 @@
 
 export const HTY_EVENT = 'hty-event';
 
-export const HTY_ZONE      = {
-	MAIN:        'Main',
-	ZONE_GAME:   'Header/HeaderGameInformation',
-	MENU:        'Menu',
-	MENU_SKIN:   'Menu/Skin',
-	MENU_CONFIG: 'Menu/Config',
-	MAPS_INIT:   'Maps/Init',
-	ERROR:       'Error'
+export const HTY_ZONE = {
+  MAIN: 'Main',
+  ZONE_GAME: 'Header/HeaderGameInformation',
+  MENU: 'Menu',
+  MENU_SKIN: 'Menu/Skin',
+  MENU_CONFIG: 'Menu/Config',
+  MAPS_INIT: 'Maps/Init',
+  ERROR: 'Error'
 };
-export const HTY_LEVEL     = {
-	DEBUG:    'DEBUG',
-	INFO:     'INFO',
-	WARNING:  'WARNING',
-	ERROR:    'ERROR',
-	CRITICAL: 'CRITICAL'
+export const HTY_LEVEL = {
+  DEBUG: 'DEBUG',
+  INFO: 'INFO',
+  WARNING: 'WARNING',
+  ERROR: 'ERROR',
+  CRITICAL: 'CRITICAL'
 };
 export const HTY_MAX_LINES = 20;
diff --git a/src/utils/_i18n.js b/src/utils/_i18n.js
index f6ec81b8..3ee7c186 100644
--- a/src/utils/_i18n.js
+++ b/src/utils/_i18n.js
@@ -6,47 +6,40 @@
  * Time: 	21:52
  */
 import store from '@/store';
-import fr_fr     from '@/translations/fr-FR.yaml';
-import cn_cn     from '@/translations/cn-CN.yaml';
-import ru_ru     from '@/translations/ru-RU.yaml';
+import fr_fr from '@/translations/fr-FR.yaml';
+import cn_cn from '@/translations/cn-CN.yaml';
+import ru_ru from '@/translations/ru-RU.yaml';
 
-const availableLocale = [
-	'fr-FR',
-	'en-EN',
-	'cn-CN',
-	'ru-RU',
-];
+const availableLocale = ['fr-FR', 'en-EN', 'cn-CN', 'ru-RU'];
 
 const fallbackLocale = 'en-EN';
 
-const changeLocale = locale => {
-	if( availableLocale.indexOf( locale ) === -1 )
-		throw new Error(`Unsupported locale: ${locale}`)
-	
-	store.commit( 'i18n/setLocale', locale )
-}
+const changeLocale = (locale) => {
+  if (availableLocale.indexOf(locale) === -1)
+    throw new Error(`Unsupported locale: ${locale}`);
+
+  store.commit('i18n/setLocale', locale);
+};
 
 const currentLocaleTranslations = () => {
-	const currentLocaleName = store.getters['i18n/locale'];
-	
-	switch ( currentLocaleName ) {
-		case 'fr-FR':return fr_fr;
-		case 'cn-CN':return cn_cn;
-		case 'ru-RU':return ru_ru;
-		default: return {}
-	}
+  const currentLocaleName = store.getters['i18n/locale'];
+
+  switch (currentLocaleName) {
+    case 'fr-FR':
+      return fr_fr;
+    case 'cn-CN':
+      return cn_cn;
+    case 'ru-RU':
+      return ru_ru;
+    default:
+      return {};
+  }
 };
 
-const translate = target => {
-	if ( !(target in currentLocaleTranslations()) )
-		return target;
-	
-	return currentLocaleTranslations()[ target ];
+const translate = (target) => {
+  if (!(target in currentLocaleTranslations())) return target;
+
+  return currentLocaleTranslations()[target];
 };
 
-export {
-	fallbackLocale,
-	translate,
-	currentLocaleTranslations,
-	changeLocale
-};
\ No newline at end of file
+export { fallbackLocale, translate, currentLocaleTranslations, changeLocale };
diff --git a/src/utils/_map.js b/src/utils/_map.js
index 89a51714..20de015c 100644
--- a/src/utils/_map.js
+++ b/src/utils/_map.js
@@ -6,41 +6,41 @@
  * Time: 	21:38
  */
 
-import store                           from '@/store/index';
-import { app, history }                from '@/utils/utils';
-import axios                           from 'axios';
-import { Feature }                     from 'ol';
+import store from '@/store/index';
+import { app, history } from '@/utils/utils';
+import axios from 'axios';
+import { Feature } from 'ol';
 import { defaults as defaultControls } from 'ol/control';
-import Point                           from 'ol/geom/Point';
-import Tile                            from 'ol/layer/Tile';
-import VectorLayer                     from 'ol/layer/Vector';
-import Map                             from 'ol/Map';
-import Projection                      from 'ol/proj/Projection';
-import VectorSource                    from 'ol/source/Vector';
-import XYZ                             from 'ol/source/XYZ';
-import { Icon, Style }                 from 'ol/style';
-import View                            from 'ol/View';
-import Vue                             from 'vue';
+import Point from 'ol/geom/Point';
+import Tile from 'ol/layer/Tile';
+import VectorLayer from 'ol/layer/Vector';
+import Map from 'ol/Map';
+import Projection from 'ol/proj/Projection';
+import VectorSource from 'ol/source/Vector';
+import XYZ from 'ol/source/XYZ';
+import { Icon, Style } from 'ol/style';
+import View from 'ol/View';
+import Vue from 'vue';
 
 let d = {
-	map:                       null,
-	playerIcon:                null,
-	playerFeature:             null,
-	gBehaviorCenterOnPlayer:   true,
-	gBehaviorRotateWithPlayer: true,
-	gIgnoreViewChangeEvents:   false,
-	ready:                     false,
-	arrowRotate:               '',
-	config:                    null,
-	paths:                     {
-		base:   '',
-		tiles:  'Tiles/{z}/{x}/{y}.png',
-		config: 'TileMapInfo.json'
-	},
-	lastPos: {
-		x: null,
-		y: null
-	}
+  map: null,
+  playerIcon: null,
+  playerFeature: null,
+  gBehaviorCenterOnPlayer: true,
+  gBehaviorRotateWithPlayer: true,
+  gIgnoreViewChangeEvents: false,
+  ready: false,
+  arrowRotate: '',
+  config: null,
+  paths: {
+    base: '',
+    tiles: 'Tiles/{z}/{x}/{y}.png',
+    config: 'TileMapInfo.json'
+  },
+  lastPos: {
+    x: null,
+    y: null
+  }
 };
 
 const ZOOM_DEFAULT = 8;
@@ -51,242 +51,238 @@ const ZOOM_DEFAULT = 8;
  * TODO: Add verification for the min map version and the min map version allowed by the dash
  */
 
-const basePath = ( game ) => {
-	const type                  = store.getters[ 'config/get' ]( 'maps_map_type' );
-	const activeMap             = store.getters[ 'config/get' ]( 'maps_map_activeMap' );
-	const tileRemoteLocation    = store.getters[ 'config/get' ]( 'maps_map_tilesRemotePath' );
-	const tilesVersion          = store.getters[ 'config/get' ]( 'maps_map_tilesVersion' );
-	const tilesRemoteUseCustom  = store.getters[ 'config/enabled' ]( 'maps_map_tilesRemoteUseCustom' );
-	const tilesRemoteCustomPath = store.getters[ 'config/get' ]( 'maps_map_tilesRemoteCustomPath' );
-	const map                   = (type === 'vanilla')
-		? game
-		: activeMap;
-	
-	const path = `${ map }/${ tilesVersion }/`;
-	const host = (tilesRemoteUseCustom)
-		? tilesRemoteCustomPath
-		: tileRemoteLocation;
-	
-	Vue.prototype.$pushALog( `Base path: ${ host }/${ path } | Type: ${ type } | Tile version: ${ tilesVersion }`,
-		history.HTY_ZONE.MAPS_INIT );
-	
-	return `${ host }/${ path }`;
+const basePath = (game) => {
+  const type = store.getters['config/get']('maps_map_type');
+  const activeMap = store.getters['config/get']('maps_map_activeMap');
+  const tileRemoteLocation = store.getters['config/get'](
+    'maps_map_tilesRemotePath'
+  );
+  const tilesVersion = store.getters['config/get']('maps_map_tilesVersion');
+  const tilesRemoteUseCustom = store.getters['config/enabled'](
+    'maps_map_tilesRemoteUseCustom'
+  );
+  const tilesRemoteCustomPath = store.getters['config/get'](
+    'maps_map_tilesRemoteCustomPath'
+  );
+  const map = type === 'vanilla' ? game : activeMap;
+
+  const path = `${map}/${tilesVersion}/`;
+  const host = tilesRemoteUseCustom
+    ? tilesRemoteCustomPath
+    : tileRemoteLocation;
+
+  Vue.prototype.$pushALog(
+    `Base path: ${host}/${path} | Type: ${type} | Tile version: ${tilesVersion}`,
+    history.HTY_ZONE.MAPS_INIT
+  );
+
+  return `${host}/${path}`;
 };
 
-const initConfig = ( game ) => {
-	const rotateWithPlayer   = store.getters[ 'config/get' ]( 'maps_elements_rotateWithPlayer' );
-	
-	d.paths.base = basePath( game );
-	
-	return axios
-		.get( d.paths.base + d.paths.config )
-		.then( response => {
-			d.config = response.data;
-			Vue.prototype.$pushALog( `Map config found`, history.HTY_ZONE.MAPS_INIT );
-			
-			const tilesPath = d.paths.tiles.replace( /{[xyz]}/g, 0 );
-			
-			return axios
-				.get( d.paths.base + tilesPath )
-				.then( () => {
-					Vue.prototype.$pushALog( `Tiles OK: ${ d.paths.base + tilesPath }`, history.HTY_ZONE.MAPS_INIT );
-					d.gBehaviorRotateWithPlayer = rotateWithPlayer;
-					
-				}, () => {
-					Vue.prototype.$pushALog( `Tiles NOT FOUND`, history.HTY_ZONE.MAPS_INIT, history.HTY_LEVEL.ERROR );
-					throw new Error( 'Cant get tiles - Tiles NOT FOUND' );
-				} );
-			
-		}, () => {
-			Vue.prototype.$pushALog( `Map config NOT FOUND`, history.HTY_ZONE.MAPS_INIT, history.HTY_LEVEL.ERROR );
-			throw new Error( 'Cant get config - Map config NOT FOUND' );
-		} );
+const initConfig = (game) => {
+  const rotateWithPlayer = store.getters['config/get'](
+    'maps_elements_rotateWithPlayer'
+  );
+
+  d.paths.base = basePath(game);
+
+  return axios.get(d.paths.base + d.paths.config).then(
+    (response) => {
+      d.config = response.data;
+      Vue.prototype.$pushALog(`Map config found`, history.HTY_ZONE.MAPS_INIT);
+
+      const tilesPath = d.paths.tiles.replace(/{[xyz]}/g, 0);
+
+      return axios.get(d.paths.base + tilesPath).then(
+        () => {
+          Vue.prototype.$pushALog(
+            `Tiles OK: ${d.paths.base + tilesPath}`,
+            history.HTY_ZONE.MAPS_INIT
+          );
+          d.gBehaviorRotateWithPlayer = rotateWithPlayer;
+        },
+        () => {
+          Vue.prototype.$pushALog(
+            `Tiles NOT FOUND`,
+            history.HTY_ZONE.MAPS_INIT,
+            history.HTY_LEVEL.ERROR
+          );
+          throw new Error('Cant get tiles - Tiles NOT FOUND');
+        }
+      );
+    },
+    () => {
+      Vue.prototype.$pushALog(
+        `Map config NOT FOUND`,
+        history.HTY_ZONE.MAPS_INIT,
+        history.HTY_LEVEL.ERROR
+      );
+      throw new Error('Cant get config - Map config NOT FOUND');
+    }
+  );
 };
 
 const initMap = () => {
-	// --- [Debug] Mouse position
-	//const mousePosition = new MousePosition( {
-	//	coordinateFormat: createStringXY( 0 )
-	//} );
-	// --- ./[Debug] Mouse position
-	
-	// --- TsMap
-	let projection = new Projection( {
-		code:   'ZOOMIFY',
-		units:  'pixels',
-		extent: [
-			d.config.map.x1,
-			-d.config.map.y2,
-			d.config.map.x2,
-			-d.config.map.y1 // x1, -y2, x2, -y1 (reverse y direction)
-		]
-	} );
-	// --- ./TsMap
-	
-	
-	// Creating the map.
-	let zoomInWrapper = document.createElement('div');
-	zoomInWrapper.classList.add( 'round' );
-	zoomInWrapper.classList.add( 'px-2' );
-	zoomInWrapper.classList.add( 'py-0' );
-	let zoomInLabel = document.createElement( 'i' );
-	zoomInLabel.classList.add( 'icon-zoom_in' );
-	zoomInWrapper.append(zoomInLabel);
-	
-	let zoomOutWrapper = document.createElement('div');
-	zoomOutWrapper.classList.add( 'round' );
-	zoomOutWrapper.classList.add( 'px-2' );
-	zoomOutWrapper.classList.add( 'py-0' );
-	let zoomOutLabel = document.createElement( 'i' );
-	zoomOutLabel.classList.add( 'icon-zoom_out' );
-	zoomOutWrapper.append(zoomOutLabel);
-	
-	d.map = new Map( {
-		controls: defaultControls( {
-			zoom:        true,
-			zoomOptions: {
-				zoomInLabel:  zoomInWrapper,
-				zoomOutLabel: zoomOutWrapper,
-				target:       'ol-zoom-wrapper'
-			},
-			rotate:      false
-		} ),
-		layers:   [
-			getMapTilesLayer( projection ),
-			getPlayerLayer()
-		],
-		target:   'map',
-		view:     new View( {
-			center:     [ 0, 0 ],
-			zoom:       ZOOM_DEFAULT,
-			minZoom:    d.config.map.minZoom,
-			maxZoom:    d.config.map.maxZoom,
-			projection: projection,
-			extent:     projection.getExtent()
-		} )
-	} );
-	
-	// Detecting when the user interacts with the map.
-	// https://stackoverflow.com/q/32868671/
-	d.map.getView().on( [ 'change:center', 'change:rotation' ], function () {
-		if ( d.gIgnoreViewChangeEvents )
-			return;
-		
-		// The user has moved or rotated the map.
-		d.gBehaviorCenterOnPlayer = false;
-	} );
+  // --- [Debug] Mouse position
+  //const mousePosition = new MousePosition( {
+  //	coordinateFormat: createStringXY( 0 )
+  //} );
+  // --- ./[Debug] Mouse position
+
+  // --- TsMap
+  let projection = new Projection({
+    code: 'ZOOMIFY',
+    units: 'pixels',
+    extent: [
+      d.config.map.x1,
+      -d.config.map.y2,
+      d.config.map.x2,
+      -d.config.map.y1 // x1, -y2, x2, -y1 (reverse y direction)
+    ]
+  });
+  // --- ./TsMap
+
+  // Creating the map.
+  let zoomInWrapper = document.createElement('div');
+  zoomInWrapper.classList.add('round');
+  zoomInWrapper.classList.add('px-2');
+  zoomInWrapper.classList.add('py-0');
+  let zoomInLabel = document.createElement('i');
+  zoomInLabel.classList.add('icon-zoom_in');
+  zoomInWrapper.append(zoomInLabel);
+
+  let zoomOutWrapper = document.createElement('div');
+  zoomOutWrapper.classList.add('round');
+  zoomOutWrapper.classList.add('px-2');
+  zoomOutWrapper.classList.add('py-0');
+  let zoomOutLabel = document.createElement('i');
+  zoomOutLabel.classList.add('icon-zoom_out');
+  zoomOutWrapper.append(zoomOutLabel);
+
+  d.map = new Map({
+    controls: defaultControls({
+      zoom: true,
+      zoomOptions: {
+        zoomInLabel: zoomInWrapper,
+        zoomOutLabel: zoomOutWrapper,
+        target: 'ol-zoom-wrapper'
+      },
+      rotate: false
+    }),
+    layers: [getMapTilesLayer(projection), getPlayerLayer()],
+    target: 'map',
+    view: new View({
+      center: [0, 0],
+      zoom: ZOOM_DEFAULT,
+      minZoom: d.config.map.minZoom,
+      maxZoom: d.config.map.maxZoom,
+      projection: projection,
+      extent: projection.getExtent()
+    })
+  });
+
+  // Detecting when the user interacts with the map.
+  // https://stackoverflow.com/q/32868671/
+  d.map.getView().on(['change:center', 'change:rotation'], function () {
+    if (d.gIgnoreViewChangeEvents) return;
+
+    // The user has moved or rotated the map.
+    d.gBehaviorCenterOnPlayer = false;
+  });
 };
 
-const init = ( game ) => {
-	return initConfig( game )
-		.then( () => initMap() )
-		.then( () => d.ready = true )
+const init = (game) => {
+  return initConfig(game)
+    .then(() => initMap())
+    .then(() => (d.ready = true));
 };
 
 // ----
 
-const getMapTilesLayer = ( projection ) => {
-	return new Tile( {
-		source: new XYZ( {
-			projection: projection,
-			url:        d.paths.base + d.paths.tiles
-		} )
-	} );
+const getMapTilesLayer = (projection) => {
+  return new Tile({
+    source: new XYZ({
+      projection: projection,
+      url: d.paths.base + d.paths.tiles
+    })
+  });
 };
 
 const getPlayerLayer = () => {
-	// Adding a marker for the player position/rotation.
-	d.playerIcon = new Icon( {
-		anchor:         [ 0.5, 39 ],
-		anchorXUnits:   'fraction',
-		anchorYUnits:   'pixels',
-		rotateWithView: true,
-		src:            'https://github.com/meatlayer/ets2-mobile-route-advisor/raw/master/img/player_proportions.png'
-	} );
-	
-	let playerIconStyle = new Style( {
-		image: d.playerIcon
-	} );
-	d.playerFeature     = new Feature( {
-		geometry: new Point( [ d.config.map.maxX / 2, d.config.map.maxY / 2 ] )
-	} );
-	// For some reason, we cannot pass the style in the constructor.
-	d.playerFeature.setStyle( playerIconStyle );
-	
-	// Adding a layer for features overlaid on the map.
-	let featureSource = new VectorSource( {
-		features: [ d.playerFeature ],
-		wrapX:    false
-	} );
-	return new VectorLayer( {
-		source: featureSource
-	} );
+  // Adding a marker for the player position/rotation.
+  d.playerIcon = new Icon({
+    anchor: [0.5, 39],
+    anchorXUnits: 'fraction',
+    anchorYUnits: 'pixels',
+    rotateWithView: true,
+    src: 'https://github.com/meatlayer/ets2-mobile-route-advisor/raw/master/img/player_proportions.png'
+  });
+
+  let playerIconStyle = new Style({
+    image: d.playerIcon
+  });
+  d.playerFeature = new Feature({
+    geometry: new Point([d.config.map.maxX / 2, d.config.map.maxY / 2])
+  });
+  // For some reason, we cannot pass the style in the constructor.
+  d.playerFeature.setStyle(playerIconStyle);
+
+  // Adding a layer for features overlaid on the map.
+  let featureSource = new VectorSource({
+    features: [d.playerFeature],
+    wrapX: false
+  });
+  return new VectorLayer({
+    source: featureSource
+  });
 };
 
 // ----
 
-const updatePlayerPositionAndRotation = ( lon, lat, rot, speed ) => {
-	
-	if ( d.ready !== true )
-		return;
-	
-	lon = lon.toFixed(3);
-	lat = lat.toFixed(3);
-	rot = rot.toFixed(5);
-	speed = (speed).toFixed( 0 );
-	
-	if( d.lastPos.x === lon || d.lastPos.y === lat )
-		return;
-	
-	d.lastPos = {
-		x: lon,
-		y: lat
-	}
-	
-	let map_coords = gameCoordToPixels( lon, lat );
-	let rad        = rot * Math.PI * 2;
-	
-	d.playerFeature.getGeometry().setCoordinates( map_coords );
-	d.playerIcon.setRotation( -rad );
-	
-	d.gIgnoreViewChangeEvents = true;
-	if ( d.gBehaviorCenterOnPlayer ) {
-		if ( d.gBehaviorRotateWithPlayer ) {
-			//auto-zoom map by speed
-			if ( app.betweenFloat( speed, 15, 35 ) )
-				d.map.getView().setZoom( 9 );
-
-			else if ( app.betweenFloat( speed, 51, 55 ) )
-				d.map.getView().setZoom( 8 );
-
-			else if ( app.betweenFloat( speed, 61, 65 ) )
-				d.map.getView().setZoom( 7 );
-
-			else if ( app.betweenFloat( speed, 81, 88 ) )
-				d.map.getView().setZoom( 6 );
-
-			d.map.getView().setCenter( map_coords );
-			d.map.getView().setRotation( rad );
-
-		} else {
-			d.map.getView().setCenter( map_coords );
-			d.map.getView().setRotation( 0 );
-		}
-	}
-	d.gIgnoreViewChangeEvents = false;
-};
+const updatePlayerPositionAndRotation = (lon, lat, rot, speed) => {
+  if (d.ready !== true) return;
+
+  lon = lon.toFixed(3);
+  lat = lat.toFixed(3);
+  rot = rot.toFixed(5);
+  speed = speed.toFixed(0);
+
+  if (d.lastPos.x === lon || d.lastPos.y === lat) return;
 
-const gameCoordToPixels = ( x, y ) => {
-	if ( d.ready === null )
-		return;
-	
-	return [ x, -y ];
+  d.lastPos = {
+    x: lon,
+    y: lat
+  };
+
+  let map_coords = gameCoordToPixels(lon, lat);
+  let rad = rot * Math.PI * 2;
+
+  d.playerFeature.getGeometry().setCoordinates(map_coords);
+  d.playerIcon.setRotation(-rad);
+
+  d.gIgnoreViewChangeEvents = true;
+  if (d.gBehaviorCenterOnPlayer) {
+    if (d.gBehaviorRotateWithPlayer) {
+      //auto-zoom map by speed
+      if (app.betweenFloat(speed, 15, 35)) d.map.getView().setZoom(9);
+      else if (app.betweenFloat(speed, 51, 55)) d.map.getView().setZoom(8);
+      else if (app.betweenFloat(speed, 61, 65)) d.map.getView().setZoom(7);
+      else if (app.betweenFloat(speed, 81, 88)) d.map.getView().setZoom(6);
+
+      d.map.getView().setCenter(map_coords);
+      d.map.getView().setRotation(rad);
+    } else {
+      d.map.getView().setCenter(map_coords);
+      d.map.getView().setRotation(0);
+    }
+  }
+  d.gIgnoreViewChangeEvents = false;
 };
 
-export {
-	d,
-	init,
-	updatePlayerPositionAndRotation,
-	gameCoordToPixels
+const gameCoordToPixels = (x, y) => {
+  if (d.ready === null) return;
+
+  return [x, -y];
 };
 
+export { d, init, updatePlayerPositionAndRotation, gameCoordToPixels };
diff --git a/src/utils/_splashScreen.js b/src/utils/_splashScreen.js
index e39a1fef..5eee5a92 100644
--- a/src/utils/_splashScreen.js
+++ b/src/utils/_splashScreen.js
@@ -6,135 +6,131 @@
  * Time: 	21:41
  */
 
-import testData                         from '@/data/scs_sdk_plugin_parsed_data.json';
-import store                            from '@/store';
-import { basePathHost, pushLog }        from '@/utils/_app';
+import testData from '@/data/scs_sdk_plugin_parsed_data.json';
+import store from '@/store';
+import { basePathHost, pushLog } from '@/utils/_app';
 import { changeLocale, fallbackLocale } from '@/utils/_i18n';
-import { app, config, history }         from '@/utils/utils';
-import { io }                           from 'socket.io-client';
-import Vue                              from 'vue';
+import { app, config, history } from '@/utils/utils';
+import { io } from 'socket.io-client';
+import Vue from 'vue';
 import { store as telemetryStore } from '@/store/telemetry.store';
 
-
 export const loadAppConfig = () => {
-	store.dispatch('app/showMessage', {
-		icon: null,
-		title: 'Launching',
-		message: 'Load app configuration file'
-	} )
-	
-	return config
-		.load('app')
-		.then( data => {
-			pushLog( 'Config loaded', history.HTY_ZONE.MAIN );
-			store.commit( 'config/setApp', data )
-		} );
+  store.dispatch('app/showMessage', {
+    icon: null,
+    title: 'Launching',
+    message: 'Load app configuration file'
+  });
+
+  return config.load('app').then((data) => {
+    pushLog('Config loaded', history.HTY_ZONE.MAIN);
+    store.commit('config/setApp', data);
+  });
 };
 
 export const setConfigActive = () => {
-	store.dispatch('app/showMessage', {
-		icon: null,
-		title: 'Launching',
-		message: 'Set startup skin'
-	} )
-	
-	return new Promise( resolve  => {
-		const skinToLoad = store.getters[ 'config/get' ]( 'general_skin_on_load' );
-		
-		try {
-			store.commit( 'skins/setConfigActive', skinToLoad );
-			console.log( 'Plop' );
-			resolve();
-			
-		} catch ( e ) {
-			pushLog( 'Value set in "general_skin_on_load" was not a valid skin: ' + skinToLoad,
-				history.HTY_ZONE.MAIN,
-				history.HTY_LEVEL.ERROR );
-			store.dispatch( 'skins/setFirstActive' );
-			resolve();
-		}
-	} );
+  store.dispatch('app/showMessage', {
+    icon: null,
+    title: 'Launching',
+    message: 'Set startup skin'
+  });
+
+  return new Promise((resolve) => {
+    const skinToLoad = store.getters['config/get']('general_skin_on_load');
+
+    try {
+      store.commit('skins/setConfigActive', skinToLoad);
+      resolve();
+    } catch (e) {
+      pushLog(
+        'Value set in "general_skin_on_load" was not a valid skin: ' +
+          skinToLoad,
+        history.HTY_ZONE.MAIN,
+        history.HTY_LEVEL.ERROR
+      );
+      store.dispatch('skins/setFirstActive');
+      resolve();
+    }
+  });
 };
 
 export const setLocale = () => {
-	store.dispatch('app/showMessage', {
-		icon: null,
-		title: 'Launching',
-		message: 'Set language'
-	} )
-	
-	return new Promise( resolve => {
-		const locale = store.getters[ 'config/get' ]( 'general_skin_locale' );
-		try {
-			changeLocale( locale );
-			console.log( 'Hellow' );
-			resolve();
-			
-		} catch ( e ) {
-			pushLog( `Value set in "general_skin_locale" was not a valid skin: ${ locale }. Revert to fallback locale: ${ fallbackLocale }`,
-				history.HTY_ZONE.MAIN,
-				history.HTY_LEVEL.ERROR );
-			changeLocale( fallbackLocale );
-			resolve( e );
-		}
-	} );
+  store.dispatch('app/showMessage', {
+    icon: null,
+    title: 'Launching',
+    message: 'Set language'
+  });
+
+  return new Promise((resolve) => {
+    const locale = store.getters['config/get']('general_skin_locale');
+    try {
+      changeLocale(locale);
+      resolve();
+    } catch (e) {
+      pushLog(
+        `Value set in "general_skin_locale" was not a valid skin: ${locale}. Revert to fallback locale: ${fallbackLocale}`,
+        history.HTY_ZONE.MAIN,
+        history.HTY_LEVEL.ERROR
+      );
+      changeLocale(fallbackLocale);
+      resolve(e);
+    }
+  });
 };
 
 export const loadGameConfig = () => {
-	store.dispatch('app/showMessage', {
-		icon: null,
-		title: 'Launching',
-		message: 'Load configuration game'
-	} )
-	
-	return config
-		.loadGameConfig()
-		.then( data => {
-			pushLog( 'Game config loaded', history.HTY_ZONE.MAIN );
-			store.commit( 'config/setGame', data )
-		} );
+  store.dispatch('app/showMessage', {
+    icon: null,
+    title: 'Launching',
+    message: 'Load configuration game'
+  });
+
+  return config.loadGameConfig().then((data) => {
+    pushLog('Game config loaded', history.HTY_ZONE.MAIN);
+    store.commit('config/setGame', data);
+  });
 };
 
 export const connectToTelemetryServer = () => {
-	return new Promise((resolve) => {
-		store.dispatch('app/showMessage', {
-			icon: null,
-			title: 'Launching',
-			message: 'Start '
-		} )
-		
-		if ( !app.useFakeData ) {
-			const telemetrySocket = io( basePathHost() );
-			telemetrySocket.on( 'connect', () => {
-				store.dispatch( 'app/showMessage', {
-					icon:    '<i class="fas fa-truck"></i>',
-					title:    'Connected to telemetry server',
-					message: 'Ready to delivering'
-				} );
-			} );
-			telemetrySocket.on( 'update', data => {
-				Vue.prototype.$updateTelemetry( data )
-			});
-			telemetrySocket.on( 'log', data => {
-				Vue.prototype.$updateEvent( data );
-			} );
-		} else {
-			setTimeout( () => {
-				Vue.prototype.$updateTelemetry( testData )
-			}, 1000 );
-		}
-		
-		const waitingInterval = setInterval( () => {
-			store.dispatch( 'app/showMessage', {
-				icon:    '<i class="fas fa-truck"></i>',
-				title:    'Waiting game connection',
-				message: 'Run the game to start your job !'
-			} );
-			
-			if( telemetryStore.gameConnected ){
-				clearInterval( waitingInterval )
-				resolve()
-			}
-		}, 500 )
-	})
-}
\ No newline at end of file
+  return new Promise((resolve) => {
+    store.dispatch('app/showMessage', {
+      icon: null,
+      title: 'Launching',
+      message: 'Start '
+    });
+
+    if (!app.useFakeData) {
+      const telemetrySocket = io(basePathHost());
+      telemetrySocket.on('connect', () => {
+        store.dispatch('app/showMessage', {
+          icon: '<i class="fas fa-truck"></i>',
+          title: 'Connected to telemetry server',
+          message: 'Ready to delivering'
+        });
+      });
+      telemetrySocket.on('update', (data) => {
+        Vue.prototype.$updateTelemetry(data);
+      });
+      telemetrySocket.on('log', (data) => {
+        Vue.prototype.$updateEvent(data);
+      });
+    } else {
+      setTimeout(() => {
+        Vue.prototype.$updateTelemetry(testData);
+      }, 1000);
+    }
+
+    const waitingInterval = setInterval(() => {
+      store.dispatch('app/showMessage', {
+        icon: '<i class="fas fa-truck"></i>',
+        title: 'Waiting game connection',
+        message: 'Run the game to start your job !'
+      });
+
+      if (telemetryStore.gameConnected) {
+        clearInterval(waitingInterval);
+        resolve();
+      }
+    }, 500);
+  });
+};
diff --git a/src/utils/utils.js b/src/utils/utils.js
index 1ec11250..8f2a5826 100644
--- a/src/utils/utils.js
+++ b/src/utils/utils.js
@@ -6,10 +6,10 @@
  * Time: 	08:34
  */
 
-export * as app     from '@/utils/_app';
-export * as config  from '@/utils/_config';
-export * as event   from '@/utils/_event';
+export * as app from '@/utils/_app';
+export * as config from '@/utils/_config';
+export * as event from '@/utils/_event';
 export * as history from '@/utils/_history';
-export * as map     from '@/utils/_map';
+export * as map from '@/utils/_map';
 
 export default {};