build(site): Use Prettier to format JavaScript

This change updates the build configuration for the OpenDC website to
use Prettier to format the JavaScript files for that module.

3 files changed, 32 insertions, 3 deletions

diff --git a/site/.prettierrc.yaml b/site/.prettierrc.yaml
new file mode 100644
index 00000000..9a2b9a95
--- /dev/null
+++ b/site/.prettierrc.yaml
@@ -0,0 +1,5 @@
+trailingComma: "es5"
+tabWidth: 4
+semi: false
+singleQuote: true
+printWidth: 120
diff --git a/site/package-lock.json b/site/package-lock.json
index 4df5e62b..4528d55b 100644
--- a/site/package-lock.json
+++ b/site/package-lock.json
@@ -17,7 +17,8 @@
         "react-dom": "^17.0.2"
       },
       "devDependencies": {
-        "@docusaurus/module-type-aliases": "^2.1.0"
+        "@docusaurus/module-type-aliases": "^2.1.0",
+        "prettier": "^2.7.1"
       },
       "engines": {
         "node": ">=16.14"
@@ -9003,6 +9004,21 @@
         "node": ">=4"
       }
     },
+    "node_modules/prettier": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.7.1.tgz",
+      "integrity": "sha512-ujppO+MkdPqoVINuDFDRLClm7D78qbDt0/NR+wp5FqEZOoTNAjPHWj17QRhu7geIHJfcNhRk1XVQmF8Bp3ye+g==",
+      "dev": true,
+      "bin": {
+        "prettier": "bin-prettier.js"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
     "node_modules/pretty-error": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/pretty-error/-/pretty-error-4.0.0.tgz",
@@ -18778,6 +18794,12 @@
       "resolved": "https://registry.npmjs.org/prepend-http/-/prepend-http-2.0.0.tgz",
       "integrity": "sha512-ravE6m9Atw9Z/jjttRUZ+clIXogdghyZAuWJ3qEzjT+jI/dL1ifAqhZeC5VHzQp1MSt1+jxKkFNemj/iO7tVUA=="
     },
+    "prettier": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.7.1.tgz",
+      "integrity": "sha512-ujppO+MkdPqoVINuDFDRLClm7D78qbDt0/NR+wp5FqEZOoTNAjPHWj17QRhu7geIHJfcNhRk1XVQmF8Bp3ye+g==",
+      "dev": true
+    },
     "pretty-error": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/pretty-error/-/pretty-error-4.0.0.tgz",
diff --git a/site/package.json b/site/package.json
index f2b317b2..9075f170 100644
--- a/site/package.json
+++ b/site/package.json
@@ -11,7 +11,8 @@
     "clear": "docusaurus clear",
     "serve": "docusaurus serve",
     "write-translations": "docusaurus write-translations",
-    "write-heading-ids": "docusaurus write-heading-ids"
+    "write-heading-ids": "docusaurus write-heading-ids",
+    "format": "prettier --write src"
   },
   "dependencies": {
     "@docusaurus/core": "^2.1.0",
@@ -23,7 +24,8 @@
     "react-dom": "^17.0.2"
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "^2.1.0"
+    "@docusaurus/module-type-aliases": "^2.1.0",
+    "prettier": "^2.7.1"
   },
   "browserslist": {
     "production": [