chore: apply prettier formatting

Author: marcalexiei

.github/stale.yml

@@ -7,7 +7,7 @@ exemptLabels:
   - pinned
   - security
 # Label to use when marking an issue as stale
-staleLabel: 
+staleLabel:
 # Comment to post when marking an issue as stale. Set to `false` to disable
 markComment: >
   This issue has been automatically marked as stale because it has not had

.github/workflows/lock-issue.yml

@@ -1,9 +1,9 @@
-name: 'Lock Issues'
+name: "Lock Issues"
 
 on:
   workflow_dispatch:
   schedule:
-    - cron: '0 0,6,12,18 * * *'
+    - cron: "0 0,6,12,18 * * *"
 
 permissions:
   issues: write

.prettierignore

@@ -0,0 +1 @@
+pnpm-lock.yaml

.prettierrc

@@ -1,4 +1,5 @@
 {
+  "$schema": "https://json.schemastore.org/prettierrc",
   "endOfLine": "lf",
   "semi": false,
   "singleQuote": false,

CONTRIBUTING.md

@@ -12,25 +12,52 @@ Here is a quick guide to doing code contributions to the library.
 
 3. Install packages by running:
 
-   > yarn
+   ```shellscript
+   pnpm install
+   ```
 
 4. Startup a local version of the docs
 
-   > yarn start
+   ```shellscript
+   pnpm run dev
+   ```
 
 5. Ensure your code is formatted properly
 
-   > yarn format
+   ```shellscript
+   pnpm run format
+   ```
 
 6. Push your branch: `git push -u origin your-meaningful-branch-name`
 
 7. Submit a pull request to the upstream react-hook-form repository.
 
 8. Choose a descriptive title and describe your changes briefly.
 
+## Testing production build
+
+To test the documentation production site on your local machine,
+first execute the build script:
+
+```shellscript
+pnpm run build
+```
+
+Then start a local server which serves the file created by executing
+
+```shellscript
+pnpm run start
+```
+
 ## Coding style
 
-Please follow the coding style of the project. React Hook Form uses prettier. If possible, enable the prettier plugin in your editor to get real-time feedback. The formatting can be run manually with the following command: `yarn format`
+Please follow the coding style of the project.
+React Hook Form uses prettier.
+If possible, enable the prettier plugin in your editor to get real-time feedback. The formatting can be run manually with the following command:
+
+```shellscript
+pnpm run format:fix
+```
 
 ## License
 

package.json

@@ -46,7 +46,7 @@
     "eslint-plugin-react-hooks": "^4.6.0",
     "husky": "^8.0.3",
     "lint-staged": "^13.2.2",
-    "prettier": "^2.8.8",
+    "prettier": "^3.4.2",
     "typescript": "^5.1.3"
   },
   "keywords": [
@@ -58,16 +58,17 @@
     "analyze": "cross-env ANALYZE=true next build",
     "build": "next build",
     "dev": "next dev",
-    "format": "prettier --write",
+    "format": "prettier . --check",
+    "format:fix": "prettier . --write",
     "lint": "next lint --fix",
-    "now-build": "npm run build",
+    "now-build": "pnpm run build",
     "start": "next start",
     "typecheck": "tsc --noEmit",
     "prepare": "husky install"
   },
   "lint-staged": {
     "*.{ts,tsx,mdx,css,json}": [
-      "npm run format"
+      "pnpm run format:fix"
     ]
   }
 }