Getting it together.

package.json

@@ -2,28 +2,31 @@
   "private": true,
   "type": "module",
   "scripts": {
-      "dev": "vite",
-      "build": "vite build && vite build --ssr && vite build && vite build --ssr --ssr"
+    "dev": "vite",
+    "build": "vite build && vite build --ssr && vite build && vite build --ssr --ssr"
   },
   "devDependencies": {
-      "@inertiajs/vue3": "^1.0.0",
-      "@tailwindcss/forms": "^0.5.2",
-      "@tailwindcss/typography": "^0.5.2",
-      "@vitejs/plugin-vue": "^4.0.0",
-      "@vue/server-renderer": "^3.2.31",
-      "autoprefixer": "^10.4.7",
-      "axios": "^1.1.2",
-      "laravel-vite-plugin": "^0.7.5",
-      "postcss": "^8.4.14",
-      "tailwindcss": "^3.1.0",
-      "vite": "^4.0.0",
-      "vue": "^3.2.31"
+    "@inertiajs/vue3": "^1.0.0",
+    "@prettier/plugin-php": "^0.22.1",
+    "@tailwindcss/forms": "^0.5.2",
+    "@tailwindcss/typography": "^0.5.2",
+    "@vitejs/plugin-vue": "^4.0.0",
+    "@vue/server-renderer": "^3.2.31",
+    "autoprefixer": "^10.4.7",
+    "axios": "^1.1.2",
+    "laravel-vite-plugin": "^0.7.5",
+    "postcss": "^8.4.14",
+    "prettier": "^3.1.1",
+    "prettier-plugin-tailwindcss": "^0.5.9",
+    "tailwindcss": "^3.1.0",
+    "vite": "^4.0.0",
+    "vue": "^3.2.31"
   },
   "dependencies": {
-      "@ably/laravel-echo": "^1.0.2",
-      "@headlessui/vue": "^1.7.16",
-      "@heroicons/vue": "^2.0.18",
-      "ably": "^1.2.40",
-      "dayjs": "^1.11.9"
+    "@ably/laravel-echo": "^1.0.2",
+    "@headlessui/vue": "^1.7.16",
+    "@heroicons/vue": "^2.0.18",
+    "ably": "^1.2.40",
+    "dayjs": "^1.11.9"
   }
 }