Skip to content

Commit

Permalink
Merge branch 'master' of github.com:LeanAdmin/wire-replace
Browse files Browse the repository at this point in the history
  • Loading branch information
stancl committed Dec 30, 2020
2 parents afd45c7 + ec2ca8b commit 7768c09
Showing 1 changed file with 4 additions and 4 deletions.
8 changes: 4 additions & 4 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -24,12 +24,12 @@ But:
- it's ugly
- it won't work in situations where you display template that you don't have control over (translated templates, rich text added by users, ...)

A better solution is to have a directive that tells Livewire to **always** replace the element. Sort of like an opposite to `wire:ignore`.

## Usage

This package adds two extremely simple directives: `wire:replace` and `wire:replace.self`. Simply use them on elements that you want fully replaced.

You can think if this directive as the opposite of `wire:ignore`. `wire:ignore` tells Livewire to **never** replace the element, and `wire:replace` tells Livewire to **always** replace the elemenet.

To tell Livewire that the element's children should always be replaced:
```html
<div wire:replace>
Expand All @@ -51,7 +51,7 @@ To tell Livewire that **the element itself plus its children** should always be
### npm dependency
Install the package:
```
npm install --dev leanadmin@wire-replace
npm install --dev @leanadmin/wire-replace
```

Register the directive in your `app.js` file:
Expand All @@ -68,7 +68,7 @@ Simply include the JS file in your layout (**after Livewire's scripts**) and the
```html
@livewireScripts

<script src="https://unpkg.com/@leanadmin/[email protected].0/"></script>
<script src="https://unpkg.com/@leanadmin/[email protected].2/dist/wire_replace.js"></script>
```

## Performance
Expand Down

0 comments on commit 7768c09

Please sign in to comment.