La misma galería en Vue

TODO i18n: Traducción completa pendiente. Título y descripción localizados; el cuerpo permanece en portugués por ahora.

Vue 3 trata Custom Elements de forma amigável: tags com hífen passam para o DOM.

Ideia

<script src="https://unpkg.com/vue@3/dist/vue.global.prod.js"></script>
<div id="app"></div>

const { createApp } = Vue;
createApp({
  template: `
    <image-gallery columns="2">
      <img src="..." alt="A" />
    </image-gallery>
  `
}).mount('#app');

Em apps Vite reais, importe o CE e use no SFC; configure compilerOptions.isCustomElement se precisar.

O exemplo Galeria no Vue mostra o CE da lição 3 hospedado pelo Vue.