Is this good code inertia?

Hello guys, I made a custom search system that filters based on two multiselects and an input text. for each I made a custom component, and to make sure that the search takes all parameters in the request i send props from each child to another child, it seems quite messy, I am sure tehere is a better way?

Help!

How it works.

Child Makes Request -> Emits result to parent -> parent sends results to other child

            <div class="row mb-4">
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 mb-3" style="position: relative">
                    <SearchTemplate :dealTypesFilter="dealTypesFilter" :mavenTypesFilter="mavenTypesFilter" @keyword="setKeyWord" @keyup="handleFilters" />
                </div>
            </div>
            <div class="row">
                <div class=" d-none d-lg-block col-lg-5">
                    <DealTypeFilter :keyWordFilter="keyWordFilter" :mavenTypesFilter="mavenTypesFilter" @dealTypes="setDealTypes" @change="handleFilters"/>
                </div>
                <div class=" d-none d-lg-block col-lg-5">
                    <MavenTypeFilter  :keyWordFilter="keyWordFilter" :dealTypesFilter="dealTypesFilter" @mavenTypes="setMavenTypes" @change="handleFilters"/>
                </div>
                <div class="col-xs-12 col-sm-4 col-md-3 col-lg-2 mb-3">
                    <a type="button" class="button primary" href="#demo-modal">
                        <span class="mr-3"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-filter" viewBox="0 0 16 16"> <path d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/> </svg></span>
                        <span class="pt-3 pb-3">Add More Filters</span>
                    </a>  
                </div>
            </div>