# Using Livewire with WordPress
With the release of Acorn v4 came the final implementations needed for [Livewire](https://livewire.laravel.com/) support alongside your Acorn-powered WordPress themes and plugins.
In this guide, we will walk through installing Livewire and using a component in a [Sage 11](https://roots.io/sage/) theme.
## Installing Livewire
Start by installing Livewire alongside where you installed Acorn:
```bash
$ composer require livewire/livewire
```
Once installed, Livewire requires you have an `APP_KEY` set in your environment. You can generate this using Acorn's CLI:
```bash
$ wp acorn key:generate
```
## Enqueueing Livewire
Adding the Livewire styles and scripts can be done using the `@livewireStyles` and `@livewireScripts` directives.
This can be done by [manually inserting](https://livewire.laravel.com/docs/installation#manually-including-livewires-frontend-assets) them inside of `resources/views/layouts/app.blade.php`:
```blade
...
@livewireStyles
...
@livewireScripts
```
## Update Acorn's configuration
Find where `Application::configure` is used in your setup. On a Sage theme, this would be `functions.php`. On a Radicle setup, this would be in `mu-plugins/00-acorn-boot.php`.
Add `->withRouting(wordpress: true)`:
```diff
Application::configure()
->withProviders([
App\Providers\ThemeServiceProvider::class,
])
+ ->withRouting(wordpress: true)
->boot();
```
See [Advanced booting](/acorn/docs/installation/#advanced-booting) for more examples.
## Creating a Component
For this example, we will create a simple searchable **Post List** component. Start by generating the component using Acorn's CLI:
```sh
$ wp acorn make:livewire PostList
```
Inside of `app/Livewire/PostList.php`, we can create a `$query` property to hold our search term and perform a simple `get_posts()` with the query if it is not empty:
```php
query ? get_posts([
'post_type' => 'post',
'post_status' => 'publish',
's' => $this->query,
]) : [];
$posts = collect($posts);
return view('livewire.post-list', compact('posts'));
}
}
```
In `resources/views/livewire/post-list.blade.php`, we can add some simple markup consisting of an `` for the search `$query` and a loop of any found posts:
```php
@if ($query)
@if ($posts)
Found {{ $posts->count() }} result(s) for "{{ $query }}"
```
Once done, you can add the Livewire component into one of your existing Blade views/templates:
```php
```
To learn more about Livewire, head over to the official [Livewire Documentation](https://livewire.laravel.com/docs/quickstart).