RTL

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

export const state = () => ({
  state: {
    layout: {
      rtl: true
    }
  }
})

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

module.exports = {
  css: {
    loaderOptions: {
      postcss: {
        plugins: [
          require('postcss-rtl')
        ]
      }
    }
  }
}

Table of Contents

Frontend Matter

Beautifully crafted Bootstrap themes and templates for modern web apps.