diff --git a/.eslintrc.json b/.eslintrc.json
index c567af53..41592d2c 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -3,17 +3,11 @@
         "browser": true,
         "es2021": true
     },
-    "extends": [
-        "eslint:recommended",
-        "plugin:vue/essential"
-    ],
+    "extends": ["eslint:recommended", "plugin:vue/vue3-recommended", "prettier"],
     "parserOptions": {
         "ecmaVersion": "latest",
         "sourceType": "module"
     },
-    "plugins": [
-        "vue"
-    ],
-    "rules": {
-    }
+    "plugins": ["vue"],
+    "rules": {}
 }
diff --git a/package-lock.json b/package-lock.json
index 0fad59ec..90857362 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -28,9 +28,11 @@
                 "autoprefixer": "^10.4.14",
                 "axios": "^1.4.0",
                 "eslint": "^8.43.0",
+                "eslint-config-prettier": "^8.8.0",
                 "eslint-plugin-vue": "^8.7.1",
                 "postcss": "^8.4.24",
                 "tailwindcss": "^3.3.2",
+                "typescript": "^5.1.6",
                 "vue-axios": "^3.5.2"
             }
         },
@@ -1800,6 +1802,18 @@
                 "url": "https://opencollective.com/eslint"
             }
         },
+        "node_modules/eslint-config-prettier": {
+            "version": "8.8.0",
+            "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.8.0.tgz",
+            "integrity": "sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==",
+            "dev": true,
+            "bin": {
+                "eslint-config-prettier": "bin/cli.js"
+            },
+            "peerDependencies": {
+                "eslint": ">=7.0.0"
+            }
+        },
         "node_modules/eslint-plugin-vue": {
             "version": "8.7.1",
             "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-8.7.1.tgz",
@@ -3792,6 +3806,19 @@
                 "url": "https://github.com/sponsors/sindresorhus"
             }
         },
+        "node_modules/typescript": {
+            "version": "5.1.6",
+            "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.1.6.tgz",
+            "integrity": "sha512-zaWCozRZ6DLEWAWFrVDz1H6FVXzUSfTy5FUMWsQlU8Ym5JP9eO4xkTIROFCQvhQf61z6O/G6ugw3SgAnvvm+HA==",
+            "devOptional": true,
+            "bin": {
+                "tsc": "bin/tsc",
+                "tsserver": "bin/tsserver"
+            },
+            "engines": {
+                "node": ">=14.17"
+            }
+        },
         "node_modules/update-browserslist-db": {
             "version": "1.0.11",
             "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.11.tgz",
@@ -5332,6 +5359,13 @@
                 "text-table": "^0.2.0"
             }
         },
+        "eslint-config-prettier": {
+            "version": "8.8.0",
+            "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.8.0.tgz",
+            "integrity": "sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==",
+            "dev": true,
+            "requires": {}
+        },
         "eslint-plugin-vue": {
             "version": "8.7.1",
             "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-8.7.1.tgz",
@@ -6734,6 +6768,12 @@
             "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
             "dev": true
         },
+        "typescript": {
+            "version": "5.1.6",
+            "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.1.6.tgz",
+            "integrity": "sha512-zaWCozRZ6DLEWAWFrVDz1H6FVXzUSfTy5FUMWsQlU8Ym5JP9eO4xkTIROFCQvhQf61z6O/G6ugw3SgAnvvm+HA==",
+            "devOptional": true
+        },
         "update-browserslist-db": {
             "version": "1.0.11",
             "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.11.tgz",
diff --git a/package.json b/package.json
index 36f64bf0..c387126f 100644
--- a/package.json
+++ b/package.json
@@ -15,9 +15,11 @@
         "autoprefixer": "^10.4.14",
         "axios": "^1.4.0",
         "eslint": "^8.43.0",
+        "eslint-config-prettier": "^8.8.0",
         "eslint-plugin-vue": "^8.7.1",
         "postcss": "^8.4.24",
         "tailwindcss": "^3.3.2",
+        "typescript": "^5.1.6",
         "vue-axios": "^3.5.2"
     },
     "dependencies": {