diff --git a/.eslintrc.js b/.eslintrc.js
index 494a8762..7ca02729 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -4,8 +4,10 @@ module.exports = {
     browser: true,
     node: true
   },
+  parser: 'vue-eslint-parser',
   parserOptions: {
-    parser: 'babel-eslint'
+    parser: '@babel/eslint-parser',
+    sourceType: 'module'
   },
   extends: [
     '@nuxtjs',
diff --git a/.gitignore b/.gitignore
index 589d0087..617faae3 100644
--- a/.gitignore
+++ b/.gitignore
@@ -100,5 +100,3 @@ yarn.lock
 static
 
 .env*
-
-.vscode
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 00000000..6cf9c1b6
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,26 @@
+{
+  // Theme
+  "workbench.colorTheme": "Dracula",
+
+  // config related to code formatting
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.formatOnSave": false,
+  "vetur.validation.template": false,
+  "prettier.singleQuote": true,
+  "prettier.trailingComma": "none",
+  "[javascript]": {
+    "editor.formatOnSave": false,
+    "editor.defaultFormatter": null
+  },
+  "javascript.validate.enable": false, //disable all built-in syntax checking
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": true,
+    "source.fixAll.tslint": true
+    // "source.organizeImports": true
+  },
+  "eslint.alwaysShowStatus": true,
+  "editor.tabSize": 2,
+  "editor.detectIndentation": false,
+  "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
+  "vetur.experimental.templateInterpolationService": false
+}
diff --git a/package.json b/package.json
index e4bd8d92..6ec14fc4 100644
--- a/package.json
+++ b/package.json
@@ -10,7 +10,6 @@
     "start": "export NODE_OPTIONS=--openssl-legacy-provider && nuxt start",
     "generate": "export NODE_OPTIONS=--openssl-legacy-provider && nuxt generate",
     "lint": "eslint --ext .js,.vue --ignore-path .gitignore . --fix",
-    "test": "jest",
     "docker-build": "docker build -f devops/docker/node/Dockerfile -t indrz-frontend .",
     "docker-run": "docker run -it -p 3000:3000 indrz-frontend"
   },
@@ -31,15 +30,14 @@
     "vue-qrcode-reader": "3.1.0"
   },
   "devDependencies": {
-    "@nuxtjs/eslint-config": "^1.0.1",
-    "@nuxtjs/eslint-module": "^1.0.0",
-    "@nuxtjs/vuetify": "^1.0.0",
-    "@vue/test-utils": "^1.0.0-beta.27",
-    "babel-eslint": "^10.0.1",
-    "babel-jest": "^24.1.0",
-    "eslint": "6.1.0",
-    "eslint-plugin-nuxt": ">=0.4.2",
-    "jest": "29.3.1",
-    "vue-jest": "3.0.7"
+    "@babel/eslint-parser": "^7.19.1",
+    "@nuxtjs/eslint-config": "^12.0.0",
+    "@nuxtjs/eslint-module": "^3.1.0",
+    "@nuxtjs/vuetify": "^1.12.3",
+    "eslint": "^8.30.0",
+    "eslint-plugin-nuxt": "^4.0.0",
+    "eslint-plugin-vue": "^9.8.0",
+    "vue-eslint-parser": "^9.1.0",
+    "webpack": "^5.75.0"
   }
 }