add hover option on nav link for livewire navigate

.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>

resources/views/components/nav/menu-item.blade.php

@@ -1,13 +1,20 @@
 @props([
     'label' => '',
     'link' => null,
-    'useNavigate' => true
+    'useNavigate' => true,
+    'hover' => false,
 ])
 
 <li>
     <a
-        class="whitespace-nowrap"
+            class="whitespace-nowrap"
-        @if($link) href="{{ $link }}" @endif
+            @if($link) href="{{ $link }}" @endif
-        @if($useNavigate) wire:navigate @endif
+            @if($useNavigate)
+                @if($hover)
+                    wire:navigate.hover
+            @else
+                wire:navigate
+            @endif
+            @endif
     >{{ $label }}</a>
 </li>