Rerender Vue.js 3 Single File Component

I have Vue Single File Component on my page under <discussion-filter></discussion-filter> tag in discussion.blade.php wich renders from Laravel controller this way return View::make('discussions.discussions',['dto'=>$dto])->render(); during ajax request. Problem is that after ajax in this single file component i change inner html of <div id="discussion-wrapper"></div> (wich contains vue component) and my component desapears. How to re-render component? this.$forceUpdate() doesn’t helps.

here is my code. At first i render index.blade.php which include discussions.blade.php from a controller and it renders entire page with my app.js where i am registering and mounting component and its renders.

//discussions.blade.php
<div class="row">
    <div class="col-8">
        <div class="row">
            @foreach($dto->discussions as $discussion)
                <div class="col-6 mt-5 mb-5">
                    <x-discussioncard
                        title="{{$discussion->title}}"
                        username="{{$discussion->username}}"
                        date="{{$discussion->date}}"
                        slug="{{$discussion->slug}}"
                    ></x-discussioncard>
                </div>
            @endforeach
        </div>
    </div>
    <div class="col-4">
        <discussion-filter>
        </discussion-filter>
    </div>
</div>

//app.js
import {createApp} from 'vue/dist/vue.esm-bundler';
import SignupForm from './components/SignupForm.vue';
import LoginForm from './components/LoginForm.vue';
import DiscussionFilter from './components/DiscussionFilter.vue'

const app = createApp({});
app.component('signup-form',SignupForm);
app.component('login-form',LoginForm);
app.component('discussion-filter',DiscussionFilter);
app.mount('#app'); //#app goes from layouts/app.blade.php

Fragment of my DiscussionFilter.vue where i am sending ajax to another controller wich renders only discussions.blade.php

axios.get('/discussions/filter',{params:data})
     .then((response) => {
            $('#discussions-wrapper').html(response.data);
     }).catch((error) => console.log(error));

Problems is that template from controller renders my data in page but Vue component doesn’t renders. It seems i need something like re render or re mount. But how i can achieve this?