Registro automático de componentes en Vue

En aplicaciones medianas/grandes es más que posible que podamos tener componentes globales que no queremos estar llamando en cada sitio donde los tengamos que utilizar, un Input, un Button, un Alert etcétera. Además, es más que probable que tampoco queramos cargarlos todos en un único sitio y registrarlos haciendo uso de Vue.component ya que podemos quedarnos con un archivo realmente grande.

Para solucionar este problema, desde la versión 3 de Vue CLI podemos utilizar require.context y cargar todos nuestros componentes base con pocas líneas de código de forma óptima, sólo debemos utilizar el siguiente código en nuestro archivo main.js.

Puedes encontrar más información al respecto en la documentación de Vue.