I am relatively new to livewire and I am working with livewire 3. Upon inspecting the page it seems livewire is printing this:
<div wire:snapshot="{"data":[],"memo":{"id":"V5Kw1G2pWh0MO2lLmnJz","name":"home","path":"home","method":"GET","children":[],"errors":[],"locale":"en"},"checksum":"1b6ba5185469ff0965ae3211ea15af316e047bc1d52aa7179973e3338ea08cc0"}" wire:effects="[]" wire:id="V5Kw1G2pWh0MO2lLmnJz">
<div class="text-5xl text-white">
Welcome Developer
</div>
</div>
I have following code in resources\views\components\layouts\app.blade.php
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta
name="viewport"
content="width=device-width, initial-scale=1"
>
<meta
name="csrf-token"
content="{{ csrf_token() }}"
>
<title>{{ config('app.name', 'Laravel') }}</title>
{{-- Fonts --}}
<link
href="https://fonts.bunny.net"
rel="preconnect"
>
<link
href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap"
rel="stylesheet"
/>
{{-- Scripts --}}
@livewireStyles
@vite(['resources/css/app.css', 'resources/js/app.js'])
</head>
<body class="bg-slate-900/90 font-sans antialiased">
{{-- Page Content --}}
{{ $slot }}
@stack('scripts')
@livewireScripts
</body>
</html>
I followed the installation guide from: https://livewire.laravel.com/docs/installation
Even when I remove the @livewireStyles and @livewireScripts it still shows the wire:snapshot on root div element. is this expected behaviour ? Is the wire:snapshot supposed to be printed ?