<template> <inertia-link class="flex text-white py-2 px-3 rounded-lg hover:bg-gray-600" :href="href" :class="{'bg-gray-700': $page.props.menu == menu}"> <sprite class="text-white w-6 h-6 mr-4" :src="icon"></sprite> <span class="font-semibold"> <slot></slot> </span> </inertia-link> </template> <script> export default { props: { href: {}, icon: {}, menu: {}, } }; </script>