Eslint airbnb migration and error fixes (#687)

Co-authored-by: Joana Maia <joana@crowd.dev>

Author: gaspergrom

frontend/.eslintignore

@@ -0,0 +1,8 @@
+**/*.spec.js
+cypress
+coverage
+dist
+tests
+tailwind.config.js
+cypress.config.js
+cypress.staging.config.js

frontend/.eslintrc.js

@@ -2,32 +2,68 @@ module.exports = {
   root: true,
 
   env: {
-    node: true
+    node: true,
   },
 
   extends: [
     'plugin:vue/vue3-recommended',
-    'eslint:recommended',
-    '@vue/prettier'
+    '@vue/airbnb',
   ],
 
   parserOptions: {
-    ecmaVersion: 2020
+    ecmaVersion: 2020,
   },
 
   rules: {
-    'no-console': [
-      'warn',
-      {
-        allow: ['error', 'info']
-      }
-    ],
+    'no-console':
+      process.env.NODE_ENV === 'production'
+        ? 'warn'
+        : 'off',
     'no-debugger':
       process.env.NODE_ENV === 'production'
         ? 'warn'
         : 'off',
-    'vue/no-v-html': 'off',
+    semi: 'warn',
+    'comma-dangle': 'warn',
     'vue/no-unused-components': 'warn',
-    'no-unused-vars': 'warn'
-  }
-}
+    'vue/html-indent': 'warn',
+    'vue/html-self-closing': 'warn',
+    'vue/no-v-html': 'off',
+    'no-unused-vars': 'off',
+    'import/prefer-default-export': 'off',
+    'class-methods-use-this': 'off',
+    'vuejs-accessibility/mouse-events-have-key-events': 'off',
+    'vuejs-accessibility/click-events-have-key-events': 'off',
+    'func-names': 'off',
+    'import/no-cycle': 'off',
+    'vue/max-len': [
+      'error',
+      {
+        code: 150,
+        ignoreComments: true,
+        ignoreUrls: true,
+      },
+    ],
+    'import/extensions': [
+      'error',
+      'ignorePackages',
+      {
+        js: 'never',
+        jsx: 'never',
+        ts: 'never',
+        tsx: 'never',
+      },
+    ],
+  },
+  settings: {
+    'import/resolver': {
+      alias: {
+        extensions: ['.js', '.jsx', '.ts', '.tsx'],
+        map: [
+          ['@', './src'],
+          ['@formbricks', './node_modules/@formbricks'],
+        ],
+      },
+    },
+  },
+};

frontend/.prettierrc

@@ -1,4 +1,4 @@
 module.exports = {
   presets: ['@vue/cli-plugin-babel/preset'],
-  plugins: ['@babel/plugin-transform-runtime']
-}
+  plugins: ['@babel/plugin-transform-runtime'],
+};

frontend/babel.config.js

@@ -1,34 +1,34 @@
-const { defineConfig } = require('cypress')
-const webpackConfig = require('@vue/cli-service/webpack.config.js')
+const { defineConfig } = require('cypress');
+const webpackConfig = require('@vue/cli-service/webpack.config.js');
 require('dotenv').config({
-  path: './.env.cypress'
-})
+  path: './.env.cypress',
+});
 
 module.exports = defineConfig({
   e2e: {
     baseUrl: 'http://localhost:8081',
     specPattern: 'tests/e2e/*.spec.js',
-    supportFile: 'tests/support/index.js'
+    supportFile: 'tests/support/index.js',
   },
   folders: {
     fixturesFolder: 'tests/fixtures',
     screenshotsFolder: 'tests/screenshots',
-    videosFolder: 'tests/videos'
+    videosFolder: 'tests/videos',
   },
   component: {
     devServer: {
       framework: 'vue',
       bundler: 'webpack',
-      webpackConfig
-    }
+      webpackConfig,
+    },
   },
   browser: {
-    chromeWebSecurity: false
+    chromeWebSecurity: false,
   },
   env: {
     appUrl: 'http://localhost:8081',
     apiUrl: 'http://localhost:8080',
     MAILOSAUR_API_KEY: process.env.MAILOSAUR_API_KEY,
-    MAILOSAUR_SERVER_ID: process.env.MAILOSAUR_SERVER_ID
-  }
-})
+    MAILOSAUR_SERVER_ID: process.env.MAILOSAUR_SERVER_ID,
+  },
+});

frontend/cypress.config.js

@@ -1,34 +1,34 @@
-const { defineConfig } = require('cypress')
-const webpackConfig = require('@vue/cli-service/webpack.config.js')
+const { defineConfig } = require('cypress');
+const webpackConfig = require('@vue/cli-service/webpack.config.js');
 require('dotenv').config({
-  path: './.env.cypress'
-})
+  path: './.env.cypress',
+});
 
 module.exports = defineConfig({
   e2e: {
     baseUrl: 'https://apptest-kube.crowd.dev',
     specPattern: 'tests/e2e/*.spec.js',
-    supportFile: 'tests/support/index.js'
+    supportFile: 'tests/support/index.js',
   },
   folders: {
     fixturesFolder: 'tests/fixtures',
     screenshotsFolder: 'tests/screenshots',
-    videosFolder: 'tests/videos'
+    videosFolder: 'tests/videos',
   },
   component: {
     devServer: {
       framework: 'vue',
       bundler: 'webpack',
-      webpackConfig
-    }
+      webpackConfig,
+    },
   },
   browser: {
-    chromeWebSecurity: false
+    chromeWebSecurity: false,
   },
   env: {
     appUrl: 'https://apptest-kube.crowd.dev',
     apiUrl: 'https://apptest-kube.crowd.dev/api',
     MAILOSAUR_API_KEY: process.env.MAILOSAUR_API_KEY,
-    MAILOSAUR_SERVER_ID: process.env.MAILOSAUR_SERVER_ID
-  }
-})
+    MAILOSAUR_SERVER_ID: process.env.MAILOSAUR_SERVER_ID,
+  },
+});