-
-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'master' of github.com:LeanAdmin/wire-replace
- Loading branch information
Showing
1 changed file
with
4 additions
and
4 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -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> | ||
|
@@ -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: | ||
|
@@ -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 | ||
|