From 5d5acd116793392ae6788ca69bfbce6180ca00c0 Mon Sep 17 00:00:00 2001
From: Adrien Denat <adrien.denat@gmail.com>
Date: Mon, 19 Nov 2018 22:49:56 -0200
Subject: [PATCH] chore: update react and vue plugin after breaking change

---
 packages/simplebar-react/index.js | 16 ++++++----------
 packages/simplebar-vue/index.vue  | 24 +++++++++++++++++++-----
 2 files changed, 25 insertions(+), 15 deletions(-)

diff --git a/packages/simplebar-react/index.js b/packages/simplebar-react/index.js
index 32bd0047..df4ea382 100644
--- a/packages/simplebar-react/index.js
+++ b/packages/simplebar-react/index.js
@@ -3,29 +3,25 @@ import PropTypes from 'prop-types';
 import 'simplebar';
 
 export default function SimpleBar({ children, ...options }) {
-  return (
-    <div data-simplebar {...options}>
+  return <div data-simplebar {...options}>
       <div className="simplebar-wrapper">
         <div className="simplebar-height-auto-observer-wrapper">
-          <div className="simplebar-height-auto-observer"></div>
+          <div className="simplebar-height-auto-observer" />
         </div>
         <div className="simplebar-mask">
           <div className="simplebar-offset">
-            <div className="simplebar-content">
-              {children}
-            </div>
+            <div className="simplebar-content">{children}</div>
           </div>
         </div>
         <div className="simplebar-placeholder" />
       </div>
-      <div className="simplebar-track horizontal">
+      <div className="simplebar-track simplebar-horizontal">
         <div className="simplebar-scrollbar" />
       </div>
-      <div className="simplebar-track vertical">
+      <div className="simplebar-track simplebar-vertical">
         <div className="simplebar-scrollbar" />
       </div>
-    </div>
-  );
+    </div>;
 }
 
 SimpleBar.propTypes = {
diff --git a/packages/simplebar-vue/index.vue b/packages/simplebar-vue/index.vue
index 49fa9735..b055c095 100644
--- a/packages/simplebar-vue/index.vue
+++ b/packages/simplebar-vue/index.vue
@@ -2,11 +2,25 @@
   <div
     data-simplebar
   >
-    <div class="simplebar-scroll-content">
-      <div class="simplebar-content">
-        <slot></slot>
+    <div class="simplebar-wrapper">
+        <div class="simplebar-height-auto-observer-wrapper">
+          <div class="simplebar-height-auto-observer" />
+        </div>
+        <div class="simplebar-mask">
+          <div class="simplebar-offset">
+            <div class="simplebar-content">
+              <slot></slot>
+            </div>
+          </div>
+        </div>
+        <div class="simplebar-placeholder" />
+      </div>
+      <div class="simplebar-track simplebar-horizontal">
+        <div class="simplebar-scrollbar" />
+      </div>
+      <div class="simplebar-track simplebar-vertical">
+        <div class="simplebar-scrollbar" />
       </div>
-    </div>
   </div>
 </template>
 
@@ -15,4 +29,4 @@ import 'simplebar';
 export default {
   name: 'simplebar-vue'
 }
-</script>
\ No newline at end of file
+</script>