chore: add eslint + prettier

client-new/.eslintignore

@@ -0,0 +1,3 @@
+dist
+node_modules
+*.html

client-new/.eslintrc.js

@@ -0,0 +1,13 @@
+module.exports = {
+  root: true,
+  env: {
+    node: true,
+  },
+  extends: ['plugin:vue/essential', 'eslint:recommended'],
+  parserOptions: {
+    parser: '@babel/eslint-parser',
+  },
+  rules: {
+    'vue/multi-word-component-names': 'off',
+  },
+}

client-new/.prettierignore

@@ -0,0 +1,3 @@
+dist
+node_modules
+src/components/Global/SVGContainer.vue

client-new/.prettierrc

@@ -0,0 +1,11 @@
+{
+  "trailingComma": "es5",
+  "semi": false,
+  "singleQuote": true,
+  "useTabs": false,
+  "quoteProps": "consistent",
+  "bracketSpacing": true,
+  "arrowParens": "always",
+  "printWidth": 100,
+  "endOfLine": "auto"
+}

client-new/babel.config.js

@@ -0,0 +1,14 @@
+module.exports = {
+  presets: ['@babel/preset-env'],
+  plugins: [
+    function () {
+      return {
+        visitor: {
+          MetaProperty(path) {
+            path.replaceWithSourceString('process')
+          },
+        },
+      }
+    },
+  ],
+}

client-new/package.json

@@ -5,16 +5,24 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build",
-    "preview": "vite preview --port 8080"
+    "preview": "vite preview --port 8080",
+    "lint": "eslint --ext .js,.ts,.jsx,.tsx,.vue --ignore-path .eslintignore .",
+    "format": "prettier --write \"**/*.{ts,tsx,js,css,vue}\" --ignore-path .prettierignore"
   },
   "devDependencies": {
+    "@babel/eslint-parser": "^7.22.15",
+    "@babel/preset-env": "^7.22.20",
     "@tailwindcss/custom-forms": "^0.2.1",
     "@vitejs/plugin-vue2": "^2.2.0",
     "autoprefixer": "^10.4.15",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-plugin-prettier": "^5.0.0",
+    "eslint-plugin-vue": "^9.17.0",
     "postcss": "^8.4.30",
     "postcss-import": "^12.0.1",
     "tailwindcss": "^1.9.6",
-    "vite": "^4.4.5"
+    "vite": "^4.4.5",
+    "vite-plugin-eslint": "^1.8.1"
   },
   "dependencies": {
     "axios": "^1.5.0",

client-new/vite.config.js

@@ -1,11 +1,12 @@
-import path from 'path';
+import path from 'path'
+import eslint from 'vite-plugin-eslint'
 import vue from '@vitejs/plugin-vue2'
 
 export default {
   esbuild: {
     drop: ['console', 'debugger'],
   },
-  plugins: [vue()],
+  plugins: [eslint(), vue()],
   resolve: {
     alias: {
       '@/': `${path.resolve(__dirname, 'src')}/`,