Componentes globales en Vue 3

Cargar componentes globales en Vue 3 no difiere mucho a como lo hacíamos en Vue 2, aquí vemos un ejemplo completo y la comparativa con su predecesor.

En Vue 2 para cargar componentes globales debemos importar Vue y utilizar Vue.use con el nombre del componente y el propio componente, algo así.

import Vue from 'vue'
import MyComponent from '@/components/MyComponent'

Vue.use('my-component', MyComponent)

Este sería un proceso manual, si queremos registrar componentes de forma automática lo podemos hacer así.

En Vue 3 realizar esta misma tarea es algo diferente, pero no demasiado, veamos un ejemplo.

import { createApp } from 'vue'
import App from './App.vue'
import MyComponent from '@/components/MyComponent'

const app = createApp(App)

app
  .component('my-component', MyComponent)

app
  .use(router)
  .mount('#app')