Vue2 | vue trilogy for a summary of the use of vue at work | Frontend Framework library

In Vue2, I'm trying to set up an axios interceptor in my App.vue file to trap any responses that come back 401 from my API so I can redirect the user to the Vue route /sign-in. My code works, but I rely on storing the Vue instance created in main.js in window.appvue.

In main.js:

I am trying to learn Vue3 + Typescript (I so far wrote Vue2 apps with plain JS). I am trying to define a reactive variable in setup() :

Hello I'm implementing the OTP functionality modal that can be opened few times, once when you navigating to the app and second on some specific action for example clicking on some action button.

I'm using Vue2 and Buefy if that matters, so the problem is that once I submit the code and open modal again it has previously added code filled in already. I have tried to specify autocomplete as one-time-code or new-password none of them work.

Here is my implementation

With Vue 2 (and Nuxt), on click of a button I want to show a little animation of a "-1" moving up a few pixels from the button and disappearing after a second. Each time a button is clicked a new -1 should appear while the old ones are still in motion. That's where my problem is, I can create an animation of just one -1, but I fail to make multiple at the same time.

In old jQuery based project I have this, which works as expected:

I have an input where users can search for titles. Date picker which is used mengxiong10/vue2-datepicker. (Any other picker is welcome)

How can the array be filtered by only Search, only Date, or both Search and Date? (Search via Title works ).

How would the search be in array vs nested array?

HTML-

I was using typescript in a vue2 class based components. sampleData prop is not reactive in a component while using a custom type KeyValuePair.

In Vue 2 I used to be able to access a property on component children (rendered inside a v-for loop using this.$refs and a dynamically-assigned :ref).

The same code in Vue 3 fails, and when I log out this.$refs the object is empty.

Here I'm wanting to access an 'isOrderable' property on all children. The problem appears to be with :ref="product.id" being a variable. If I change it to ref="foobar" then I do get the last child in this.$refs.foobar. But it vue2 me an array back containing all children components.

The command used : sudo npm install I am trying to execute this command inside the a specific folder.

The package.json file is as shown:

I am creating a Vue component dynamically and I want to listen to an event that it emits. I know you can use the @eventName in the markup but I am creating the component using createApp.