Matriz colorida no Livewire

[Frank K Hosaka]

É possível gravar numa célula da matriz a informação com a sua formatação (lá no Blade você usa a diretriz {!! ... !!} para recuperar a informação já formatada), o problema é quando você precisar trabalhar só com a informação; assim, a minha sugestão é trabalhar com duas células, uma com a informação e a outra com a formatação correspondente, assim:

arquivo app > Livewire > Teste.php
<?php
namespace App\Livewire;
use Livewire\Component;

class Teste extends Component {

    public $previa=[];

    function mount() {
        $dado=dec(12);
        $this->previa[]=['codigo'=>$dado,'cor1'=>null];
        $this->previa[]=['codigo'=>$dado,'cor1'=>null];
        $this->previa[]=['codigo'=>$dado,'cor1'=>'text-red-500'];
    }

    function mudarCor($indicador){
        $cor=$this->previa[$indicador]['cor1'];
        if($cor==null) {
            $this->previa[$indicador]['cor1']="text-red-500";
        } else {
            $this->previa[$indicador]['cor1']=null;
        }
    }
}

arquivo teste.blade.php
<div>
    @foreach($previa as $key => $p)
        <div class="{{$p['cor1']}}" wire:click="mudarCor({{$key}})">
            {{$p['codigo']}}
        </div>
    @endforeach
</div>