React-toastify has built-in support for RTL layout. All you need to do is to set the rtl
prop to true
.
<template> <h1>Hello {{ msg }}</h1> </template> <script setup lang="ts"> import { ref } from 'vue'; const msg = ref<string>('world'); </script>
toast('Wow so easy !', {
rtl: true,
});