RTL

This plugin sets text direction to RTL on configured locales.

Usage

npm i -D @vuepress/plugin-rtl@next

import { rtlPlugin } from '@vuepress/plugin-rtl'

export default {
  plugins: [
    rtlPlugin({
      // options
      locales: ['/ar/'],
    }),
  ],
}

Demo

Options

locales

• Type: string[]
• Default: ['/']
• Details: RTL locale paths to enable RTL layout.

selector

• Type: SelectorOptions

  interface SelectorOptions {
    [cssSelector: string]: {
      [attr: string]: string
    }
  }

• Default: { 'html': { dir: 'rtl' } }

• Details: Selector configuration to enable RTL layout. The default settings mean that the dir attribute of the html element will be set to rtl in RTL locales.