assets

public/build/manifest.json

@@ -1,4 +1,9 @@
 {
+  "resources/css/app.css": {
+    "file": "assets/app-d8cd240f.css",
+    "isEntry": true,
+    "src": "resources/css/app.css"
+  },
   "resources/css/filament/admin/theme.css": {
     "file": "assets/theme-182befaf.css",
     "isEntry": true,

resources/css/app.css

@@ -0,0 +1,9 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+    [x-cloak] {
+        display: none !important;
+    }
+}

tailwind.config.js

@@ -0,0 +1,29 @@
+import defaultTheme from 'tailwindcss/defaultTheme';
+import forms from '@tailwindcss/forms';
+import presets from './vendor/filament/support/tailwind.config.preset';
+import typography from '@tailwindcss/typography';
+
+/** @type {import('tailwindcss').Config} */
+export default {
+    presets: [presets],
+
+    content: [
+        './resources/views/**/*.blade.php',
+        './storage/framework/views/*.php',
+    ],
+
+    darkMode: 'class',
+
+    theme: {
+        extend: {
+            fontFamily: {
+                sans: ['Inter', ...defaultTheme.fontFamily.sans],
+            },
+        },
+    },
+
+    plugins: [
+        forms,
+        typography,
+    ],
+}

vite.config.js

@@ -1,13 +1,22 @@
 import { defineConfig } from 'vite';
-import laravel from 'laravel-vite-plugin';
+import laravel, { refreshPaths } from 'laravel-vite-plugin';
 
 export default defineConfig({
     plugins: [
         laravel({
             input: [
+                'resources/css/app.css',
                 'resources/css/filament/admin/theme.css',
             ],
-            refresh: true,
+            refresh: [
+                ...refreshPaths,
+                'app/Livewire/**',
+            ],
         }),
     ],
+    server: {
+        hmr: {
+            host: 'localhost',
+        },
+    },
 });