Update README.md

Author: titonova

README.md

@@ -1,64 +1,57 @@
 
 [<img src="https://github-ads.s3.eu-central-1.amazonaws.com/support-ukraine.svg?t=1" />](https://supportukrainenow.org)
 
-# A package that allows you to use livewire components the same way you would use blade components. Ie, giving it slots, atttributes etc
+# X-livewire
 
 [![Latest Version on Packagist](https://img.shields.io/packagist/v/titonova/x-livewire.svg?style=flat-square)](https://packagist.org/packages/titonova/x-livewire)
 [![GitHub Tests Action Status](https://img.shields.io/github/workflow/status/titonova/x-livewire/run-tests?label=tests)](https://github.com/titonova/x-livewire/actions?query=workflow%3Arun-tests+branch%3Amain)
 [![GitHub Code Style Action Status](https://img.shields.io/github/workflow/status/titonova/x-livewire/Fix%20PHP%20code%20style%20issues?label=code%20style)](https://github.com/titonova/x-livewire/actions?query=workflow%3A"Fix+PHP+code+style+issues"+branch%3Amain)
 [![Total Downloads](https://img.shields.io/packagist/dt/titonova/x-livewire.svg?style=flat-square)](https://packagist.org/packages/titonova/x-livewire)
 
-This is where your description should go. Limit it to a paragraph or two. Consider adding a small example.
+This package allows you to render livewire components like a blade component, giving it attributes, slots etc.
 
-## Support us
+Assuming you wanted to create a livewire component, `alert`, usually you would render the component by: 
+`<livewire:alert/>`. However, there a few problems. 
+1. You can't allow slots within the component. That is, this is invalid: `<livewire:alert>Alert</livewire:alert>`.
+2. You can't access the `$attributes` bag. Thus, can't access the  `$attributes` variable directly.
+ That is, if you do this:  `<livewire:alert title="Alert!"/>`, you can't access the `$title` attribute by `$attributes->get('title')`. Instead, you'd have to make `$title` a public property in the component. Not to mention, other methods  on `$attributes` are not accessible. Such as `->merge([])`, `->whereStartsWith()`, etc.
 
-[<img src="https://github-ads.s3.eu-central-1.amazonaws.com/x-livewire.jpg?t=1" width="419px" />](https://spatie.be/github-ad-click/x-livewire)
+The creator  of livewire, Caleb Porzio has made it clear that [adding slots, attributes etc are not currently on the roadmap](https://github.com/livewire/livewire/issues/68#issuecomment-599012420).
 
-We invest a lot of resources into creating [best in class open source packages](https://spatie.be/open-source). You can support us by [buying one of our paid products](https://spatie.be/open-source/support-us).
+That's why I created X-livewire.
 
-We highly appreciate you sending us a postcard from your hometown, mentioning which of our package(s) you are using. You'll find our address on [our contact page](https://spatie.be/about-us). We publish all received postcards on [our virtual postcard wall](https://spatie.be/open-source/postcards).
+With X-Livewire, you can do:
 
+        <x-livewire _="alert">
+            My alert message
+        </x-livewire>
+And, just like with Blade, you can:
+1. Access the `$attributes` variable:
+        `{{ $attributes->get('title') }}`,
+2. Access the `$slot` variable:
+        `{{ $slot }}`
 ## Installation
 
 You can install the package via composer:
 
-```bash
-composer require titonova/x-livewire
-```
-
-You can publish and run the migrations with:
-
-```bash
-php artisan vendor:publish --tag="x-livewire-migrations"
-php artisan migrate
-```
-
-You can publish the config file with:
-
-```bash
-php artisan vendor:publish --tag="x-livewire-config"
-```
-
-This is the contents of the published config file:
-
-```php
-return [
-];
-```
-
-Optionally, you can publish the views using
-
-```bash
-php artisan vendor:publish --tag="x-livewire-views"
-```
+    composer require titonova/x-livewire
 
 ## Usage
 
-```php
-$xLivewire = new Titonova\XLivewire();
-echo $xLivewire->echoPhrase('Hello, Titonova!');
-```
-
+1. After creating your livewire component, make it extend `XLivewireBaseComponent` rather than `Component`.
+ie: `class Alert extends XLivewireBaseComponent{`
+2. In the view file of the component, e.g `alert.blade.php` add `@setUpXLivewire` to the top of the file.
+3. When you want to render the component:
+        ```Blade
+        <x-livewire _="alert" title="Warning">
+            My alert message
+        </x-livewire>
+        ```
+4.  You can access the `$slot` and `$attributes` variables just like you would in a Blade component:
+    ```
+    {{ $slot }}
+    {{ $attributes->get('title') }}
+    ```
 ## Testing
 
 ```bash