docs: chagne README

Author: tolking

README.md

@@ -1,6 +1,6 @@
 # vue-lazy-loading
 
-> *alpha* a vue plugin to better supporting lazy loading for image and iframe
+> a vue plugin to better supporting lazy loading for image and iframe
 
 **The plugin will preferentially use native image and iframe [lazy-loading](https://caniuse.com/#feat=loading-lazy-attr), if the browser does not support it, it will be implemented through [IntersectionObserver](https://caniuse.com/#feat=intersectionobserver)**
 
@@ -80,6 +80,17 @@ Use the native image lazy-loading for the web
 
 rootMargin for IntersectionObserver
 
+## Load animation
+
+Loading animation is not included by default. You can use it this way
+
+``` css
+img,
+iframe {
+  background: rgba(50, 50, 50, 0.3) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32" fill="white"><path opacity=".25" d="M16 0 A16 16 0 0 0 16 32 A16 16 0 0 0 16 0 M16 4 A12 12 0 0 1 16 28 A12 12 0 0 1 16 4"/><path d="M16 0 A16 16 0 0 1 32 16 L28 16 A12 12 0 0 0 16 4z"><animateTransform attributeName="transform" type="rotate" from="0 16 16" to="360 16 16" dur="0.8s" repeatCount="indefinite" /></path></svg>') center no-repeat;
+}
+```
+
 ## Browser Support
 
 Available in [latest browsers](http://caniuse.com/#feat=intersectionobserver). If browser support is not available (eg IE), then make use of this [polyfill](https://www.npmjs.com/package/intersection-observer).

package.json

@@ -25,6 +25,7 @@
   },
   "homepage": "https://github.com/tolking/vue-lazy-loading#readme",
   "devDependencies": {
+    "@types/node": "^14.0.14",
     "typescript": "^3.9.5"
   }
 }

src/util.ts

@@ -66,7 +66,7 @@ export class LazyCore {
           }
           break
         default:
-          error('One of [v-lazy="URL", v-lazy:bg="URL", v-lazy:background="URL", v-lazy:set="URL"， v-lazy：srcset="URL"]')
+          error('One of [v-lazy="URL", v-lazy:bg="URL", v-lazy:background="URL", v-lazy:set="URL", v-lazy：srcset="URL"]')
           break;
       }
     } else {
@@ -82,7 +82,7 @@ export class LazyCore {
     }
   }
 
-  unbind(el: Element) { 
+  unbind(el: Element) {
     if (this.type === 'observer') {
       this.io?.unobserve(el)
     }