Add Vite support

Author: binaryifytest

CHANGELOG.MD

@@ -1,3 +1,6 @@
+## 1.4.4 | 2022.04.15
+- Add Vite support
+
 ## 1.4.3 | 2021.12.10
 - Update perfect-scrollbar [#68](https://github.com/Binaryify/vue-custom-scrollbar/issues/68)
 

README.md

@@ -37,8 +37,16 @@ As you know, Chrome support custom scrollbar, but Firefox or other browsers don'
 </div>
 </template>
 <script>
+/**
+ * For Vue2/Vue3
+*/
 import vueCustomScrollbar from 'vue-custom-scrollbar'
 import "vue-custom-scrollbar/dist/vueScrollbar.css"
+/**
+ * For vite
+*/
+import vueCustomScrollbar from 'vue-custom-scrollbar/src/vue-scrollbar.vue'
+
 export default {
   components: {
     vueCustomScrollbar

dist/vueScrollbar.common.js

@@ -51,15 +51,33 @@ $ yarn add vue-custom-scrollbar
 
 ```vue
 <template>
- <div>
- <vue-custom-scrollbar class="scroll-area"  :settings="settings" @ps-scroll-y="scrollHanle">
-    <img src="https://raw.githubusercontent.com/Binaryify/vue-custom-scrollbar/master/docs/azusa.jpg" height="720" width="1280" alt="">
-  </vue-custom-scrollbar>
- </div>
+  <div>
+    <vue-custom-scrollbar
+      class="scroll-area"
+      :settings="settings"
+      @ps-scroll-y="scrollHanle"
+    >
+      <img
+        src="https://raw.githubusercontent.com/Binaryify/vue-custom-scrollbar/master/docs/azusa.jpg"
+        height="720"
+        width="1280"
+        alt=""
+      />
+    </vue-custom-scrollbar>
+  </div>
 </template>
 <script>
+/**
+ * For Vue2/Vue3
+*/
 import vueCustomScrollbar from 'vue-custom-scrollbar'
 import "vue-custom-scrollbar/dist/vueScrollbar.css"
+/**
+ * For vite
+*/
+import vueCustomScrollbar from 'vue-custom-scrollbar/src/vue-scrollbar.vue'
+
+
 export default {
   components: {
     vueCustomScrollbar
@@ -80,7 +98,7 @@ export default {
   }
 }
 </script>
-<style >
+<style>
 .scroll-area {
   position: relative;
   margin: auto;