diff --git a/README.md b/README.md index 1b2ef52..9c79369 100644 --- a/README.md +++ b/README.md @@ -22,15 +22,25 @@ If you're using another configuration, you may wish to register the extension ma This package only provides a wrapper for the `@livewireScripts`, `@livewireStyles` & `@livewire` calls. Everything else under the hood is powered by `livewire/livewire`. You can register your Livewire components like normal. -## Example -In the head -```twig -{{ livewireStyles() }} +## Installation -{{ livewireScripts() }} +Add the following tags in the `head` tag, and before the end `body` tag in your template. + +```twig + +
+ ... + {{ livewireStyles() }} + + + ... + {{ livewireScripts() }} + + ``` -In the body +In your body you may include the component like: + ```twig {# The Twig version of '@livewire' #} {% livewire counter %} @@ -39,7 +49,9 @@ In the body {% livewire counter with {'count': 3} %} ``` -In resources/views/livewire/counter.twig +### Example + +Add the following to `resources/views/livewire/counter.twig` ```twig