Inserting dispatch in events

Author: andrelmlins

README.md

@@ -49,10 +49,10 @@ yarn install && yarn start
 
 Raw component props (before transform):
 
-| Prop     | Type | Description    |
-| -------- | ---- | -------------- |
-| onChange | func | Call in change |
-| onError  | func | Call in error  |
+| Prop   | Type | Description    |
+| ------ | ---- | -------------- |
+| change | func | Call in change |
+| error  | func | Call in error  |
 
 ## Slot Properties
 

example/package.json

@@ -12,7 +12,7 @@
   },
   "dependencies": {
     "sirv-cli": "^0.4.4",
-    "svelte-fullscreen": "^0.2.1"
+    "svelte-fullscreen": "^0.2.2"
   },
   "scripts": {
     "build": "rollup -c",

example/yarn.lock

@@ -1458,10 +1458,10 @@ supports-color@^6.1.0:
   dependencies:
     has-flag "^3.0.0"
 
-svelte-fullscreen@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/svelte-fullscreen/-/svelte-fullscreen-0.2.1.tgz#6cff6558f6d2cdc6d4086eb91abc1470d6b44721"
-  integrity sha512-jYBrDKW5mIjEtnlB7/Rk/eUCBs8mM77WH9v2xZFGqZ2nJHAz0KNyp2f7O/krxb6ioMb1URzgxce8qDMB+WFNJg==
+svelte-fullscreen@^0.2.2:
+  version "0.2.2"
+  resolved "https://registry.yarnpkg.com/svelte-fullscreen/-/svelte-fullscreen-0.2.2.tgz#91b3b569742ee615329fd3ba54b831b37c46bef3"
+  integrity sha512-FvjaOllwkDpSERrrda0iy8avAJC7Mli3dHrxKeUvirm7hIvDgesqqJJMg9MijCle8x+PbCP/FC5FWEzdgYgZBg==
   dependencies:
     screenfull "^5.0.0"
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte-fullscreen",
-  "version": "0.2.2",
+  "version": "0.3.0",
   "description": "Component that performs fullscreen in DOM Elements",
   "repository": "https://github.com/andrelmlins/svelte-fullscreen",
   "author": "André Lins <andrelucas01@hotmail.com> (https://andrelmlins.github.io/)",

src/index.svelte

@@ -3,10 +3,11 @@
   import screenfull from "screenfull";
 
   let component;
+  const dispatch = createEventDispatcher();
 
   onMount(() => {
-    screenfull.on("change", () => dispatch("onChange"));
-    screenfull.on("error", () => dispatch("onError"));
+    screenfull.on("change", () => dispatch("change"));
+    screenfull.on("error", () => dispatch("error"));
   });
 
   const onToggle = () => {