inicios del FrontEnd

APP/plugins/RTLPlugin.js

@@ -0,0 +1,40 @@
+export default {
+  install(Vue) {
+    let app = new Vue({
+      data() {
+        return {
+          isRTL: false
+        };
+      },
+      methods: {
+        getDocClasses() {
+          return document.body.classList;
+        },
+        enableRTL() {
+          import('@/assets/sass/vendor/bootstrap-rtl.scss')
+          this.isRTL = true;
+          this.getDocClasses().add('rtl');
+          this.getDocClasses().add('menu-on-right');
+          this.toggleBootstrapRTL(true);
+        },
+        disableRTL() {
+          this.isRTL = false;
+          this.getDocClasses().remove('rtl');
+          this.getDocClasses().remove('menu-on-right');
+          this.toggleBootstrapRTL(false);
+        },
+        toggleBootstrapRTL(value) {
+          for (let i = 0; i < document.styleSheets.length; i++) {
+            let styleSheet = document.styleSheets[i];
+            let { href } = styleSheet;
+            if (href && href.endsWith('bootstrap-rtl.css')) {
+              styleSheet.disabled = !value;
+            }
+          }
+        }
+      }
+    });
+
+    Vue.prototype.$rtl = app;
+  }
+};