Fixed lint error and added test

README.md

@@ -43,6 +43,37 @@ You can lazy load any component providing a fallback component during the loadin
 </app>
 ```
 
+When the component is loaded, Lazy will dispatch a 'load' event from the component root element.
+
+This can be useful e.g. for removing splashscreen on app start:
+
+```riot
+<app>
+  <user name={state.name} onload={ removeSplashscreen }/>
+
+  <script>
+    import lazy from '@riotjs/lazy'
+    import Loader from './my-loader.riot'
+
+    export default {
+      components: {
+        // use a fallback loader
+        user: lazy(Loader, () => import('./user.riot'))
+      },
+      removeSplashscreen() {
+        // the splashscreen, in this example, is create in pure html
+        // in the main page, to avoid blank page loading
+        const splashscreen = document.querySelector("#splashscreen");
+        if (!splashscreen) {
+          return;
+        }
+        splashcreen.parentElement.removeChild(splashscreen);
+      }
+    }
+  </script>
+</app>
+```
+
 Lazy loading Riot.js components is recommended combined with [`@riotjs/route`](https://github.com/riot/route)
 
 ```riot

index.next.js

@@ -20,7 +20,7 @@ lazy.export = function lazyExport(Loader, Component) {
       this.isMounted = true
       const mount = () => {
         this.mountLazyComponent(parentScope)
-        this.el.dispatchEvent(new Event("load"))
+        this.el.dispatchEvent(new Event('load'))
       }
 
       if (cachedComponent) {

test/components/component-with-load-listener.riot

@@ -0,0 +1,18 @@
+<component-with-load-listener>
+  <user name={props.name} onload={ loaded }/>
+
+  <script>
+    import User from './user'
+    import lazy from '../../index.next'
+
+    export default {
+      components: {
+        user: lazy(() => Promise.resolve(User))
+      },
+      _loaded: false,
+      loaded() {
+        this._loaded = true;
+      }
+    }
+  </script>
+</component-with-load-listener>

test/components/user-wrapper-without-loader.riot

@@ -2,7 +2,6 @@
   <user name={props.name}/>
 
   <script>
-    import Loader from './loader'
     import User from './user'
     import lazy from '../../index.next'
 

test/index.js

@@ -1,3 +1,4 @@
+import ComponentWithLoadListener from './components/component-with-load-listener.riot'
 import ComponentWithSlotWrapper from './components/component-with-slot-wrapper.riot'
 import UserWrapper from './components/user-wrapper.riot'
 import UserWrapperWithoutLoader from './components/user-wrapper-without-loader.riot'
@@ -60,4 +61,17 @@ describe('lazy', () => {
 
     el.unmount()
   })
+
+  it('Lazy loaded component can dispatch load event', async function() {
+    const div = document.createElement('div')
+    const el = component(ComponentWithLoadListener)(div, {
+      name: 'Kal'
+    })
+
+    await defer()
+
+    expect(el._loaded).to.be.equal(true)
+
+    el.unmount()
+  })
 })