diff --git a/webapp/.prettierrc.json b/webapp/.prettierrc.json
new file mode 100644
index 000000000..678c251b9
--- /dev/null
+++ b/webapp/.prettierrc.json
@@ -0,0 +1,8 @@
+{
+  "$schema": "https://json.schemastore.org/prettierrc",
+  "semi": true,
+  "tabWidth": 4,
+  "singleQuote": true,
+  "printWidth": 120,
+  "trailingComma": "es5"
+}
diff --git a/webapp/package.json b/webapp/package.json
index a53ed43d2..04b4b0717 100644
--- a/webapp/package.json
+++ b/webapp/package.json
@@ -9,7 +9,8 @@
     "preview": "vite preview --port 4173",
     "build-only": "vite build",
     "type-check": "vue-tsc --noEmit",
-    "lint": "eslint ."
+    "lint": "eslint .",
+    "format": "prettier --write src/"
   },
   "dependencies": {
     "@popperjs/core": "^2.11.8",
@@ -36,6 +37,7 @@
     "eslint": "^9.6.0",
     "eslint-plugin-vue": "^9.27.0",
     "npm-run-all": "^4.1.5",
+    "prettier": "^3.2.5",
     "pulltorefreshjs": "^0.1.22",
     "sass": "^1.77.6",
     "terser": "^5.31.1",
diff --git a/webapp/yarn.lock b/webapp/yarn.lock
index 7aa705dff..5708edb41 100644
--- a/webapp/yarn.lock
+++ b/webapp/yarn.lock
@@ -2133,6 +2133,11 @@ prelude-ls@^1.2.1:
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
   integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
 
+prettier@^3.2.5:
+  version "3.3.2"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.3.2.tgz#03ff86dc7c835f2d2559ee76876a3914cec4a90a"
+  integrity sha512-rAVeHYMcv8ATV5d508CFdn+8/pHPpXeIid1DdrPwXnaAdH7cqjVbpJaT5eq4yRAFU/lsbwYwSF/n5iNrdJHPQA==
+
 pulltorefreshjs@^0.1.22:
   version "0.1.22"
   resolved "https://registry.yarnpkg.com/pulltorefreshjs/-/pulltorefreshjs-0.1.22.tgz#ddb5e3feee0b2a49fd46e1b18e84fffef2c47ac0"