build(oxfmt): migrate prettier to oxfmt (#1203)

Author: chimurai

.devcontainer/devcontainer.json

@@ -21,7 +21,7 @@
         "dbaeumer.vscode-eslint",
         "eamodio.gitlens",
         "EditorConfig.EditorConfig",
-        "esbenp.prettier-vscode",
+        "oxc.oxc-vscode",
         "firsttris.vscode-jest-runner",
         "pkief.material-icon-theme",
         "streetsidesoftware.code-spell-checker",

.lintstagedrc

@@ -1,4 +1,4 @@
 {
-  "**/*.{js,ts,mjs,mts,md,yml,json,html}": "prettier --write",
+  "**/*.{js,ts,mjs,mts,md,yml,json,html}": "oxfmt --write",
   "**/*.{js,ts,mjs,mts}": "eslint --cache --fix"
 }

.oxfmtrc.json

@@ -0,0 +1,10 @@
+{
+  "$schema": "./node_modules/oxfmt/configuration_schema.json",
+  "printWidth": 100,
+  "tabWidth": 2,
+  "semi": true,
+  "singleQuote": true,
+  "sortImports": true,
+  "sortPackageJson": true,
+  "ignorePatterns": ["dist", "coverage"]
+}

.prettierignore

@@ -4,7 +4,7 @@
     "dbaeumer.vscode-eslint",
     "eamodio.gitlens",
     "EditorConfig.EditorConfig",
-    "esbenp.prettier-vscode",
+    "oxc.oxc-vscode",
     "streetsidesoftware.code-spell-checker",
     "yzhang.markdown-all-in-one"
   ]

.prettierrc

@@ -3,7 +3,7 @@
   "editor.codeActionsOnSave": {
     "source.fixAll.eslint": "explicit"
   },
-  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.defaultFormatter": "oxc.oxc-vscode",
   "editor.formatOnSave": true,
   "js/ts.tsdk.path": "node_modules/typescript/lib",
   "markdown.extension.toc.levels": "2..3"

.vscode/extensions.json

@@ -41,6 +41,7 @@
     "nextjs",
     "Nodejitsu",
     "ntlm",
+    "oxfmt",
     "pino",
     "proxied",
     "proxying",

.vscode/settings.json

@@ -1,20 +1,21 @@
-import type { Metadata } from "next";
-import { Geist, Geist_Mono } from "next/font/google";
-import "./globals.css";
+import type { Metadata } from 'next';
+import { Geist, Geist_Mono } from 'next/font/google';
+
+import './globals.css';
 
 const geistSans = Geist({
-  variable: "--font-geist-sans",
-  subsets: ["latin"],
+  variable: '--font-geist-sans',
+  subsets: ['latin'],
 });
 
 const geistMono = Geist_Mono({
-  variable: "--font-geist-mono",
-  subsets: ["latin"],
+  variable: '--font-geist-mono',
+  subsets: ['latin'],
 });
 
 export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
+  title: 'Create Next App',
+  description: 'Generated by create next app',
 };
 
 export default function RootLayout({

cspell.json

@@ -1,5 +1,6 @@
-import Image from "next/image";
-import styles from "./page.module.css";
+import Image from 'next/image';
+
+import styles from './page.module.css';
 
 export default function Home() {
   return (
@@ -16,22 +17,22 @@ export default function Home() {
         <div className={styles.intro}>
           <h1>To get started, edit the page.tsx file.</h1>
           <p>
-            Looking for a starting point or more instructions? Head over to{" "}
+            Looking for a starting point or more instructions? Head over to{' '}
             <a
               href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
               target="_blank"
               rel="noopener noreferrer"
             >
               Templates
-            </a>{" "}
-            or the{" "}
+            </a>{' '}
+            or the{' '}
             <a
               href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
               target="_blank"
               rel="noopener noreferrer"
             >
               Learning
-            </a>{" "}
+            </a>{' '}
             center.
           </p>
         </div>