Vue 개발자 도구가 변경사항이 있나요?

vue3 event emit 부분에서 동일한 코드로 작성했는데

갱신버튼을 눌러도 Vue 개발자도구에서 event가 발생됐다는 refresh log가 뜨질 않습니다. 실행자체는 되는 걸 확인했는데 log가 보이지 않는 이유가 뭔가요?

아래는 전체 코드입니다.

<!--HTML-->
<div id="app">
    <app-contents></app-contents>
</div>


<!--JavaScript-->
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script>
    var appContents= {
        template: `
        
        <p>
            <button v-on:click="sendEvent">갱신</button>
        </p>
        
        `,
        methods :{
            sendEvent(){
               
                this.$emit('refresh')
            }
        }
    }

    Vue.createApp({
        components: {
            //'컴포넌트 이름' : 컴포넌트 내용
            'app-contents': appContents
        }
    }).mount('#app');

</script>