Pause toast timer when the window loses focus

The default behavior is to pause the toast timer whenever the window loses focus. You can opt-out by setting the pauseOnFocusLoss props to false.

import { toast } from 'vue3-toastify';

import 'vue3-toastify/dist/index.css';

const notify = () => {

toast('default enable', {

position: toast.POSITION.BOTTOM_CENTER,

});

toast('disable pauseOnFocusLoss', {

pauseOnFocusLoss: false,

position: toast.POSITION.BOTTOM_CENTER,

});

};

</script>

<div>

<button @click="notify">Notify !</button>

</div>

</template>

app.use(
  Vue3Toasity,
  {
    pauseOnFocusLoss: false,
  } as ToastContainerOptions,
);

app.use(
  Vue3Toasity,
  {
    pauseOnFocusLoss: false,
  } as ToastContainerOptions,
);

updateGlobalOptions({ rtl: true });

toast.success('Wow so easy!');

updateGlobalOptions({ rtl: true });

toast.success('Wow so easy!');

Pause toast timer when the window loses focus ​