<script setup>

import IndexComponent from "./IndexComponent.vue";

const parentLog = () => {

    console.log('this is parent component');

}

</script>

<template>

    <div >

        // parent component handle event from child component

        <index-component @log="parentLog" />

    </div>

</template>

<script setup>    

//define your events here

const emit = defineEmits(['log'])

function emitEvents() {

  // emit event from child component

  emit("log")

}

emitEvents()

    </script>

    <template>

        <div >

                <h1> Bla Bla <h1>

        </div>

    </template>