fix: more wire:navigate

resources/views/livewire/storage/index.blade.php

@@ -11,7 +11,7 @@
     <div class="subtitle">S3 storages for backups.</div>
     <div class="grid gap-2 lg:grid-cols-2">
         @forelse ($s3 as $storage)
-            <div x-data x-on:click="goto('{{ $storage->uuid }}')" @class(['gap-2 border cursor-pointer box group border-transparent'])>
+            <a href="/storages/{{ $storage->uuid }}" wire:navigate @class(['gap-2 border cursor-pointer box group border-transparent'])>
                 <div class="flex flex-col mx-6">
                     <div class="box-title">
                         {{ $storage->name }}
@@ -23,16 +23,11 @@
                         <div class="text-red-500">Not Usable</div>
                     @endif
                 </div>
-            </div>
+            </a>
         @empty
             <div>
                 <div>No storage found.</div>
             </div>
         @endforelse
     </div>
-    <script>
-        function goto(uuid) {
-            window.location.href = '/storages/' + uuid;
-        }
-    </script>
 </div>