Any idea about how to use toast using bootstrap-vue-next?

where as an example we have a router and there I have my pages. but no components or views.
I am having trouble identifying in where to put my components or views.

i created two components , one is Sidebar.vue ,the another one is Login.vue.
i tried to click the button on the sidebar and then it asked to pop up a modal dialog, but when i clicked it ,it doesn’t work

I am migrating from Vue 2 and Vuetify 2 to Vue 3 and Vuetify 3. In my ChildComponent, I am emitting an $event but it is within a method as shown below. I have attempted to change from @input to v-model after following Vue 3 Migration docs but still faced with a bunch of errors and warnings in console.

enter image description hereThe “npm run build” command causes the linux server to jam. The stuck situation is shown in the figure. My server is configured with 2 cores and 2G memory. Every time I run this command, my cpu usage is 100%. Is there any way I can optimize the “npm run build” command, or some other solution, I don’t want to package it locally and upload it to my server because I find it cumbersome.
Thank you to anyone who can help me.
Here is my vue.config.js file。

There are two components. I want to implement two-way data transmission between parent and child by providing a responsive object. However, I found that the object type can correctly implement responsiveness, but the basic data type cannot. Why?
My personal guess is that the optional API will trigger automatic unpacking for basic data types, but it will not be triggered in the setup function, thus causing inconsistency.

I have a function that is used in different contexts in the application.
I use the composition API with script setup and Single File Components.

I’m new to Vue 3 and encountering an odd behavior. I’m checking the authentication state in my app.js where I mount the Vue app:

In vue3 composition API, how do you define emits with members?
Example

I have a problem with a window component.