[Vuejs]-Vue.js $emit arguments not rendering a dynamic component?

The ButtonSidebar emits an addCodeBlock event but here

<ButtonSidebar @add="addPageBlock"/>

The parent is listening for an add event.

Try changing it like so:

<ButtonSidebar @addCodeBlock="addPageBlock"/>