adrema/resources/js/layouts/_VLink.vue

<template>
    <i-link
        class="flex text-white py-2 px-3 rounded-lg hover:bg-gray-600"
        :method="method"
        v-on="$listeners"
        :href="href"
        :class="{'bg-gray-700': $page.props.menu == menu}"
    >
        <svg-sprite class="text-white w-6 h-6 mr-4" :src="icon"></svg-sprite>
        <span class="font-semibold">
            <slot></slot>
        </span>
    </i-link>
</template>

<script>
export default {
    props: {
        href: {},
        icon: {},
        menu: {},
        method: {
            default: 'GET',
        },
    },
};
</script>