iziToast | Elegant responsive | Notification library

I believe this is a big endeavor but nonetheless - this should give you some structure and pointers - Upgrading CodeIgniter 3 to CodeIgniter 4

While most is generally to Filetype (Model, View or Controller) and specific upgrade and/or omissions of libraries and in few areas extensive changes might be needed in your code.

Most of the changes must be from Models as more of CRUD Functionality is built-in available, while Configuration Files is completely different than CodeIgniter 3. I believe part by part some areas might be tricky. Wishing success ahead with new features and Built in ORM.

P.S. - Myself am beginner in CodeIgniter 4 only.

I just solve this issue by correcting the RxJS version to 7.4.0. I hope this can solve others issue as well.

It is not possible to show more than one modal at a time, by design.

SweetAlert open another alert with prevent closing previous alert

Show two swal at same time

2 or more modals at the same time

well you replaced the dom, so the element that u initialized the tel-validator is gone.

one thing u could do is wrap your initializer into a function so u can just call it again

this problem for izitoast does not understand angularjs.
to solve this problem, angularjs gave us $compile().

Your JS is responsible for doing this. You are calling event.preventDefault();, but then not doing anything to clear the form yourself, so nothing happens. You need to tell the form to reset explicitly, for example by calling this in your formSuccess() function:

Change the function signature as below & you'll have access to this.myString

function(instance, toast) { to (instance, toast) => {

when you do :

1.- Should I return a promise from Vuex and then handle the data from my Vue component?

No, that's not how Vuex works.

Usually the flow would be something like this: The action gets started, which will trigger a Vuex mutation, which will update the store, causing a getter to update. Your component would have mapGetter setup for the value you're looking for and react to it.

Alternatively, you can skip using vuex altogether, in which case you could do this in the component, or a separate .js file. In this case you would return the axios call, since that is a promise.
like this: return axios.post("/api/...

2.- Can I use the library (iziToast) from Vuex? Or is this an anti pattern manner? How can I do this?

I'm not familiar with iziToast, but if there's no way to link it to a store or getter from vuex, you can likely connect them through any component, like a layout component.

for example, if you're using the vue-izitoast you could add this to any component