Add native image option support (#175)

* add image option

* Update README.md

Author: yardsoul

README.md

@@ -407,6 +407,25 @@ public function changesSaved()
 }
 ```
 
+### Image
+
+You can use `imageUrl()`, `imageWidth()`, `imageHeight()`, and `imageAlt()` methods to define custom image into your alert.
+``` php
+LivewireAlert::imageUrl('/images/example.png');
+```
+
+``` php
+LivewireAlert::imageWidth(200);
+```
+
+``` php
+LivewireAlert::imageHeight(200);
+```
+
+``` php
+LivewireAlert::imageAlt('Simple Alt');
+```
+
 ### Options 
 
 The `withOptions()` method allows you to extend the alert’s configuration with any SweetAlert2-compatible options, giving you full control to customize its appearance, behavior, or functionality beyond the built-in methods. This is ideal for advanced use cases like adding inputs, modifying styles, or setting custom SweetAlert2 features.

src/Contracts/Alertable.php

@@ -52,6 +52,14 @@ public function cancelButtonColor(string $color): self;
 
     public function denyButtonColor(string $color): self;
 
+    public function imageUrl(string $url): self;
+
+    public function imageWidth(int $width): self;
+
+    public function imageHeight(int $height): self;
+
+    public function imageAlt(string $alt): self;
+
     public function asConfirm(): self;
 
     /**

src/Facades/LivewireAlert.php

@@ -29,6 +29,10 @@
  * @method static \Jantinnerezo\LivewireAlert\LivewireAlert confirmButtonColor(string $color)
  * @method static \Jantinnerezo\LivewireAlert\LivewireAlert cancelButtonColor(string $color)
  * @method static \Jantinnerezo\LivewireAlert\LivewireAlert denyButtonColor(string $color)
+ * @method static \Jantinnerezo\LivewireAlert\LivewireAlert imageUrl(string $url)
+ * @method static \Jantinnerezo\LivewireAlert\LivewireAlert imageWidth(int $width)
+ * @method static \Jantinnerezo\LivewireAlert\LivewireAlert imageHeight(int $height)
+ * @method static \Jantinnerezo\LivewireAlert\LivewireAlert imageAlt(string $alt)
  * @method static \Jantinnerezo\LivewireAlert\LivewireAlert asConfirm()
  * @method static \Jantinnerezo\LivewireAlert\LivewireAlert onConfirm(string $action, mixed $data = null)
  * @method static \Jantinnerezo\LivewireAlert\LivewireAlert onDeny(string $action, mixed $data = null)

src/LivewireAlert.php

@@ -228,6 +228,35 @@ public function denyButtonColor(string $color): self
         return $this;
     }
 
+    public function imageUrl(string $url): Alertable
+    {
+        $this->options[Enums\Option::ImageUrl->value] = $url;
+
+        return $this;
+    }
+
+    public function imageWidth(int $width): Alertable
+    {
+        $this->options[Enums\Option::ImageWidth->value] = $width;
+
+        return $this;
+    }
+
+    public function imageHeight(int $height): Alertable
+    {
+        $this->options[Enums\Option::ImageHeight->value] = $height;
+
+        return $this;
+    }
+
+    public function imageAlt(string $alt): Alertable
+    {
+        $this->options[Enums\Option::ImageAlt->value] = $alt;
+
+        return $this;
+    }
+
+
     public function asConfirm(): self
     {
         $this->question();

tests/LivewireAlertTest.php

@@ -579,4 +579,41 @@ protected function livewireAlert(): LivewireAlert
             Livewire::test(TestComponent::class)->instance()
         );
     }
+
+    #[Test]
+    public function it_sets_image_url_correctly():void
+    {
+        $imageUrl = 'https://picsum.photos/200/300';
+        $alert = $this->livewireAlert();
+        $alert->imageUrl($imageUrl);
+
+        $this->assertEquals($imageUrl, $alert->getOptions()['imageUrl']);
+    }
+
+    #[Test]
+    public function it_sets_image_width_correctly():void
+    {
+        $alert = $this->livewireAlert();
+        $alert->imageWidth(200);
+
+        $this->assertEquals(200, $alert->getOptions()['imageWidth']);
+    }
+
+    #[Test]
+    public function it_sets_image_height_correctly():void
+    {
+        $alert = $this->livewireAlert();
+        $alert->imageHeight(200);
+
+        $this->assertEquals(200, $alert->getOptions()['imageHeight']);
+    }
+
+    #[Test]
+    public function it_sets_image_alt_correctly():void
+    {
+        $alert = $this->livewireAlert();
+        $alert->imageAlt('Test Alt Text');
+
+        $this->assertEquals('Test Alt Text', $alert->getOptions()['imageAlt']);
+    }
 }