diff --git a/index.html b/index.html
index 8d97a13..733aa3c 100644
--- a/index.html
+++ b/index.html
@@ -1 +1 @@
-<!doctype html><html><head><meta charset="utf-8"><meta http-equiv="x-ua-compatible" content="ie=edge"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><title>vue-tribute</title><meta name="description" content="A Vue.js wrapper for Zurb's Tribute library for native @mentions"><link href="/vue-tribute/main.e51285af.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="app"></div><script type="text/javascript" src="/vue-tribute/vendors~main.9718a16f.js"></script><script type="text/javascript" src="/vue-tribute/main.66a2a4fc.js"></script></body></html>
\ No newline at end of file
+<!doctype html><html><head><meta charset="utf-8"><meta http-equiv="x-ua-compatible" content="ie=edge"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><title>vue-tribute</title><meta name="description" content="A Vue.js wrapper for Zurb's Tribute library for native @mentions"><link href="/vue-tribute/main.e3e5c984.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="app"></div><script type="text/javascript" src="/vue-tribute/vendors~main.9718a16f.js"></script><script type="text/javascript" src="/vue-tribute/main.ecedd4b0.js"></script></body></html>
\ No newline at end of file
diff --git a/main.66a2a4fc.js b/main.66a2a4fc.js
deleted file mode 100644
index 1f75eb4..0000000
--- a/main.66a2a4fc.js
+++ /dev/null
@@ -1,2 +0,0 @@
-!function(s){function t(t){for(var e,n,r=t[0],o=t[1],i=t[2],u=0,a=[];u<r.length;u++)n=r[u],c[n]&&a.push(c[n][0]),c[n]=0;for(e in o)Object.prototype.hasOwnProperty.call(o,e)&&(s[e]=o[e]);for(d&&d(t);a.length;)a.shift()();return p.push.apply(p,i||[]),l()}function l(){for(var t,e=0;e<p.length;e++){for(var n=p[e],r=!0,o=1;o<n.length;o++){var i=n[o];0!==c[i]&&(r=!1)}r&&(p.splice(e--,1),t=u(u.s=n[0]))}return t}var n={},c={0:0},p=[];function u(t){if(n[t])return n[t].exports;var e=n[t]={i:t,l:!1,exports:{}};return s[t].call(e.exports,e,e.exports,u),e.l=!0,e.exports}u.m=s,u.c=n,u.d=function(t,e,n){u.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},u.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},u.t=function(e,t){if(1&t&&(e=u(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(u.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)u.d(n,r,function(t){return e[t]}.bind(null,r));return n},u.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return u.d(e,"a",e),e},u.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},u.p="/vue-tribute/";var e=window.webpackJsonp=window.webpackJsonp||[],r=e.push.bind(e);e.push=t,e=e.slice();for(var o=0;o<e.length;o++)t(e[o]);var d=r;p.push([5,1]),l()}([function(t,e,n){},,,,,function(t,e,n){t.exports=n(10)},function(t,e,n){"use strict";var r=n(0);n.n(r).a},,,,function(t,e,n){"use strict";n.r(e);var r=n(4),o=n(1),i=n.n(o),u={name:"vue-tribute",props:{options:{type:Object,required:!0}},watch:{options:{immediate:!1,deep:!0,handler:function(){var t=this,e=this.$slots.default[0].elm;this.tribute&&(this.tribute.detach(e),setTimeout(function(){t.tribute=new i.a(t.options),t.tribute.attach(e),e.tributeInstance=t.tribute},0))}}},mounted:function(){if(void 0===i.a)throw new Error("[vue-tribute] cannot locate tributejs!");var t=this.$slots.default[0].elm;this.tribute=new i.a(this.options),this.tribute.attach(t),t.tributeInstance=this.tribute},beforeDestroy:function(){var t=this.$slots.default[0].elm;this.tribute&&this.tribute.detach(t)},render:function(t){return t("div",{staticClass:"v-tribute"},this.$slots.default)}};"undefined"!=typeof window&&window.Vue&&window.Vue.component(u.name,u);var a={components:{VueTribute:u},data:function(){return{options:{trigger:"@",values:[{key:"Collin Henderson",value:"syropian"},{key:"Sarah Drasner",value:"sarah_edo"},{key:"Evan You",value:"youyuxi"},{key:"Adam Wathan",value:"adamwathan"}],positionMenu:!1,menuContainer:document.querySelector(".menu-container")}}},mounted:function(){this.options.menuContainer=this.$refs.menuContainer},methods:{noMatchFound:function(){console.log("No matches found!")},append:function(){var t=Math.random().toString(36).slice(2);this.options.values.push({key:t,value:t})}}},s=(n(6),n(3)),l=Object(s.a)(a,function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"container"},[n("h1",[t._v("vue-tribute Demo")]),t._v(" "),n("h3",[t._v("Simple text input")]),t._v(" "),n("vue-tribute",{attrs:{options:t.options}},[n("input",{ref:"foo",attrs:{type:"text",placeholder:"@..."},on:{"tribute-no-match":t.noMatchFound}})]),t._v(" "),n("br"),t._v(" "),n("h3",[t._v("Textarea")]),t._v(" "),n("vue-tribute",{attrs:{options:t.options}},[n("textarea",{attrs:{placeholder:"@..."}})]),t._v(" "),n("br"),t._v(" "),n("h3",[t._v("contenteditable element")]),t._v(" "),n("vue-tribute",{attrs:{options:t.options}},[n("div",{staticClass:"content-editable",attrs:{contenteditable:"true",placeholder:"@..."}})]),t._v(" "),n("br"),t._v(" "),n("button",{staticClass:"btn",on:{click:t.append}},[t._v("Append New Item")])],1)},[],!1,null,null,null).exports;new r.a({el:"#app",render:function(t){return t(l)}})}]);
-//# sourceMappingURL=main.66a2a4fc.js.map
\ No newline at end of file
diff --git a/main.66a2a4fc.js.map b/main.66a2a4fc.js.map
deleted file mode 100644
index 4d224a8..0000000
--- a/main.66a2a4fc.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./example/App.vue?c47d","webpack:///./src/index.js","webpack:///./example/App.vue?cf79","webpack:///example/App.vue","webpack:///./example/App.vue","webpack:///./example/App.vue?841f","webpack:///./example/index.js"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","call","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","0","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","window","oldJsonpFunction","slice","_node_modules_mini_css_extract_plugin_dist_loader_js_node_modules_css_loader_index_js_ref_1_oneOf_2_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_sass_loader_lib_loader_js_ref_1_oneOf_2_2_node_modules_vue_loader_lib_index_js_vue_loader_options_App_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0__","VueTribute","props","options","type","required","watch","immediate","deep","handler","_this","this","$el","$slots","default","elm","tribute","detach","setTimeout","Tribute","attach","tributeInstance","mounted","Error","beforeDestroy","render","h","staticClass","Vue","component","example_Appvue_type_script_lang_js_","components","trigger","values","positionMenu","menuContainer","document","querySelector","$refs","methods","noMatchFound","console","log","append","kv","Math","random","toString","App","componentNormalizer","_vm","_h","$createElement","_c","_self","_v","attrs","ref","placeholder","on","tribute-no-match","contenteditable","click","el"],"mappings":"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","file":"main.66a2a4fc.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t0: 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/vue-tribute/\";\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([5,1]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","import mod from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js!../node_modules/css-loader/index.js??ref--1-oneOf-2-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/sass-loader/lib/loader.js??ref--1-oneOf-2-2!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js!../node_modules/css-loader/index.js??ref--1-oneOf-2-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/sass-loader/lib/loader.js??ref--1-oneOf-2-2!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&lang=scss&\"","import Tribute from \"tributejs\"\n\nconst VueTribute = {\n  name: \"vue-tribute\",\n  props: {\n    options: {\n      type: Object,\n      required: true\n    }\n  },\n  watch: {\n    options: {\n      immediate: false,\n      deep: true,\n      handler() {\n        const $el = this.$slots.default[0].elm\n        if (this.tribute) {\n          this.tribute.detach($el)\n          setTimeout(() => {\n            this.tribute = new Tribute(this.options)\n            this.tribute.attach($el)\n            $el.tributeInstance = this.tribute\n          }, 0)\n        }\n      }\n    }\n  },\n  mounted() {\n    if (typeof Tribute === \"undefined\") {\n      throw new Error(\"[vue-tribute] cannot locate tributejs!\")\n    }\n\n    const $el = this.$slots.default[0].elm\n\n    this.tribute = new Tribute(this.options)\n\n    this.tribute.attach($el)\n\n    $el.tributeInstance = this.tribute\n  },\n  beforeDestroy() {\n    const $el = this.$slots.default[0].elm\n\n    if (this.tribute) {\n      this.tribute.detach($el)\n    }\n  },\n  render(h) {\n    return h(\n      \"div\",\n      {\n        staticClass: \"v-tribute\"\n      },\n      this.$slots.default\n    )\n  }\n}\n\nif (typeof window !== \"undefined\" && window.Vue) {\n  window.Vue.component(VueTribute.name, VueTribute)\n}\n\nexport default VueTribute\n","import mod from \"-!../node_modules/babel-loader/lib/index.js??ref--5-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../node_modules/babel-loader/lib/index.js??ref--5-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"","<template>\n  <div class=\"container\">\n    <h1>vue-tribute Demo</h1>\n    <h3>Simple text input</h3>\n    <vue-tribute :options=\"options\">\n      <input\n        type=\"text\"\n        placeholder=\"@...\"\n        @tribute-no-match=\"noMatchFound\"\n        ref=\"foo\"\n      >\n    </vue-tribute>\n    <br>\n    <h3>Textarea</h3>\n    <vue-tribute :options=\"options\">\n      <textarea placeholder=\"@...\"></textarea>\n    </vue-tribute>\n    <br>\n    <h3>contenteditable element</h3>\n    <vue-tribute :options=\"options\">\n      <div\n        class=\"content-editable\"\n        contenteditable=\"true\"\n        placeholder=\"@...\"\n      ></div>\n    </vue-tribute>\n    <br>\n    <button\n      @click=\"append\"\n      class=\"btn\"\n    >Append New Item</button>\n  </div>\n</template>\n<script>\nimport VueTribute from \"../src\";\nexport default {\n  components: {\n    VueTribute\n  },\n  data() {\n    return {\n      options: {\n        trigger: \"@\",\n        values: [\n          { key: \"Collin Henderson\", value: \"syropian\" },\n          { key: \"Sarah Drasner\", value: \"sarah_edo\" },\n          { key: \"Evan You\", value: \"youyuxi\" },\n          { key: \"Adam Wathan\", value: \"adamwathan\" }\n        ],\n        positionMenu: false,\n        menuContainer: document.querySelector(\".menu-container\")\n      }\n    };\n  },\n  mounted() {\n    this.options.menuContainer = this.$refs.menuContainer;\n  },\n  methods: {\n    noMatchFound() {\n      console.log(\"No matches found!\");\n    },\n    append() {\n      let kv = Math.random()\n        .toString(36)\n        .slice(2);\n      this.options.values.push({\n        key: kv,\n        value: kv\n      });\n    }\n  }\n};\n</script>\n<style lang=\"scss\">\n* {\n  box-sizing: border-box;\n}\nhtml,\nbody {\n  height: 100vh;\n  width: 100vw;\n}\nbody {\n  background: linear-gradient(to right, #fc466b, #3f5efb);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #fff;\n  font-family: 'Helvetica Neue', 'Arial', sans-serif;\n}\n.scroll {\n  width: 100%;\n  max-height: 300px;\n  overflow-y: auto;\n  position: relative;\n}\n.container {\n  max-width: 355px;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  padding: 0 20px;\n}\n.v-tribute {\n  width: 100%;\n}\ninput[type='text'],\n.content-editable {\n  appearance: none;\n  border: none;\n  background: #eee;\n  padding: 1rem 1rem;\n  color: #666;\n  width: 100%;\n  border-radius: 0.25rem;\n  font-size: 16px;\n  outline: none;\n  &:focus {\n    background: #fff;\n  }\n}\n.content-editable:empty:before {\n  content: attr(placeholder);\n  display: block;\n  color: #666;\n}\ntextarea {\n  appearance: none;\n  border: none;\n  background: #eee;\n  padding: 1rem;\n  width: 100%;\n  border-radius: 0.25rem;\n  font-size: 16px;\n  height: 100px;\n  outline: none;\n  &:focus {\n    background: #fff;\n  }\n}\n\n.btn {\n  appearance: none;\n  border: none;\n  cursor: pointer;\n  margin: 20px 0;\n  background: #fc466b;\n  color: #fff;\n  font-size: 16px;\n  padding: 8px 16px;\n  border-radius: 3px;\n  box-shadow: 0 1px 3px rgba(#000, 0.18);\n  &:hover {\n    background: darken(#fc466b, 3%);\n  }\n}\n\n// Tribute-specific styles\n.tribute-container {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: auto;\n  max-height: 300px;\n  max-width: 500px;\n  overflow: auto;\n  display: block;\n  z-index: 999999;\n  border-radius: 4px;\n  box-shadow: 0 1px 4px rgba(#000, 0.13);\n}\n.tribute-container ul {\n  margin: 0;\n  margin-top: 2px;\n  padding: 0;\n  list-style: none;\n  background: #fff;\n  border-radius: 4px;\n  border: 1px solid rgba(#000, 0.13);\n  background-clip: padding-box;\n  overflow: hidden;\n}\n.tribute-container li {\n  color: #3f5efb;\n  padding: 5px 10px;\n  cursor: pointer;\n  font-size: 14px;\n}\n.tribute-container li.highlight,\n.tribute-container li:hover {\n  background: #3f5efb;\n  color: #fff;\n}\n.tribute-container li span {\n  font-weight: bold;\n}\n.tribute-container li.no-match {\n  cursor: default;\n}\n.tribute-container .menu-highlighted {\n  font-weight: bold;\n}\n</style>\n","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=3e9b0919&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\nimport style0 from \"./App.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\"},[_c('h1',[_vm._v(\"vue-tribute Demo\")]),_vm._v(\" \"),_c('h3',[_vm._v(\"Simple text input\")]),_vm._v(\" \"),_c('vue-tribute',{attrs:{\"options\":_vm.options}},[_c('input',{ref:\"foo\",attrs:{\"type\":\"text\",\"placeholder\":\"@...\"},on:{\"tribute-no-match\":_vm.noMatchFound}})]),_vm._v(\" \"),_c('br'),_vm._v(\" \"),_c('h3',[_vm._v(\"Textarea\")]),_vm._v(\" \"),_c('vue-tribute',{attrs:{\"options\":_vm.options}},[_c('textarea',{attrs:{\"placeholder\":\"@...\"}})]),_vm._v(\" \"),_c('br'),_vm._v(\" \"),_c('h3',[_vm._v(\"contenteditable element\")]),_vm._v(\" \"),_c('vue-tribute',{attrs:{\"options\":_vm.options}},[_c('div',{staticClass:\"content-editable\",attrs:{\"contenteditable\":\"true\",\"placeholder\":\"@...\"}})]),_vm._v(\" \"),_c('br'),_vm._v(\" \"),_c('button',{staticClass:\"btn\",on:{\"click\":_vm.append}},[_vm._v(\"Append New Item\")])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import Vue from 'vue'\nimport App from './App'\n\nnew Vue({\n  el: '#app',\n  render(h) {\n    return h(App)\n  }\n})\n"],"sourceRoot":""}
\ No newline at end of file
diff --git a/main.e3e5c984.css b/main.e3e5c984.css
new file mode 100644
index 0000000..d8aedb7
--- /dev/null
+++ b/main.e3e5c984.css
@@ -0,0 +1 @@
+*{box-sizing:border-box}body,html{height:100vh;width:100vw}body{background:linear-gradient(90deg,#fc466b,#3f5efb);display:flex;align-items:center;justify-content:center;color:#fff;font-family:Helvetica Neue,Arial,sans-serif}.scroll{width:100%;max-height:300px;overflow-y:auto;position:relative}.container{max-width:355px;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 20px}.v-tribute{width:100%;position:relative}.content-editable,input[type=text]{appearance:none;border:none;background:#eee;padding:1rem;color:#666;width:100%;border-radius:.25rem;font-size:16px;outline:none}.content-editable:focus,input[type=text]:focus{background:#fff}.content-editable:empty:before{content:attr(placeholder);display:block;color:#666}textarea{appearance:none;border:none;background:#eee;padding:1rem;width:100%;border-radius:.25rem;font-size:16px;height:100px;outline:none}textarea:focus{background:#fff}.btn{appearance:none;border:none;cursor:pointer;margin:20px 0;background:#fc466b;color:#fff;font-size:16px;padding:8px 16px;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.18)}.btn:hover{background:#fc375f}.tribute-container{position:absolute;top:0;left:0;height:auto;max-height:300px;max-width:500px;overflow:auto;display:block;z-index:999999;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.13)}.tribute-container ul{margin:0;margin-top:2px;padding:0;list-style:none;background:#fff;border-radius:4px;border:1px solid rgba(0,0,0,.13);background-clip:padding-box;overflow:hidden}.tribute-container li{color:#3f5efb;padding:5px 10px;cursor:pointer;font-size:14px}.tribute-container li.highlight,.tribute-container li:hover{background:#3f5efb;color:#fff}.tribute-container li span{font-weight:700}.tribute-container li.no-match{cursor:default}.tribute-container .menu-highlighted{font-weight:700}
\ No newline at end of file
diff --git a/main.e51285af.css b/main.e51285af.css
deleted file mode 100644
index 5d67dfa..0000000
--- a/main.e51285af.css
+++ /dev/null
@@ -1 +0,0 @@
-*{box-sizing:border-box}body,html{height:100vh;width:100vw}body{background:linear-gradient(90deg,#fc466b,#3f5efb);display:flex;align-items:center;justify-content:center;color:#fff;font-family:Helvetica Neue,Arial,sans-serif}.scroll{width:100%;max-height:300px;overflow-y:auto;position:relative}.container{max-width:355px;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 20px}.v-tribute{width:100%}.content-editable,input[type=text]{appearance:none;border:none;background:#eee;padding:1rem;color:#666;width:100%;border-radius:.25rem;font-size:16px;outline:none}.content-editable:focus,input[type=text]:focus{background:#fff}.content-editable:empty:before{content:attr(placeholder);display:block;color:#666}textarea{appearance:none;border:none;background:#eee;padding:1rem;width:100%;border-radius:.25rem;font-size:16px;height:100px;outline:none}textarea:focus{background:#fff}.btn{appearance:none;border:none;cursor:pointer;margin:20px 0;background:#fc466b;color:#fff;font-size:16px;padding:8px 16px;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.18)}.btn:hover{background:#fc375f}.tribute-container{position:absolute;top:0;left:0;height:auto;max-height:300px;max-width:500px;overflow:auto;display:block;z-index:999999;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.13)}.tribute-container ul{margin:0;margin-top:2px;padding:0;list-style:none;background:#fff;border-radius:4px;border:1px solid rgba(0,0,0,.13);background-clip:padding-box;overflow:hidden}.tribute-container li{color:#3f5efb;padding:5px 10px;cursor:pointer;font-size:14px}.tribute-container li.highlight,.tribute-container li:hover{background:#3f5efb;color:#fff}.tribute-container li span{font-weight:700}.tribute-container li.no-match{cursor:default}.tribute-container .menu-highlighted{font-weight:700}
\ No newline at end of file
diff --git a/main.ecedd4b0.js b/main.ecedd4b0.js
new file mode 100644
index 0000000..2f6818b
--- /dev/null
+++ b/main.ecedd4b0.js
@@ -0,0 +1,2 @@
+!function(s){function t(t){for(var e,n,r=t[0],o=t[1],i=t[2],u=0,a=[];u<r.length;u++)n=r[u],c[n]&&a.push(c[n][0]),c[n]=0;for(e in o)Object.prototype.hasOwnProperty.call(o,e)&&(s[e]=o[e]);for(f&&f(t);a.length;)a.shift()();return p.push.apply(p,i||[]),l()}function l(){for(var t,e=0;e<p.length;e++){for(var n=p[e],r=!0,o=1;o<n.length;o++){var i=n[o];0!==c[i]&&(r=!1)}r&&(p.splice(e--,1),t=u(u.s=n[0]))}return t}var n={},c={0:0},p=[];function u(t){if(n[t])return n[t].exports;var e=n[t]={i:t,l:!1,exports:{}};return s[t].call(e.exports,e,e.exports,u),e.l=!0,e.exports}u.m=s,u.c=n,u.d=function(t,e,n){u.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},u.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},u.t=function(e,t){if(1&t&&(e=u(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(u.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)u.d(n,r,function(t){return e[t]}.bind(null,r));return n},u.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return u.d(e,"a",e),e},u.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},u.p="/vue-tribute/";var e=window.webpackJsonp=window.webpackJsonp||[],r=e.push.bind(e);e.push=t,e=e.slice();for(var o=0;o<e.length;o++)t(e[o]);var f=r;p.push([5,1]),l()}([function(t,e,n){},,,,,function(t,e,n){t.exports=n(10)},function(t,e,n){"use strict";var r=n(0);n.n(r).a},,,,function(t,e,n){"use strict";n.r(e);var r=n(4),o=n(1),i=n.n(o),u={name:"vue-tribute",props:{options:{type:Object,required:!0}},watch:{options:{immediate:!1,deep:!0,handler:function(){var e=this;this.tribute&&setTimeout(function(){var t=e.$slots.default[0].elm;e.tribute.detach(t),setTimeout(function(){t=e.$slots.default[0].elm,e.tribute=new i.a(e.options),e.tribute.attach(t),t.tributeInstance=e.tribute},0)},0)}}},mounted:function(){if(void 0===i.a)throw new Error("[vue-tribute] cannot locate tributejs!");var t=this.$slots.default[0].elm;this.tribute=new i.a(this.options),this.tribute.attach(t),t.tributeInstance=this.tribute},beforeDestroy:function(){var t=this.$slots.default[0].elm;this.tribute&&this.tribute.detach(t)},render:function(t){return t("div",{staticClass:"v-tribute"},this.$slots.default)}};"undefined"!=typeof window&&window.Vue&&window.Vue.component(u.name,u);var a={components:{VueTribute:u},data:function(){return{options:{trigger:"@",values:[{key:"Collin Henderson",value:"syropian"},{key:"Sarah Drasner",value:"sarah_edo"},{key:"Evan You",value:"youyuxi"},{key:"Adam Wathan",value:"adamwathan"}],positionMenu:!0,menuContainer:document.querySelector(".menu-container")}}},mounted:function(){this.options.menuContainer=this.$refs.menuContainer},methods:{noMatchFound:function(){console.log("No matches found!")},append:function(){var t=Math.random().toString(36).slice(2);this.options.values.push({key:t,value:t})}}},s=(n(6),n(3)),l=Object(s.a)(a,function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"container"},[n("h1",[t._v("vue-tribute Demo")]),t._v(" "),n("h3",[t._v("Simple text input")]),t._v(" "),n("vue-tribute",{attrs:{options:t.options}},[n("input",{ref:"foo",attrs:{type:"text",placeholder:"@..."},on:{"tribute-no-match":t.noMatchFound}})]),t._v(" "),n("br"),t._v(" "),n("h3",[t._v("Textarea")]),t._v(" "),n("vue-tribute",{attrs:{options:t.options}},[n("textarea",{attrs:{placeholder:"@..."}})]),t._v(" "),n("br"),t._v(" "),n("h3",[t._v("contenteditable element")]),t._v(" "),n("vue-tribute",{attrs:{options:t.options}},[n("div",{staticClass:"content-editable",attrs:{contenteditable:"true",placeholder:"@..."}})]),t._v(" "),n("br"),t._v(" "),n("button",{staticClass:"btn",on:{click:t.append}},[t._v("Append New Item")])],1)},[],!1,null,null,null).exports;new r.a({el:"#app",render:function(t){return t(l)}})}]);
+//# sourceMappingURL=main.ecedd4b0.js.map
\ No newline at end of file
diff --git a/main.ecedd4b0.js.map b/main.ecedd4b0.js.map
new file mode 100644
index 0000000..95f462c
--- /dev/null
+++ b/main.ecedd4b0.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./example/App.vue?fef0","webpack:///./src/index.js","webpack:///./example/App.vue?cf79","webpack:///example/App.vue","webpack:///./example/App.vue","webpack:///./example/App.vue?0127","webpack:///./example/index.js"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","call","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","0","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","window","oldJsonpFunction","slice","_node_modules_mini_css_extract_plugin_dist_loader_js_node_modules_css_loader_index_js_ref_1_oneOf_2_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_sass_loader_dist_cjs_js_ref_1_oneOf_2_2_node_modules_vue_loader_lib_index_js_vue_loader_options_App_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0__","VueTribute","props","options","type","required","watch","immediate","deep","handler","_this","this","tribute","setTimeout","$el","$slots","default","elm","detach","Tribute","attach","tributeInstance","mounted","Error","beforeDestroy","render","h","staticClass","Vue","component","example_Appvue_type_script_lang_js_","components","trigger","values","positionMenu","menuContainer","document","querySelector","$refs","methods","noMatchFound","console","log","append","kv","Math","random","toString","App","componentNormalizer","_vm","_h","$createElement","_c","_self","_v","attrs","ref","placeholder","on","tribute-no-match","contenteditable","click","el"],"mappings":"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","file":"main.ecedd4b0.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t0: 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/vue-tribute/\";\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([5,1]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","import mod from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js!../node_modules/css-loader/index.js??ref--1-oneOf-2-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/sass-loader/dist/cjs.js??ref--1-oneOf-2-2!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js!../node_modules/css-loader/index.js??ref--1-oneOf-2-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/sass-loader/dist/cjs.js??ref--1-oneOf-2-2!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&lang=scss&\"","import Tribute from \"tributejs\"\n\nconst VueTribute = {\n  name: \"vue-tribute\",\n  props: {\n    options: {\n      type: Object,\n      required: true\n    }\n  },\n  watch: {\n    options: {\n      immediate: false,\n      deep: true,\n      handler() {\n        if (this.tribute) {\n          setTimeout( () => {\n            var $el = this.$slots.default[0].elm;\n            this.tribute.detach($el);\n\n            setTimeout( () => {\n              $el = this.$slots.default[0].elm;\n              this.tribute = new Tribute(this.options);\n              this.tribute.attach($el);\n              $el.tributeInstance = this.tribute;\n            }, 0);\n          }, 0);\n        }\n      }\n    }\n  },\n  mounted() {\n    if (typeof Tribute === \"undefined\") {\n      throw new Error(\"[vue-tribute] cannot locate tributejs!\")\n    }\n\n    const $el = this.$slots.default[0].elm\n\n    this.tribute = new Tribute(this.options)\n\n    this.tribute.attach($el)\n\n    $el.tributeInstance = this.tribute\n  },\n  beforeDestroy() {\n    const $el = this.$slots.default[0].elm\n\n    if (this.tribute) {\n      this.tribute.detach($el)\n    }\n  },\n  render(h) {\n    return h(\n      \"div\",\n      {\n        staticClass: \"v-tribute\"\n      },\n      this.$slots.default\n    )\n  }\n}\n\nif (typeof window !== \"undefined\" && window.Vue) {\n  window.Vue.component(VueTribute.name, VueTribute)\n}\n\nexport default VueTribute\n","import mod from \"-!../node_modules/babel-loader/lib/index.js??ref--5-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../node_modules/babel-loader/lib/index.js??ref--5-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"","<template>\n  <div class=\"container\">\n    <h1>vue-tribute Demo</h1>\n    <h3>Simple text input</h3>\n    <vue-tribute :options=\"options\">\n      <input\n        type=\"text\"\n        placeholder=\"@...\"\n        @tribute-no-match=\"noMatchFound\"\n        ref=\"foo\"\n      />\n    </vue-tribute>\n    <br />\n    <h3>Textarea</h3>\n    <vue-tribute :options=\"options\">\n      <textarea placeholder=\"@...\"></textarea>\n    </vue-tribute>\n    <br />\n    <h3>contenteditable element</h3>\n    <vue-tribute :options=\"options\">\n      <div\n        class=\"content-editable\"\n        contenteditable=\"true\"\n        placeholder=\"@...\"\n      ></div>\n    </vue-tribute>\n    <br />\n    <button @click=\"append\" class=\"btn\">Append New Item</button>\n  </div>\n</template>\n<script>\nimport VueTribute from \"../src\";\nexport default {\n  components: {\n    VueTribute\n  },\n  data() {\n    return {\n      options: {\n        trigger: \"@\",\n        values: [\n          { key: \"Collin Henderson\", value: \"syropian\" },\n          { key: \"Sarah Drasner\", value: \"sarah_edo\" },\n          { key: \"Evan You\", value: \"youyuxi\" },\n          { key: \"Adam Wathan\", value: \"adamwathan\" }\n        ],\n        positionMenu: true,\n        menuContainer: document.querySelector(\".menu-container\")\n      }\n    };\n  },\n  mounted() {\n    this.options.menuContainer = this.$refs.menuContainer;\n  },\n  methods: {\n    noMatchFound() {\n      console.log(\"No matches found!\");\n    },\n    append() {\n      let kv = Math.random()\n        .toString(36)\n        .slice(2);\n      this.options.values.push({\n        key: kv,\n        value: kv\n      });\n    }\n  }\n};\n</script>\n<style lang=\"scss\">\n* {\n  box-sizing: border-box;\n}\nhtml,\nbody {\n  height: 100vh;\n  width: 100vw;\n}\nbody {\n  background: linear-gradient(to right, #fc466b, #3f5efb);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #fff;\n  font-family: \"Helvetica Neue\", \"Arial\", sans-serif;\n}\n.scroll {\n  width: 100%;\n  max-height: 300px;\n  overflow-y: auto;\n  position: relative;\n}\n.container {\n  max-width: 355px;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  padding: 0 20px;\n}\n\n.v-tribute {\n  width: 100%;\n  position: relative;\n}\n\ninput[type=\"text\"],\n.content-editable {\n  appearance: none;\n  border: none;\n  background: #eee;\n  padding: 1rem 1rem;\n  color: #666;\n  width: 100%;\n  border-radius: 0.25rem;\n  font-size: 16px;\n  outline: none;\n  &:focus {\n    background: #fff;\n  }\n}\n.content-editable:empty:before {\n  content: attr(placeholder);\n  display: block;\n  color: #666;\n}\ntextarea {\n  appearance: none;\n  border: none;\n  background: #eee;\n  padding: 1rem;\n  width: 100%;\n  border-radius: 0.25rem;\n  font-size: 16px;\n  height: 100px;\n  outline: none;\n  &:focus {\n    background: #fff;\n  }\n}\n\n.btn {\n  appearance: none;\n  border: none;\n  cursor: pointer;\n  margin: 20px 0;\n  background: #fc466b;\n  color: #fff;\n  font-size: 16px;\n  padding: 8px 16px;\n  border-radius: 3px;\n  box-shadow: 0 1px 3px rgba(#000, 0.18);\n  &:hover {\n    background: darken(#fc466b, 3%);\n  }\n}\n\n// Tribute-specific styles\n.tribute-container {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: auto;\n  max-height: 300px;\n  max-width: 500px;\n  overflow: auto;\n  display: block;\n  z-index: 999999;\n  border-radius: 4px;\n  box-shadow: 0 1px 4px rgba(#000, 0.13);\n}\n.tribute-container ul {\n  margin: 0;\n  margin-top: 2px;\n  padding: 0;\n  list-style: none;\n  background: #fff;\n  border-radius: 4px;\n  border: 1px solid rgba(#000, 0.13);\n  background-clip: padding-box;\n  overflow: hidden;\n}\n.tribute-container li {\n  color: #3f5efb;\n  padding: 5px 10px;\n  cursor: pointer;\n  font-size: 14px;\n}\n.tribute-container li.highlight,\n.tribute-container li:hover {\n  background: #3f5efb;\n  color: #fff;\n}\n.tribute-container li span {\n  font-weight: bold;\n}\n.tribute-container li.no-match {\n  cursor: default;\n}\n.tribute-container .menu-highlighted {\n  font-weight: bold;\n}\n</style>\n","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=c85d2b7c&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\nimport style0 from \"./App.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\"},[_c('h1',[_vm._v(\"vue-tribute Demo\")]),_vm._v(\" \"),_c('h3',[_vm._v(\"Simple text input\")]),_vm._v(\" \"),_c('vue-tribute',{attrs:{\"options\":_vm.options}},[_c('input',{ref:\"foo\",attrs:{\"type\":\"text\",\"placeholder\":\"@...\"},on:{\"tribute-no-match\":_vm.noMatchFound}})]),_vm._v(\" \"),_c('br'),_vm._v(\" \"),_c('h3',[_vm._v(\"Textarea\")]),_vm._v(\" \"),_c('vue-tribute',{attrs:{\"options\":_vm.options}},[_c('textarea',{attrs:{\"placeholder\":\"@...\"}})]),_vm._v(\" \"),_c('br'),_vm._v(\" \"),_c('h3',[_vm._v(\"contenteditable element\")]),_vm._v(\" \"),_c('vue-tribute',{attrs:{\"options\":_vm.options}},[_c('div',{staticClass:\"content-editable\",attrs:{\"contenteditable\":\"true\",\"placeholder\":\"@...\"}})]),_vm._v(\" \"),_c('br'),_vm._v(\" \"),_c('button',{staticClass:\"btn\",on:{\"click\":_vm.append}},[_vm._v(\"Append New Item\")])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import Vue from 'vue'\nimport App from './App'\n\nnew Vue({\n  el: '#app',\n  render(h) {\n    return h(App)\n  }\n})\n"],"sourceRoot":""}
\ No newline at end of file
