[Vuejs]-Passing a custom event in a Laravel Blade View

When using VueJS you can’t use kebab case for listening to component events. Instead your blade template should read:

<div id="app">
     <Shop
        :active-tab="activeTab"
        @showProductModal="handleShowProductModal"
     >
     </Shop>

</div>