[Vuejs]-Problem with onclick event in parent & child component

add the stop modifier to the cog click event like so

@click.stop="toggleSettings"

It’s how you do event.stopPropagation() in Vue.js