How to use rtlcss in vuejs?

[mahmoudabdelhalim]

[yamelsenih]

Hi everyone, something here? I need implement it for Vue Js with element ui

[alphaelf]

hi, add postcss.config.js file in the root of project with this content:

module.exports = {
  plugins: {
    'rtlcss':{
      autoRename: true
    }
  }
}

because vue-loader use postcss by default and rtlcss is a postcss plugin

[tina-pina]

Hi, I did the above (added rtlcss in postcss.config.js). But what if i want to have the plugin only on certain pages and on others not? The problem is right now installing RTLCSS has some styling side effect on pages that should not be affected, even i defined in my global scss that i want to only use ltr (and ignore rtl):

* {
  /*rtl:ignore*/
  direction: ltr!important;
}

[alphaelf]

Hi, just use block ignore template:

/*rtl:begin:ignore*/
* {
direction: ltr;
}
/*rtl:end:ignore*/