From 15c4a8fb02d04776a733d4d05595d229e86574be Mon Sep 17 00:00:00 2001
From: Soroosh <sorooshkhodami@gmail.com>
Date: Sun, 26 Sep 2021 18:52:38 +0330
Subject: [PATCH] Add RTL direction support to styles using postcss & rtlcss

---
 vite.config.js | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/vite.config.js b/vite.config.js
index 58580547c..6be31f5e8 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -2,6 +2,9 @@ import legacy from "@vitejs/plugin-legacy"
 import vue from "@vitejs/plugin-vue"
 import { defineConfig } from "vite"
 
+const postCssScss = require("postcss-scss")
+const postcssRTLCSS = require('postcss-rtlcss');
+
 // https://vitejs.dev/config/
 export default defineConfig({
     plugins: [
@@ -10,5 +13,12 @@ export default defineConfig({
             targets: ["ie > 11"],
             additionalLegacyPolyfills: ["regenerator-runtime/runtime"]
         })
-    ]
+    ],
+    css: {
+        postcss: {
+            "parser": postCssScss,
+            "map": false,
+            "plugins": [postcssRTLCSS]
+        }
+      },
 })