¿Es posible crear un complemento Vue para un componente inteligente contra un componente tonto y empaquetarlo para npm?

Aquí hay un ejemplo de un componente inteligente, que usa un BaseButton de componente tonto.

 <template> <div class="increment-button" v-on:click="increment"> <base-button>{{ number }} Increment</base-button> </div> </template> <script> // Base Button is dumb const BaseButton = { template: `<button><slot></slot></button>` } // Increment Button is smart export default { name: 'IncrementButton', components: { BaseButton }, data () { return { number: 0 } }, methods: { increment () { this.number++ } } } </script>

Cuando instalo mi complemento de Vue y creo una instancia de mi componente inteligente, Vue no reconoce <base-button> como un componente de Vue y lo procesa, aunque lo estoy registrando globalmente en el método de instalación.

¿Puede alguien guiarme en la dirección correcta?

Mejor, Bilal