Skip to content

Commit

Permalink
Merge pull request livewire#371 from livewire/jlb/2.x-blade-highlighting
Browse files Browse the repository at this point in the history
[2.x] Fix some Blade highlighting
  • Loading branch information
calebporzio authored Sep 2, 2021
2 parents 09777a6 + 0f30afa commit 054ba68
Show file tree
Hide file tree
Showing 2 changed files with 4 additions and 4 deletions.
6 changes: 3 additions & 3 deletions loading-states.blade.php
Original file line number Diff line number Diff line change
Expand Up @@ -19,13 +19,13 @@

If you want to avoid flickering because loading is very fast, you can add the `.delay` modifier, and it will only show up if loading takes longer than `200ms`.

@component('components.code', ['lang' => 'html'])
@component('components.code', ['lang' => 'blade'])
<div wire:loading.delay>...</div>
@endcomponent

By default, Livewire set's a loading element's "display" CSS property to "inline-block". If you want Livewire to use "flex" or "grid", you can use the following modifiers.

@component('components.code', ['lang' => 'html'])
@component('components.code', ['lang' => 'blade'])
<div wire:loading.block>...</div>
<div wire:loading.flex>...</div>
<div wire:loading.grid>...</div>
Expand Down Expand Up @@ -65,7 +65,7 @@
`wire:target` can accept multiple arguments in a comma separated format like this: `wire:target="foo, bar"`.

You may also target actions with specific parameters.
@component('components.code', ['lang' => 'html'])
@component('components.code', ['lang' => 'blade'])
<div>
<button wire:click="update('bob')">Update</button>

Expand Down
2 changes: 1 addition & 1 deletion quickstart.blade.php
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@

Include the JavaScript (on every page that will be using Livewire).

@component('components.code', ['lang' => 'html'])
@component('components.code', ['lang' => 'blade'])
@verbatim
...
@livewireStyles
Expand Down

0 comments on commit 054ba68

Please sign in to comment.