diff --git a/.prettierrc b/.prettierrc
index 548c817..6ccb8cd 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -1,4 +1,7 @@
 {
+  "plugins": [
+    "prettier-plugin-vue"
+  ],
   "printWidth": 100,
   "semi": false,
   "singleQuote": true,
diff --git a/package.json b/package.json
index cf74330..38defcf 100644
--- a/package.json
+++ b/package.json
@@ -36,6 +36,7 @@
     "eslint": "^9.16.0",
     "husky": "^9.1.7",
     "lint-staged": "^15.2.10",
+    "prettier-plugin-vue": "^1.1.6",
     "sass": "^1.81.0",
     "sass-embedded": "^1.81.0",
     "typescript": "^5.6.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 8b26cc0..699f220 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -57,6 +57,9 @@ importers:
       lint-staged:
         specifier: ^15.2.10
         version: 15.2.10
+      prettier-plugin-vue:
+        specifier: ^1.1.6
+        version: 1.1.6
       sass:
         specifier: ^1.81.0
         version: 1.81.0
@@ -2955,6 +2958,14 @@ packages:
     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
     engines: {node: '>= 0.8.0'}
 
+  prettier-plugin-vue@1.1.6:
+    resolution: {integrity: sha512-trQ/oY+6hSsGe2zPIFThXMIM0TbxMEbk2VOrKjwHWuSz7OEo0rnumbz9a47OxVPCaAnGY9vZG8qDTiTmk9bq0A==}
+
+  prettier@2.8.8:
+    resolution: {integrity: sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==}
+    engines: {node: '>=10.13.0'}
+    hasBin: true
+
   process-nextick-args@2.0.1:
     resolution: {integrity: sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==}
 
@@ -7127,6 +7138,12 @@ snapshots:
 
   prelude-ls@1.2.1: {}
 
+  prettier-plugin-vue@1.1.6:
+    dependencies:
+      prettier: 2.8.8
+
+  prettier@2.8.8: {}
+
   process-nextick-args@2.0.1: {}
 
   process@0.11.10: {}