diff --git a/.prettierrc.json b/.prettierrc.json
new file mode 100644
index 0000000..1ac19d3
--- /dev/null
+++ b/.prettierrc.json
@@ -0,0 +1,9 @@
+{
+  "$schema": "https://json.schemastore.org/prettierrc",
+  "semi": true,
+  "singleQuote": false,
+  "plugins": [
+    "prettier-plugin-tailwindcss"
+  ],
+  "printWidth": 100
+}
\ No newline at end of file
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
index a7cea0b..aecab6c 100644
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -1,3 +1,6 @@
 {
-  "recommendations": ["Vue.volar"]
+  "recommendations": [
+    "Vue.volar",
+    "esbenp.prettier-vscode"
+  ]
 }
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..b107c65
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,11 @@
+{
+  "explorer.fileNesting.enabled": true,
+  "explorer.fileNesting.patterns": {
+    "tsconfig.json": "tsconfig.*.json, env.d.ts, typed-router.d.ts",
+    "vite.config.*": "jsconfig*, vitest.config.*, cypress.config.*, playwright.config.*",
+    "package.json": "package-lock.json, pnpm*, .yarnrc*, yarn*, .eslint*, eslint*, .oxlint*, oxlint*, .oxfmt*, .prettier*, prettier*, .editorconfig"
+  },
+  "editor.formatOnSave": true,
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "i18n-ally.localesPaths": ["src/locales"]
+}
diff --git a/package.json b/package.json
index 20f3290..a6c5897 100644
--- a/package.json
+++ b/package.json
@@ -10,7 +10,7 @@
     "preview": "vite preview",
     "build-only": "vite build",
     "type-check": "vue-tsc --build",
-    "format": "prettier --write .",
+    "format": "prettier --write src/",
     "test": "node --test --experimental-strip-types tests/*.test.ts",
     "prepare": "husky",
     "generate:typed-router": "vite build --config scripts/typed-router.d.ts/config.ts"
diff --git a/prettier.config.mjs b/prettier.config.mjs
deleted file mode 100644
index c366194..0000000
--- a/prettier.config.mjs
+++ /dev/null
@@ -1,6 +0,0 @@
-/** @type {import("prettier").Config & import("prettier-plugin-tailwindcss").PluginOptions} */
-export default {
-  plugins: ["prettier-plugin-tailwindcss"],
-  tailwindStylesheet: "./src/style/app.css",
-  tailwindFunctions: ["cn", "clsx", "cva"],
-};