update

src/index.js

@@ -12,29 +12,16 @@ import {
 } from './constants.js'
 import { css, adoptStyles } from './css.js'
 import { render, html, svg } from './html.js'
-import {
+import { fire, bind, unbind } from './utils.js'
-  $,
-  $$,
-  nextTick,
-  offset,
-  bind,
-  unbind,
-  outsideClick,
-  clearOutsideClick,
-  fire
-} from './utils.js'
-
-export { html, css, svg }
 export {
   $,
   $$,
   nextTick,
   offset,
-  bind,
-  unbind,
   outsideClick,
   clearOutsideClick
-}
+} from './utils.js'
+export { html, css, svg, bind, unbind }
 
 export class Component extends HTMLElement {
   constructor() {
@@ -306,6 +293,10 @@ export class Component extends HTMLElement {
     return bind(this, type, callback)
   }
 
+  $off(type, callback) {
+    unbind(this, type, callback)
+  }
+
   $emit(type, data = {}) {
     return fire(this, type, data)
   }