RTL

Enable RTL

Enable RTL or Right-to-Left mode from store/settings.js.

You should also update resources/views/app.blade.php and change dir="ltr" to dir="rtl" in order to cover the initial page load, before JavaScript kicks in.

How it works

The process of converting regular styles to RTL is automatic and handled by postcss-rtl. This is already configured in webpack.mix.css.js.

The application is dynamically applying the direction attribute using the vue-meta plugin. This is configured in resources/js/app.js.

Remove RTL

If you don't need RTL in your application, then you should comment out or remove the require('postcss-rtl') part from webpack.mix.css.js to optimize the production CSS files.