vitejs · Dunqing · Jan 20, 2026 · Dunqing · Feb 2, 2026 · leaysgur
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
@@ -241,7 +241,7 @@ jobs:
         run: pnpm run lint
 
       - name: Check formatting
-        run: pnpm prettier --write --log-level=warn . && git diff --exit-code
+        run: pnpm oxfmt --check && git diff --exit-code
 
       - name: Typecheck
         run: pnpm run typecheck

diff --git a/.oxfmtrc.json b/.oxfmtrc.json
@@ -0,0 +1,39 @@
+{
+  "semi": false,
+  "singleQuote": true,
+  "printWidth": 80,
+  "experimentalSortPackageJson": false,
+  "overrides": [
+    {
+      "files": ["*.json5"],
+      "options": {
+        "singleQuote": false,
+        "quoteProps": "preserve"
+      }
+    },
+    {
+      "files": ["*.yml"],
+      "options": {
+        "singleQuote": false
+      }
+    }
+  ],
+  "ignorePatterns": [
+    "packages/*/CHANGELOG.md",
+    "packages/vite/src/node/ssr/__tests__/fixtures/errors/syntax-error.*",
+    "playground-temp/",
+    "dist/",
+    "LICENSE.md",
+    "pnpm-lock.yaml",
+    "pnpm-workspace.yaml",
+    "playground/tsconfig-json-load-error/has-error/tsconfig.json",
+    "playground/html/invalid.html",
+    "playground/html/invalidClick.html",
+    "playground/html/invalidEscape.html",
+    "playground/html/valid.html",
+    "playground/external/public/slash@3.0.0.js",
+    "playground/ssr-html/public/slash@3.0.0.js",
+    "playground/worker/classic-worker.js",
+    "playground/css/weapp.wxss"
+  ]
+}
diff --git a/.prettierignore b/.prettierignore
diff --git a/.prettierrc.json b/.prettierrc.json
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
@@ -245,7 +245,7 @@ For a mock dependency, make sure you add a `@vitejs/test-` prefix to the package
 
 - Make sure tests pass!
 
-- No need to worry about code style as long as you have installed the dev dependencies. Modified files are automatically formatted with Prettier on commit (by invoking [Git Hooks](https://git-scm.com/docs/githooks) via [simple-git-hooks](https://github.com/toplenboren/simple-git-hooks)).
+- No need to worry about code style as long as you have installed the dev dependencies. Modified files are automatically formatted with Oxfmt on commit (by invoking [Git Hooks](https://git-scm.com/docs/githooks) via [simple-git-hooks](https://github.com/toplenboren/simple-git-hooks)).
 
 - PR title must follow the [commit message convention](./.github/commit-convention.md) so that changelogs can be automatically generated.
 

diff --git a/netlify.toml b/netlify.toml
@@ -1,8 +1,8 @@
 [build.environment]
-  NODE_VERSION = "24"
-  # don't need playwright for docs build
-  PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD = "1"
+NODE_VERSION = "24"
+# don't need playwright for docs build
+PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD = "1"
 [build]
-  publish = "docs/.vitepress/dist"
-  command = "pnpm ci-docs"
-  ignore = "./scripts/docs-check.sh"
+publish = "docs/.vitepress/dist"
+command = "pnpm ci-docs"
+ignore = "./scripts/docs-check.sh"
diff --git a/package.json b/package.json
@@ -20,7 +20,7 @@
   "scripts": {
     "preinstall": "npx only-allow pnpm",
     "postinstall": "simple-git-hooks",
-    "format": "prettier --write --cache .",
+    "format": "oxfmt",
     "lint": "eslint --cache .",
     "typecheck": "tsc -p scripts && pnpm -r --parallel run typecheck",
     "test": "pnpm test-unit && pnpm test-serve && pnpm test-build",
@@ -61,9 +61,9 @@
     "execa": "^9.6.1",
     "globals": "^17.3.0",
     "lint-staged": "^16.2.7",
+    "oxfmt": "^0.28.0",
     "picocolors": "^1.1.1",
     "playwright-chromium": "^1.58.1",
-    "prettier": "3.8.1",
     "rolldown": "1.0.0-rc.2",
     "rollup": "^4.43.0",
     "simple-git-hooks": "^2.13.1",
@@ -78,7 +78,7 @@
   },
   "lint-staged": {
     "*": [
-      "prettier --write --cache --ignore-unknown"
+      "oxfmt --no-error-on-unmatched-pattern"
     ],
     "packages/*/{src,types}/**/*.ts": [
       "eslint --cache --fix"

diff --git a/packages/create-vite/template-lit-ts/src/my-element.ts b/packages/create-vite/template-lit-ts/src/my-element.ts
@@ -159,8 +159,7 @@ export class MyElement extends LitElement {
         --accent-border: rgba(192, 132, 252, 0.5);
         --social-bg: rgba(47, 48, 58, 0.5);
         --shadow:
-          rgba(0, 0, 0, 0.4) 0 10px 15px -3px,
-          rgba(0, 0, 0, 0.25) 0 4px 6px -2px;
+          rgba(0, 0, 0, 0.4) 0 10px 15px -3px, rgba(0, 0, 0, 0.25) 0 4px 6px -2px;
       }
 
       #social .button-icon {
@@ -255,8 +254,8 @@ export class MyElement extends LitElement {
       z-index: 1;
       top: 34px;
       height: 28px;
-      transform: perspective(2000px) rotateZ(300deg) rotateX(44deg)
-        rotateY(39deg) scale(1.4);
+      transform: perspective(2000px) rotateZ(300deg) rotateX(44deg) rotateY(39deg)
+        scale(1.4);
     }
 
     .hero .vite {
@@ -265,8 +264,8 @@ export class MyElement extends LitElement {
       height: 26px;
       width: auto;
       color: var(--vite-logo);
-      transform: perspective(2000px) rotateZ(300deg) rotateX(40deg)
-        rotateY(39deg) scale(0.8);
+      transform: perspective(2000px) rotateZ(300deg) rotateX(40deg) rotateY(39deg)
+        scale(0.8);
     }
 
     #center {

diff --git a/packages/create-vite/template-lit/src/my-element.js b/packages/create-vite/template-lit/src/my-element.js
@@ -133,8 +133,7 @@ export class MyElement extends LitElement {
         --accent-border: rgba(170, 59, 255, 0.5);
         --social-bg: rgba(244, 243, 236, 0.5);
         --shadow:
-          rgba(0, 0, 0, 0.1) 0 10px 15px -3px,
-          rgba(0, 0, 0, 0.05) 0 4px 6px -2px;
+          rgba(0, 0, 0, 0.1) 0 10px 15px -3px, rgba(0, 0, 0, 0.05) 0 4px 6px -2px;
 
         --sans: system-ui, 'Segoe UI', Roboto, sans-serif;
         --heading: system-ui, 'Segoe UI', Roboto, sans-serif;
@@ -167,8 +166,7 @@ export class MyElement extends LitElement {
           --accent-border: rgba(192, 132, 252, 0.5);
           --social-bg: rgba(47, 48, 58, 0.5);
           --shadow:
-            rgba(0, 0, 0, 0.4) 0 10px 15px -3px,
-            rgba(0, 0, 0, 0.25) 0 4px 6px -2px;
+            rgba(0, 0, 0, 0.4) 0 10px 15px -3px, rgba(0, 0, 0, 0.25) 0 4px 6px -2px;
         }
 
         #social .button-icon {
@@ -263,17 +261,17 @@ export class MyElement extends LitElement {
         z-index: 1;
         top: 34px;
         height: 28px;
-        transform: perspective(2000px) rotateZ(300deg) rotateX(44deg)
-          rotateY(39deg) scale(1.4);
+        transform: perspective(2000px) rotateZ(300deg) rotateX(44deg) rotateY(39deg)
+          scale(1.4);
       }
 
       .hero .vite {
         z-index: 0;
         top: 107px;
         height: 26px;
         width: auto;
-        transform: perspective(2000px) rotateZ(300deg) rotateX(40deg)
-          rotateY(39deg) scale(0.8);
+        transform: perspective(2000px) rotateZ(300deg) rotateX(40deg) rotateY(39deg)
+          scale(0.8);
       }
 
       #center {

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml