- prettier formatting

- npm updates
- new SearchMap.vue component

resources/js/Components/Admin/MenuItemList.vue

@@ -1,11 +1,8 @@
 <script setup>
-import { Link } from "@inertiajs/vue3"
-import BaseButton from "@/Components/BaseButton.vue"
-import BaseButtons from "@/Components/BaseButtons.vue"
-import {
-    mdiSquareEditOutline,
-    mdiTrashCan,
-} from "@mdi/js"
+import { Link } from '@inertiajs/vue3';
+import BaseButton from '@/Components/BaseButton.vue';
+import BaseButtons from '@/Components/BaseButtons.vue';
+import { mdiSquareEditOutline, mdiTrashCan } from '@mdi/js';
 
 const props = defineProps({
     item: {
@@ -22,9 +19,9 @@ const props = defineProps({
     },
     level: {
         type: Number,
-        default: 0
+        default: 0,
     },
-})
+});
 </script>
 
 <template>
@@ -40,8 +37,13 @@ const props = defineProps({
         </td>
         <td v-if="can.edit || can.delete" class="before:hidden lg:w-1 whitespace-nowrap">
             <BaseButtons type="justify-start lg:justify-end" no-wrap>
-                <BaseButton v-if="can.edit" :route-name="route('menu.item.edit', { menu: menu.id, item: item.id })"
-                    color="info" :icon="mdiSquareEditOutline" small />
+                <BaseButton
+                    v-if="can.edit"
+                    :route-name="route('menu.item.edit', { menu: menu.id, item: item.id })"
+                    color="info"
+                    :icon="mdiSquareEditOutline"
+                    small
+                />
                 <BaseButton v-if="can.delete" color="danger" :icon="mdiTrashCan" small @click="destroy(item.id)" />
             </BaseButtons>
         </td>
@@ -49,4 +51,4 @@ const props = defineProps({
     <template v-for="item in item.children">
         <MenuItemList :item="item" :menu="menu" :can="can" :level="level + 1" />
     </template>
-</template>
+</template>