Close Navigation after click to a <Link>

<template>
    <header class="header header--static" :class="{ 'header--menu': toggleMenu }">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="header__content">
                        <button @click="toggleMenu = !toggleMenu">
                            <span></span>
                            <span></span>
                            <span></span>
                        </button>

                        <Link href="/" class="header__logo">
                            <img src="/frontend/img/logo.svg">

                        </Link>

                        <ul class="header__nav" :class="{ 'header__nav--active': toggleMenu }">
                            <li class="header__nav-item">
                                <Link class="header__nav-link" href="/">Trang chủ</Link>
                            </li>
                            <li class="header__nav-item">
                                <Link class="header__nav-link" href="/contact">Liên hệ</Link>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </header>
</template>

<script>
import {Link, usePage} from '@inertiajs/inertia-vue3'

export default {
    components: {Link},
    data() {
        return {
            toggleMenu: false,
        }
    },
}
</script>

I want to set toggleMenu to false if click to a <Link>

@datlechin you can use one of the hooks such as onStart onFinish etc to do something whenever the Link's work is beginning/ending

@tykus that perfect, thanks

@datlechin is you're all set, please mark the thread closed