Options were crashing Alpine when not properly escaped and also when …

…options were null. This change uses the Builder to manage null options and provide a fallback. It also uses a normal blade variable instead of an unguarded variable so the value is properly escaped.

src/Builder.php

@@ -168,7 +168,12 @@ public function render()
         $inLivewire = $chart['inLivewire'] ?? (class_exists('Livewire\\Livewire') ? \Livewire\Livewire::isLivewireRequest() : false);
         $view = ($inLivewire ? 'laravelchartjs::chart-template-livewire' : 'laravelchartjs::chart-template');
 
-        $options = $chart['optionsRaw'] ?? json_encode($chart['options']);
+        $optionsFallback = "{}";
+
+        $optionsSimple = $chart['options'] ? json_encode($chart['options'], true) : null;
+
+        $options = $chart['optionsRaw'] ?? $optionsSimple ?? $optionsFallback;
+
 
         return view($view)->with([
             'datasets' => json_encode($chart['datasets']),

src/resources/views/chart-template-livewire.blade.php

@@ -1,6 +1,6 @@
 <div>
     <div
-        x-data="chart(@js($this->{$model}), {!! $options  !!})"
+        x-data="chart(@js($this->{$model}), {{ $options }} )"
         wire:loading.class="opacity-50"
     >
         <canvas width="@js($size['width'])" height="@js($size['height'])" wire:ignore></canvas>