fire resolving event

[AbrahemAlhofe]

What problem is this solving

There are some functions I wana to do on my element after the promise has been resolved using Promise component

<template>
<Promised :promise="user">
     <div class="box">Hello {{ user.name }}</div>
</Promised>
</template>
<script>
export default {

    computed: {
        
        user () { return fetch("/users/me") }
    
    },

    mounted () {

        $(".box").style({ color: "red" })

    }

}
</script>

Proposed solution

we can make Promised component fires a resolve event after the promise has been resolved and the slot has been mounted

<template>
<Promised :promise="user" @resolved="color">
     <div class="box">Hello {{ user.name }}</div>
</Promised>
</template>
<script>
export default {

    computed: {
        
        user () { return fetch("/users/me") }
    
    },

    methods: {

        color () {

           $(".box").style({ color: "red" })

        }

    }

}
</script>

[posva]

Duplicate of #311

[posva]

Please, search existing issues and pull requests before opening issues, it saves maintainers a lot of time 🙏