File: frontend/js/paginas/evento.js

import { Carousel } from '../componentes/carousel.js';
export const Evento = {
    components: {
        Carousel
    },
    template: `
        <section>
            <h1>Eventos</h1>
            <Carousel />
            <ul>
                <li v-for="evento in eventos" :key="evento.id">
                    <router-link :to="'/evento/' + evento.id">{{ evento.titulo }}</router-link>
                </li>
            </ul>
        </section>
    `,
    data() {
        return {
            eventos: []
        };
    },
    inject: ['urlBase'],
    created() {
        fetch(`${this.urlBase}eventos`)
            .then(response => response.json())
            .then(data => this.eventos = data);
    }
    
};