setup prettier, format, relint, fix errors

Author: vincerubinetti

Diff for: .eslintrc.js

@@ -1,66 +1,27 @@
-const errorInProduction = process.env.NODE_ENV === 'production' ? 'error' : 'off';
-const path = require('path');
+const path = require("path");
 
 // const GenomeFeatureViewer = path.resolve(__dirname, '../GenomeFeatureComponent/dist/index.js');
 // const GenomeFeatureViewerCSS = path.resolve(__dirname, '../GenomeFeatureComponent/dist/GenomeFeatureViewer.css');
-const GenomeFeatureViewer = path.resolve(__dirname, 'node_modules/genomefeaturecomponent/dist/index.js');
-const GenomeFeatureViewerCSS = path.resolve(__dirname, 'node_modules/genomefeaturecomponent/dist/GenomeFeatureViewer.css');
+const GenomeFeatureViewer = path.resolve(
+  __dirname,
+  "node_modules/genomefeaturecomponent/dist/index.js"
+);
+const GenomeFeatureViewerCSS = path.resolve(
+  __dirname,
+  "node_modules/genomefeaturecomponent/dist/GenomeFeatureViewer.css"
+);
 
 module.exports = {
   root: true,
   env: {
     node: true,
-    browser: true
-  },
-  plugins: [
-    'import',
-    'vue'
-  ],
-  extends: [
-    // 'plugin:import/errors',
-    // 'plugin:import/warnings',
-    'plugin:vue/recommended',
-    'plugin:vue/essential',
-    '@vue/standard',
-    'airbnb-base',
-  ],
-  rules: {
-    'no-plusplus': 0,
-    'no-console': errorInProduction,
-    'no-debugger': errorInProduction,
-    'import/dynamic-import-chunkname': 'error',
-    'brace-style': [2, '1tbs'],
-    'padded-blocks': 0,
-    'indent': [2, 2, { 'SwitchCase': 1 }],
-    'spaced-comment': 1,
-    'quotes': ['error', 'single', { 'allowTemplateLiterals': true }],
-    // 'import/prefer-default-export': 'off',
-    // 'arrow-parens': ['error', 'as-needed'],
-    // 'vue/html-self-closing': 0,
-    // 'vue/html-indent': 1,
-    'global-require': 0,
-    'no-unused-vars': [0, { 'argsIgnorePattern': '^_' }],
-    'quote-props': [0],
-    'prefer-const': ['error', { 'destructuring': 'all' }],
-    'prefer-destructuring': 0,
-    'prefer-arrow-callback': 0,
-    'prefer-template': 0,
-    'comma-dangle': 0,
-    'max-len': 0,
-    'standard/no-callback-literal': 0,
-    'no-param-reassign': 0,
-    'no-underscore-dangle': 0,
-    'operator-linebreak': 0,
-    'vue/max-attributes-per-line': ['error', {
-      'singleline': 3,
-      'multiline': {
-        'max': 1,
-        'allowFirstLine': false
-      }
-    }]
+    browser: true,
   },
+  plugins: ["import", "vue"],
+  extends: ["plugin:vue/vue3-essential", "eslint:recommended", "@vue/prettier"],
+  rules: {},
   parserOptions: {
-    parser: 'babel-eslint'
+    parser: "babel-eslint",
   },
 
   settings: {
@@ -71,17 +32,19 @@ module.exports = {
     // So I'm using eslint-import-resolver-alias and duplicating the
     // aliases here, which does work.
     //
-    'import/resolver': {
-      alias: { // https://www.npmjs.com/package/eslint-import-resolver-alias
+    "import/resolver": {
+      alias: {
+        // https://www.npmjs.com/package/eslint-import-resolver-alias
         map: [
-          ['@', path.resolve(__dirname, 'src')],
-          ['vue$', 'vue/dist/vue.runtime.esm.js'],
-          ['GenomeFeatureViewer$', GenomeFeatureViewer],
+          ["@", path.resolve(__dirname, "src")],
+          ["vue$", "vue/dist/vue.runtime.esm.js"],
+          ["GenomeFeatureViewer$", GenomeFeatureViewer],
         ],
       },
-      webpack: { // https://www.npmjs.com/package/eslint-import-resolver-webpack
+      webpack: {
+        // https://www.npmjs.com/package/eslint-import-resolver-webpack
         // Does not work, but should
       },
-    }
+    },
   },
 };

Diff for: babel.config.js

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

Diff for: nightwatch.config.js

@@ -1,20 +1,18 @@
 const config = {
-  'webdriver': {
-    'start_process': true,
-    'server_path': './node_modules/.bin/geckodriver',
-    'cli_args': [
-      '--log', 'debug'
-    ],
-    'port': 4444
+  webdriver: {
+    start_process: true,
+    server_path: "./node_modules/.bin/geckodriver",
+    cli_args: ["--log", "debug"],
+    port: 4444,
+  },
+  test_settings: {
+    firefox: {
+      desiredCapabilities: {
+        browserName: "firefox",
+        acceptInsecureCerts: true,
+      },
+    },
   },
-  'test_settings': {
-    'firefox': {
-      'desiredCapabilities': {
-        'browserName': 'firefox',
-        'acceptInsecureCerts': true
-      }
-    }
-  }
 };
 
 module.exports = config;