add prettier

.prettierignore

@@ -0,0 +1 @@
+.next

.prettierrc.json

@@ -0,0 +1 @@
+{}

package.json

@@ -25,6 +25,8 @@
     "eslint": "8.23.0",
     "eslint-config-next": "12.2.5",
     "postcss": "^8.4.16",
+    "prettier": "^2.7.1",
+    "prettier-plugin-tailwindcss": "^0.1.13",
     "tailwindcss": "^3.1.8",
     "typescript": "4.8.2"
   }

pnpm-lock.yaml

@@ -13,6 +13,8 @@ specifiers:
   eslint-config-next: 12.2.5
   next: 12.2.5
   postcss: ^8.4.16
+  prettier: ^2.7.1
+  prettier-plugin-tailwindcss: ^0.1.13
   react: 18.2.0
   react-dom: 18.2.0
   tailwindcss: ^3.1.8
@@ -35,6 +37,8 @@ devDependencies:
   eslint: 8.23.0
   eslint-config-next: 12.2.5_yqf6kl63nyoq5megxukfnom5rm
   postcss: 8.4.16
+  prettier: 2.7.1
+  prettier-plugin-tailwindcss: 0.1.13_prettier@2.7.1
   tailwindcss: 3.1.8
   typescript: 4.8.2
 
@@ -2531,6 +2535,27 @@ packages:
     engines: { node: ">= 0.8.0" }
     dev: true
 
+  /prettier-plugin-tailwindcss/0.1.13_prettier@2.7.1:
+    resolution:
+      {
+        integrity: sha512-/EKQURUrxLu66CMUg4+1LwGdxnz8of7IDvrSLqEtDqhLH61SAlNNUSr90UTvZaemujgl3OH/VHg+fyGltrNixw==,
+      }
+    engines: { node: ">=12.17.0" }
+    peerDependencies:
+      prettier: ">=2.2.0"
+    dependencies:
+      prettier: 2.7.1
+    dev: true
+
+  /prettier/2.7.1:
+    resolution:
+      {
+        integrity: sha512-ujppO+MkdPqoVINuDFDRLClm7D78qbDt0/NR+wp5FqEZOoTNAjPHWj17QRhu7geIHJfcNhRk1XVQmF8Bp3ye+g==,
+      }
+    engines: { node: ">=10.13.0" }
+    hasBin: true
+    dev: true
+
   /prop-types/15.8.1:
     resolution:
       {

styles/globals.css

@@ -2,21 +2,20 @@
 @tailwind components;
 @tailwind utilities;
 
-
 @layer base {
   html {
-    font-family: "Inter", sans-serif
+    font-family: "Inter", sans-serif;
   }
   p {
-    @apply text-base
+    @apply text-base;
   }
   h2 {
-    @apply text-2xl font-semibold
+    @apply text-2xl font-semibold;
   }
   h1 {
-    @apply text-4xl font-bold
+    @apply text-4xl font-bold;
   }
   a {
-    @apply hover:underline font-semibold
+    @apply hover:underline font-semibold;
   }
 }