VueJS - пользовательское событие не работает, когда я использую $ emit

Question

У меня есть следующий код компонента:

<template>
    <div>
        ...
        <div
            @click="runSomeMethod()"
        >
            Click Me
        </div>
    </div>
</template>

<script>
export default {
    methods: {
        runSomeMethod: function() {
            this.$emit('searching');
        }
    }

}
</script>

И затем у меня есть следующая страница:

<template>
    <div>
        <Form @searching="doSearching()" />
    </div>
</template>

<script>
import Form from "./HomeComponents/Form";

export default {
    components: {
        Form
    },
    methods: {
        doSearching: function () {
            alert('Hello');
        }
    }
}
</script>

И когда я делаю щелчок внутри первого компонента, событие срабатывает, и я вижу это в моей консоли Vue так:

Но метод doSearching не выполняется. Вы видите, я делаю что-то не так? Вы видите какую-либо ошибку? Есть идеи, как заставить это работать?