modified: resources/views/components/simple-home.blade.php

modified:   vite.config.js

app/Livewire/SimpleHome.php

@@ -6,15 +6,15 @@
 
 class SimpleHome extends Component
 {
-    public $message = "Hello World!";
+  public $message = "Hello World!";
 
-    public function changeMessage()
-    {
-        $this->message = "Livewire is working!";
-    }
+  public function changeMessage()
+  {
+    $this->message = "Livewire is working! Now hello matin gav khobi?";
+  }
 
-    public function render()
-    {
-        return view('components.simple-home');
-    }
+  public function render()
+  {
+    return view('components.simple-home');
+  }
 }

resources/views/components/simple-home.blade.php

@@ -1,14 +1,10 @@
 <div class="p-8">
-    <h1 class="text-3xl font-bold text-blue-600">Simple Test</h1>
-
-    <p class="mt-4 text-lg">{{ $message }}</p>
-
-    <button wire:click="changeMessage"
-            class="mt-4 bg-blue-500 text-white px-4 py-2 rounded">
-        Click to Test
-    </button>
-
-    <p class="mt-6 text-gray-600">
-        If this changes when clicked, Livewire works!
-    </p>
+  <h1 class="text-3xl font-bold text-blue-600">Simple Test</h1>
+  <p class="mt-4 text-lg">{{ $message }}</p>
+  <button wire:click="changeMessage" class="mt-4 bg-blue-500 text-white px-4 py-2 rounded">
+    Click to Test
+  </button>
+  <p class="mt-6 text-gray-600">
+    amine gavvvvvvvvvvvv
+  </p>
 </div>

vite.config.js

@@ -3,16 +3,23 @@ import laravel from 'laravel-vite-plugin';
 import tailwindcss from '@tailwindcss/vite';
 
 export default defineConfig({
-    plugins: [
-        laravel({
-            input: ['resources/css/app.css', 'resources/js/app.js'],
-            refresh: true,
-        }),
-        tailwindcss(),
-    ],
-    server: {
-        watch: {
-            ignored: ['**/storage/framework/views/**'],
-        },
+  plugins: [
+    laravel({
+      input: ['resources/css/app.css', 'resources/js/app.js'],
+      refresh: true,
+    }),
+    tailwindcss(),
+  ],
+  server: {
+    host: '192.168.1.21',
+    port: 5173,
+    strictPort: true,
+    cors: true,
+    watch: {
+      ignored: ['**/storage/framework/views/**'],
     },
+    hmr: {
+      host: '192.168.1.21',
+    }
+  },
 });