docs: fix spell

README.md

@@ -29,7 +29,7 @@ Assuming a 400px height div, you can easily get a div with beautiful virtual scr
 ## ⚒️ Feature
 
 - [x] **Powerful API**, have ability to deal with complex components[^1], such as vxe-table、ant-vue-table
-- [x] **Customisable**, so that you can create your own scrollbar style, animation and user interaction
+- [x] **Customizable**, so that you can create your own scrollbar style, animation and user interaction
 - [x] **Theme**, integrated with these style configurations: ElementPlus, Steam, CSS-Tricks ...
 - [x] **Full Typed**, with the power of typescript
 - [ ] Support Vue3 & <del>Vue2</del>
@@ -39,7 +39,7 @@ Assuming a 400px height div, you can easily get a div with beautiful virtual scr
 
 [^1]: which is not possible with other libraries
 
-and PRs are welcom
+and PRs are welcome
 
 ## 📸 Preview
 
@@ -61,7 +61,7 @@ Simple example
 
 ```typescript
 import { onMounted, ref } from 'vue'
-import { useSrollbar } from 'use-scrollbars'
+import { useScrollbar } from 'use-scrollbars'
 
 const componentOrElementRef = ref(null);
 const barStates = useScrollbar(componentOrElementRef, {
@@ -77,7 +77,7 @@ Another example
 
 ```typescript
 import { watchEffect, onMounted, ref } from 'vue'
-import { useSrollbar } from 'use-scrollbars'
+import { useScrollbar } from 'use-scrollbars'
 
 const componentOrElementRef = ref(null);
 const barStates = useScrollbar(componentOrElementRef, {
@@ -86,7 +86,7 @@ const barStates = useScrollbar(componentOrElementRef, {
 
 const componentStates = ref('your-states');
 watchEffect(() => {
-  if (componentStates.valu3 === 'your-states') {
+  if (componentStates.xxx === 'your-states') {
     barStates.theme = 'steam'
   } else {
     barStates.destroy()