Snippet to console log when Livewire components are initialized with their data

snippet.js

{{-- Drop this under @livewireScripts in your layout --}}
@if (app()->environment() == 'local')
    <script>
        document.addEventListener("livewire:init", function(event) {
            Livewire.hook('component.init', ({ component, cleanup }) => {
                console.log("%cComponent: " + component.name, "font-weight:bold");
                console.log(component.snapshot.data);
            });
        });
    </script>
@endif