diff --git a/example/package-lock.json b/example/package-lock.json
index e099c07..da535d7 100644
--- a/example/package-lock.json
+++ b/example/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "@incuca/vue3-toaster",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
diff --git a/example/package.json b/example/package.json
index 00e4ced..4d68ee0 100644
--- a/example/package.json
+++ b/example/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@incuca/vue3-toaster",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",
diff --git a/example/src/App.vue b/example/src/App.vue
index 1946d1e..280d397 100644
--- a/example/src/App.vue
+++ b/example/src/App.vue
@@ -1,7 +1,6 @@
 <template>
   <div>
-    <!-- <img alt="Vue logo" src="./assets/logo.png" /> -->
-    <HelloWorld msg="Welcome to Vue Toaster Example" />
+    <hello-world msg="Welcome to Vue Toaster Example" />
   </div>
 </template>
 
diff --git a/example/src/components/HelloWorld.vue b/example/src/components/HelloWorld.vue
index 6ca6e78..ffad757 100644
--- a/example/src/components/HelloWorld.vue
+++ b/example/src/components/HelloWorld.vue
@@ -1,31 +1,35 @@
 <template>
   <div class="hello">
-    <Spacing bottom="4">
+    <spacing bottom="4">
       <h1>{{ msg }}</h1>
       <p>Click a button to show a Toast</p>
-    </Spacing>
-    <div class="c-grid">
-      <Button class="v--default" @click="toast">Default</Button>
-      <Button class="v--success" @click="toast('success')">Success</Button>
-      <Button class="v--info" @click="toast('info')">Info</Button>
-      <Button class="v--warning" @click="toast('warning')">Warning</Button>
-      <Button class="v--error" @click="toast('error')">Error</Button>
+    </spacing>
+    <div class="grid">
+      <toast-button class="default" @click="toast">Default</toast-button>
+      <toast-button class="success" @click="toast('success')">
+        Success
+      </toast-button>
+      <toast-button class="info" @click="toast('info')">Info</toast-button>
+      <toast-button class="warning" @click="toast('warning')">
+        Warning
+      </toast-button>
+      <toast-button class="error" @click="toast('error')">Error</toast-button>
     </div>
-    <Spacing :vertical="4">
+    <spacing :vertical="4">
       <h2>Do your changes</h2>
-      <Spacing :vertical="2">
-        <div class="c-two-columns">
+      <spacing :vertical="2">
+        <div class="two-columns">
           <div>
             <fieldset>
-              <label class="c-label" for="message">Message</label>
+              <label class="label" for="message">Message</label>
               <input id="message" v-model="message" type="text" />
             </fieldset>
             <fieldset>
-              <label class="c-label">Position</label>
+              <label class="label">Position</label>
               <label
                 v-for="position in POSITIONS"
                 :key="position.key"
-                class="c-label"
+                class="label"
               >
                 <input
                   name="position"
@@ -37,7 +41,7 @@
               </label>
             </fieldset>
             <fieldset>
-              <label class="c-label">
+              <label class="label">
                 Duration: {{ options.duration
                 }}{{ options.duration ? "ms" : "" }}
               </label>
@@ -48,13 +52,13 @@
                 v-model="options.duration"
                 :disabled="options.duration === false"
               />
-              <label class="c-label">
+              <label class="label">
                 <input type="checkbox" @change="changeDuration" />
                 Disable duration
               </label>
             </fieldset>
             <fieldset>
-              <label class="c-label">
+              <label class="label">
                 <input
                   type="checkbox"
                   checked
@@ -64,7 +68,7 @@
               </label>
             </fieldset>
             <fieldset>
-              <label class="c-label">
+              <label class="label">
                 <input
                   type="checkbox"
                   @change="options.queue = $event.target.checked"
@@ -73,7 +77,7 @@
               </label>
             </fieldset>
             <fieldset>
-              <label class="c-label"> Max Toasts</label>
+              <label class="label"> Max Toasts</label>
               <input
                 type="number"
                 v-model="options.maxToasts"
@@ -81,7 +85,7 @@
               />
             </fieldset>
             <fieldset>
-              <label class="c-label">
+              <label class="label">
                 <input
                   type="checkbox"
                   checked
@@ -91,7 +95,7 @@
               </label>
             </fieldset>
             <fieldset>
-              <label class="c-label">
+              <label class="label">
                 <input
                   type="checkbox"
                   checked
@@ -101,90 +105,84 @@
               </label>
             </fieldset>
           </div>
-          <div class="c-column-right">
-            <div class="c-code">
+          <div class="column-right">
+            <div class="code">
               <code>this.$toast(</code>
-              <Spacing left="2">
-                <code class="c-code--string">"{{ message }}"</code>
+              <spacing left="2">
+                <code class="code-string">"{{ message }}"</code>
                 <code v-if="hasOptions">,</code>
-              </Spacing>
-              <Spacing v-if="hasOptions" left="2">
+              </spacing>
+              <spacing v-if="hasOptions" left="2">
                 <code>{</code>
-                <Spacing left="4">
-                  <span class="c-code--object-line" v-if="options.type">
+                <spacing left="4">
+                  <span class="code-object-line" v-if="options.type">
                     <code>type:</code>
-                    <code class="c-code--string">{{ options.type }}</code>
+                    <code class="code-string">{{ options.type }}</code>
                   </span>
-                  <span class="c-code--object-line" v-if="options.position">
+                  <span class="code-object-line" v-if="options.position">
                     <code>position:</code>
-                    <code class="c-code--string">"{{ options.position }}"</code>
+                    <code class="code-string">"{{ options.position }}"</code>
                   </span>
                   <span
-                    class="c-code--object-line"
+                    class="code-object-line"
                     v-if="options.duration !== 4000"
                   >
                     <code>duration:</code>
-                    <code class="c-code--number">{{ options.duration }}</code>
+                    <code class="code-number">{{ options.duration }}</code>
                   </span>
 
                   <span
-                    class="c-code--object-line"
+                    class="code-object-line"
                     v-if="options.dismissible === false"
                   >
                     <code>dismissible:</code>
-                    <code class="c-code--number">{{
-                      options.dismissible
-                    }}</code>
+                    <code class="code-number">{{ options.dismissible }}</code>
                   </span>
 
-                  <span class="c-code--object-line" v-if="options.queue">
+                  <span class="code-object-line" v-if="options.queue">
                     <code>queue:</code>
-                    <code class="c-code--number">{{ options.queue }}</code>
+                    <code class="code-number">{{ options.queue }}</code>
                   </span>
 
                   <span
-                    class="c-code--object-line"
+                    class="code-object-line"
                     v-if="options.maxToasts || options.maxToasts === 0"
                   >
                     <code>max:</code>
-                    <code class="c-code--number">{{ options.maxToasts }}</code>
+                    <code class="code-number">{{ options.maxToasts }}</code>
                   </span>
 
                   <span
-                    class="c-code--object-line"
+                    class="code-object-line"
                     v-if="options.pauseOnHover === false"
                   >
                     <code>pauseOnHover:</code>
-                    <code class="c-code--number">{{
-                      options.pauseOnHover
-                    }}</code>
+                    <code class="code-number">{{ options.pauseOnHover }}</code>
                   </span>
 
                   <span
-                    class="c-code--object-line"
+                    class="code-object-line"
                     v-if="options.useDefaultCss === false"
                   >
                     <code>useDefaultCss:</code>
-                    <code class="c-code--number">{{
-                      options.useDefaultCss
-                    }}</code>
+                    <code class="code-number">{{ options.useDefaultCss }}</code>
                   </span>
-                </Spacing>
+                </spacing>
                 <code>}</code>
-              </Spacing>
+              </spacing>
               <code>)</code>
             </div>
-            <Button @click="toast" class="v--default">Show it</Button>
+            <toast-button @click="toast" class="default">Show it</toast-button>
           </div>
         </div>
-      </Spacing>
-    </Spacing>
+      </spacing>
+    </spacing>
   </div>
 </template>
 
 <script>
-import Button from "./Button";
 import Spacing from "./Spacing.vue";
+import ToastButton from "./ToastButton";
 import { POSITIONS } from "@incuca/vue3-toaster";
 
 export default {
@@ -198,7 +196,7 @@ export default {
     };
   },
   components: {
-    Button,
+    ToastButton,
     Spacing
   },
   props: {
@@ -263,7 +261,7 @@ li {
 a {
   color: #42b983;
 }
-.c-grid {
+.grid {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
   grid-gap: 8px;
@@ -293,7 +291,7 @@ input[type="checkbox"] {
   cursor: pointer;
 }
 
-.c-two-columns {
+.two-columns {
   display: grid;
   grid-template-columns: 1fr 1fr;
   grid-gap: 24px;
@@ -311,7 +309,7 @@ fieldset:not(:last-child) {
   margin-bottom: 20px;
 }
 
-.c-label {
+.label {
   font-weight: 700;
   margin-bottom: 8px;
   display: flex;
@@ -319,7 +317,7 @@ fieldset:not(:last-child) {
   text-transform: capitalize;
 }
 
-.c-code {
+.code {
   background-color: #252526;
   border-radius: 8px;
   color: #fff;
@@ -328,27 +326,27 @@ fieldset:not(:last-child) {
   text-align: left;
 }
 
-.c-code--string {
+.code-string {
   color: #ce9178;
 }
 
-.c-code--object-line {
+.code-object-line {
   display: flex;
 }
-.c-code--object-line:not(:last-child)::after {
+.code-object-line:not(:last-child)::after {
   content: ",";
   font-family: monospace;
   display: inline-block;
 }
-.c-code--object-line > code:last-child {
+.code-object-line > code:last-child {
   margin-left: 8px;
 }
 
-.c-code--number {
+.code-number {
   color: #b5cea8;
 }
 
-.c-column-right {
+.column-right {
   display: grid;
   grid-gap: 16px;
 }
diff --git a/example/src/components/Button.vue b/example/src/components/ToastButton.vue
similarity index 74%
rename from example/src/components/Button.vue
rename to example/src/components/ToastButton.vue
index 38f686a..84090bd 100644
--- a/example/src/components/Button.vue
+++ b/example/src/components/ToastButton.vue
@@ -1,18 +1,20 @@
 <template>
-  <button class="c-button">
-    <div class="c-button__hover" />
-    <div class="c-button__content">
+  <button class="button">
+    <div class="button_hover" />
+    <div class="button_content">
       <slot />
     </div>
   </button>
 </template>
+
 <script>
 export default {
-  name: "Button"
+  name: "ToastButton"
 };
 </script>
+
 <style>
-.c-button {
+.button {
   padding: 12px 16px;
   display: inline-block;
   cursor: pointer;
@@ -31,36 +33,36 @@ export default {
   overflow: hidden;
 }
 
-.c-button.v--success {
+.button.success {
   background-color: #28a745;
   color: #fff;
 }
 
-.c-button.v--info {
+.button.info {
   background-color: #17a2b8;
   color: #fff;
 }
 
-.c-button.v--warning {
+.button.warning {
   background-color: #ffc107;
   color: #fff;
 }
 
-.c-button.v--error {
+.button.error {
   background-color: #dc3545;
   color: #fff;
 }
 
-.c-button.v--default {
+.button.default {
   background-color: #343a40;
   color: #fff;
 }
 
-.c-button--sprawled {
+.button-sprawled {
   min-width: 160px;
   padding: 12px 48px;
 }
-.c-button__hover {
+.button_hover {
   position: absolute;
   left: 0;
   bottom: 0;
@@ -70,10 +72,10 @@ export default {
   opacity: 0;
   transition: 0.1s all ease;
 }
-.c-button:hover > .c-button__hover {
+.button:hover > .button_hover {
   opacity: 1;
 }
-.c-button__content {
+.button_content {
   position: relative;
   width: 100%;
   height: 100%;
diff --git a/package-lock.json b/package-lock.json
index 075dda3..839a0f9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@incuca/vue3-toaster",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@incuca/vue3-toaster",
-      "version": "1.0.0",
+      "version": "1.1.1",
       "license": "MIT",
       "devDependencies": {
         "autoprefixer": "^10.2.4",
@@ -29,9 +29,9 @@
       }
     },
     "node_modules/@babel/generator": {
-      "version": "7.13.0",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.13.0.tgz",
-      "integrity": "sha512-zBZfgvBB/ywjx0Rgc2+BwoH/3H+lDtlgD4hBOpEv5LxRnYsm/753iRuLepqnYlynpjC3AdQxtxsoeHJoEEwOAw==",
+      "version": "7.13.9",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.13.9.tgz",
+      "integrity": "sha512-mHOOmY0Axl/JCTkxTU6Lf5sWOg/v8nUa+Xkt4zMTftX0wqmb6Sh7J8gvcehBw7q0AhrhAR+FDacKjCZ2X8K+Sw==",
       "dev": true,
       "dependencies": {
         "@babel/types": "^7.13.0",
@@ -86,9 +86,9 @@
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.13.4",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.13.4.tgz",
-      "integrity": "sha512-uvoOulWHhI+0+1f9L4BoozY7U5cIkZ9PgJqvb041d6vypgUmtVPG4vmGm4pSggjl8BELzvHyUeJSUyEMY6b+qA==",
+      "version": "7.13.9",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.13.9.tgz",
+      "integrity": "sha512-nEUfRiARCcaVo3ny3ZQjURjHQZUo/JkEw7rLlSZy/psWGnvwXFtPcr6jb7Yb41DVW5LTe6KRq9LGleRNsg1Frw==",
       "dev": true,
       "bin": {
         "parser": "bin/babel-parser.js"
@@ -137,14 +137,14 @@
       }
     },
     "node_modules/@vue/compiler-core": {
-      "version": "3.0.6",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.0.6.tgz",
-      "integrity": "sha512-O7QzQ39DskOoPpEDWRvKwDX7Py9UNT7SvLHvBdIfckGA3OsAEBdiAtuYQNcVmUDeBajm+08v5wyvHWBbWgkilQ==",
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.0.7.tgz",
+      "integrity": "sha512-JFohgBXoyUc3mdeI2WxlhjQZ5fakfemJkZHX8Gu/nFbEg3+lKVUZmNKWmmnp9aOzJQZKoj77LjmFxiP+P+7lMQ==",
       "dev": true,
       "dependencies": {
         "@babel/parser": "^7.12.0",
         "@babel/types": "^7.12.0",
-        "@vue/shared": "3.0.6",
+        "@vue/shared": "3.0.7",
         "estree-walker": "^2.0.1",
         "source-map": "^0.6.1"
       }
@@ -159,49 +159,49 @@
       }
     },
     "node_modules/@vue/compiler-dom": {
-      "version": "3.0.6",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.0.6.tgz",
-      "integrity": "sha512-q1wfHzYwvDRAhBlx+Qa+n3Bu5nHr1qL/j0UbpNlbQDwIlt9zpvmXUrUCL+i55Bh5lLKvSe+mNo0qlwNEApm+jA==",
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.0.7.tgz",
+      "integrity": "sha512-VnIH9EbWQm/Tkcp+8dCaNVsVvhm/vxCrIKWRkXY9215hTqOqQOvejT8IMjd2kc++nIsYMsdQk6H9qqBvoLe/Cw==",
       "dev": true,
       "dependencies": {
-        "@vue/compiler-core": "3.0.6",
-        "@vue/shared": "3.0.6"
+        "@vue/compiler-core": "3.0.7",
+        "@vue/shared": "3.0.7"
       }
     },
     "node_modules/@vue/reactivity": {
-      "version": "3.0.6",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.0.6.tgz",
-      "integrity": "sha512-hX8PnZayNMoljWSYrZW0OclQnRaMoHxvi5eeFVFPDr7+tzBeiftmmozKttxxCLoDxBWX1B4gNc237DIcYU63Lw==",
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.0.7.tgz",
+      "integrity": "sha512-FotWcNNaKhqpFZrdgsUOZ1enlJ5lhTt01CNTtLSyK7jYFgZBTuw8vKsEutZKDYZ1XKotOfoeO8N3pZQqmM6Etw==",
       "dev": true,
       "dependencies": {
-        "@vue/shared": "3.0.6"
+        "@vue/shared": "3.0.7"
       }
     },
     "node_modules/@vue/runtime-core": {
-      "version": "3.0.6",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.0.6.tgz",
-      "integrity": "sha512-x6N38P0DeMyrHiAxCE/rACHTyydOzlg8IyUIPkSJ4rrSkuJnAtFKQicK6fm8NuD21dwdPr8KcZ4Cn4xaqL1JJg==",
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.0.7.tgz",
+      "integrity": "sha512-DBAZAwVvdmMXuyd6/9qqj/kYr/GaLTmn1L2/QLxLwP+UfhIboiTSBc/tUUb8MRk7Bb98GzNeAWkkT6AfooS3dQ==",
       "dev": true,
       "dependencies": {
-        "@vue/reactivity": "3.0.6",
-        "@vue/shared": "3.0.6"
+        "@vue/reactivity": "3.0.7",
+        "@vue/shared": "3.0.7"
       }
     },
     "node_modules/@vue/runtime-dom": {
-      "version": "3.0.6",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.0.6.tgz",
-      "integrity": "sha512-Y6y4Tak9//VXB2mp2NVQxbwC4a5xsnJpotpo8yBAB3qB3L4v4HQLpqxSkwThRwI6Y6Z7dydX/sgfraqLBE8BWg==",
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.0.7.tgz",
+      "integrity": "sha512-Oij4ruOtnpQpCj+/Q3JPzgpTJ1Q7+N67pA53A8KVITEtxfvKL46NN6dhAZ5NGqwX6RWZpYqWQNewITeF0pHr8g==",
       "dev": true,
       "dependencies": {
-        "@vue/runtime-core": "3.0.6",
-        "@vue/shared": "3.0.6",
+        "@vue/runtime-core": "3.0.7",
+        "@vue/shared": "3.0.7",
         "csstype": "^2.6.8"
       }
     },
     "node_modules/@vue/shared": {
-      "version": "3.0.6",
-      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.0.6.tgz",
-      "integrity": "sha512-c37C60HpelUZIx+SNZVEINSxkFzQYhIXFg5AynnIA4QDBmY4iSPoACfGSwSUTCTKImukPeCgY2oqRJVP3R1Mnw==",
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.0.7.tgz",
+      "integrity": "sha512-dn5FyfSc4ky424jH4FntiHno7Ss5yLkqKNmM/NXwANRnlkmqu74pnGetexDFVG5phMk9/FhwovUZCWGxsotVKg==",
       "dev": true
     },
     "node_modules/acorn": {
@@ -382,10 +382,19 @@
         "url": "https://opencollective.com/browserslist"
       }
     },
+    "node_modules/callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001192",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001192.tgz",
-      "integrity": "sha512-63OrUnwJj5T1rUmoyqYTdRWBqFFxZFlyZnRRjDR8NSUQFB6A+j/uBORU/SyJ5WzDLg4SPiZH40hQCBNdZ/jmAw==",
+      "version": "1.0.30001194",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001194.tgz",
+      "integrity": "sha512-iDUOH+oFeBYk5XawYsPtsx/8fFpndAPUQJC7gBTfxHM8xw5nOZv7ceAD4frS1MKCLUac7QL5wdAJiFQlDRjXlA==",
       "dev": true
     },
     "node_modules/chalk": {
@@ -523,9 +532,9 @@
       }
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.3.675",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.675.tgz",
-      "integrity": "sha512-GEQw+6dNWjueXGkGfjgm7dAMtXfEqrfDG3uWcZdeaD4cZ3dKYdPRQVruVXQRXtPLtOr5GNVVlNLRMChOZ611pQ==",
+      "version": "1.3.679",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.679.tgz",
+      "integrity": "sha512-PNF7JSPAEa/aV2nQLvflRcnIMy31EOuCY87Jbdz0KsUf8O/eFNGpuwgQn2DmyJkKzfQb0zrieanRGWvf/4H+BA==",
       "dev": true
     },
     "node_modules/emoji-regex": {
@@ -628,15 +637,15 @@
       }
     },
     "node_modules/eslint-plugin-vue": {
-      "version": "7.6.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-7.6.0.tgz",
-      "integrity": "sha512-qYpKwAvpcQXyUXVcG8Zd+fxHDx9iSgTQuO7dql7Ug/2BCvNNDr6s3I9p8MoUo23JJdO7ZAjW3vSwY/EBf4uBcw==",
+      "version": "7.7.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-7.7.0.tgz",
+      "integrity": "sha512-mYz4bpLGv5jx6YG/GvKkqbGSfV7uma2u1P3mLA41Q5vQl8W1MeuTneB8tfsLq6xxxesFubcrOC0BZBJ5R+eaCQ==",
       "dev": true,
       "dependencies": {
         "eslint-utils": "^2.1.0",
         "natural-compare": "^1.4.0",
         "semver": "^7.3.2",
-        "vue-eslint-parser": "^7.5.0"
+        "vue-eslint-parser": "^7.6.0"
       },
       "engines": {
         "node": ">=8.10"
@@ -660,18 +669,6 @@
         "url": "https://github.com/sponsors/mysticatea"
       }
     },
-    "node_modules/eslint-plugin-vue/node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/eslint-plugin-vue/node_modules/semver": {
       "version": "7.3.4",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.4.tgz",
@@ -687,12 +684,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/eslint-plugin-vue/node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
-    },
     "node_modules/eslint-scope": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
@@ -727,18 +718,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/eslint/node_modules/glob-parent": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.1.tgz",
-      "integrity": "sha512-FnI+VGOpnlGHWZxthPGR+QhR78fuiK0sNLkHQv+bL9fQi57lNNdquIbna/WrfROrolq8GK5Ek6BiMwqL/voRYQ==",
-      "dev": true,
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
     "node_modules/eslint/node_modules/globals": {
       "version": "12.4.0",
       "resolved": "https://registry.npmjs.org/globals/-/globals-12.4.0.tgz",
@@ -754,31 +733,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/eslint/node_modules/import-fresh": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
-      "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
-      "dev": true,
-      "dependencies": {
-        "parent-module": "^1.0.0",
-        "resolve-from": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/eslint/node_modules/resolve-from": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
-      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/eslint/node_modules/type-fest": {
       "version": "0.8.1",
       "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
@@ -960,18 +914,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/flat-cache/node_modules/rimraf": {
-      "version": "2.6.3",
-      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz",
-      "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==",
-      "dev": true,
-      "dependencies": {
-        "glob": "^7.1.3"
-      },
-      "bin": {
-        "rimraf": "bin.js"
-      }
-    },
     "node_modules/flatted": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/flatted/-/flatted-2.0.2.tgz",
@@ -1025,6 +967,18 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
+    "node_modules/glob-parent": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.1.tgz",
+      "integrity": "sha512-FnI+VGOpnlGHWZxthPGR+QhR78fuiK0sNLkHQv+bL9fQi57lNNdquIbna/WrfROrolq8GK5Ek6BiMwqL/voRYQ==",
+      "dev": true,
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/globals": {
       "version": "11.12.0",
       "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
@@ -1076,6 +1030,22 @@
         "node": ">= 4"
       }
     },
+    "node_modules/import-fresh": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
+      "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
+      "dev": true,
+      "dependencies": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/imurmurhash": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
@@ -1192,29 +1162,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/inquirer/node_modules/is-fullwidth-code-point": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/inquirer/node_modules/string-width": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.1.tgz",
-      "integrity": "sha512-LL0OLyN6AnfV9xqGQpDBwedT2Rt63737LxvsRxbcwpa2aIeynBApG2Sm//F3TaLHIR1aJBN52DWklc06b94o5Q==",
-      "dev": true,
-      "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/inquirer/node_modules/strip-ansi": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.0.tgz",
@@ -1261,12 +1208,12 @@
       }
     },
     "node_modules/is-fullwidth-code-point": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
-      "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
       "dev": true,
       "engines": {
-        "node": ">=4"
+        "node": ">=8"
       }
     },
     "node_modules/is-glob": {
@@ -1349,6 +1296,18 @@
       "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
       "dev": true
     },
+    "node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/mimic-fn": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
@@ -1501,15 +1460,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/parent-module/node_modules/callsites": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
-      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/path-is-absolute": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
@@ -1640,6 +1590,15 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/resolve-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/restore-cursor": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz",
@@ -1653,6 +1612,18 @@
         "node": ">=8"
       }
     },
+    "node_modules/rimraf": {
+      "version": "2.6.3",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz",
+      "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==",
+      "dev": true,
+      "dependencies": {
+        "glob": "^7.1.3"
+      },
+      "bin": {
+        "rimraf": "bin.js"
+      }
+    },
     "node_modules/run-async": {
       "version": "2.4.1",
       "resolved": "https://registry.npmjs.org/run-async/-/run-async-2.4.1.tgz",
@@ -1730,6 +1701,15 @@
         "node": ">=6"
       }
     },
+    "node_modules/slice-ansi/node_modules/is-fullwidth-code-point": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
+      "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/source-map": {
       "version": "0.5.7",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
@@ -1745,6 +1725,41 @@
       "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=",
       "dev": true
     },
+    "node_modules/string-width": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.2.tgz",
+      "integrity": "sha512-XBJbT3N4JhVumXE0eoLU9DCjcaF92KLNqTmFCnG1pf8duUxFGwtP6AD6nkjw9a3IdiRtL3E2w3JDiE/xi3vOeA==",
+      "dev": true,
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/string-width/node_modules/ansi-regex": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.0.tgz",
+      "integrity": "sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/string-width/node_modules/strip-ansi": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.0.tgz",
+      "integrity": "sha512-AuvKTrTfQNYNIctbR1K/YGTR1756GycPsg7b9bdV9Duqur4gv6aKqHXah67Z8ImS7WEz5QVcOtlfW2rZEugt6w==",
+      "dev": true,
+      "dependencies": {
+        "ansi-regex": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/strip-ansi": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
@@ -1802,6 +1817,15 @@
       "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==",
       "dev": true
     },
+    "node_modules/table/node_modules/is-fullwidth-code-point": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
+      "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/table/node_modules/string-width": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz",
@@ -1895,20 +1919,20 @@
       "dev": true
     },
     "node_modules/vue": {
-      "version": "3.0.6",
-      "resolved": "https://registry.npmjs.org/vue/-/vue-3.0.6.tgz",
-      "integrity": "sha512-fgjbe/+f1EsqG7ZbaFSnxdzQXF2DKoFCdJlPxZZJy9XMtyXS6SY8pGzLi8WYb4zmsPLHvTZz4bHW30kFDk7vfA==",
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.0.7.tgz",
+      "integrity": "sha512-8h4TikD+JabbMK9aRlBO4laG0AtNHRPHynxYgWZ9sq1YUPfzynd9Jeeb27XNyZytC7aCQRX9xe1+TQJuc181Tw==",
       "dev": true,
       "dependencies": {
-        "@vue/compiler-dom": "3.0.6",
-        "@vue/runtime-dom": "3.0.6",
-        "@vue/shared": "3.0.6"
+        "@vue/compiler-dom": "3.0.7",
+        "@vue/runtime-dom": "3.0.7",
+        "@vue/shared": "3.0.7"
       }
     },
     "node_modules/vue-eslint-parser": {
-      "version": "7.5.0",
-      "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-7.5.0.tgz",
-      "integrity": "sha512-6EHzl00hIpy4yWZo3qSbtvtVw1A1cTKOv1w95QSuAqGgk4113XtRjvNIiEGo49r0YWOPYsrmI4Dl64axL5Agrw==",
+      "version": "7.6.0",
+      "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-7.6.0.tgz",
+      "integrity": "sha512-QXxqH8ZevBrtiZMZK0LpwaMfevQi9UL7lY6Kcp+ogWHC88AuwUPwwCIzkOUc1LR4XsYAt/F9yHXAB/QoD17QXA==",
       "dev": true,
       "dependencies": {
         "debug": "^4.1.1",
@@ -1966,6 +1990,12 @@
       "engines": {
         "node": ">=4"
       }
+    },
+    "node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true
     }
   },
   "dependencies": {
@@ -1979,9 +2009,9 @@
       }
     },
     "@babel/generator": {
-      "version": "7.13.0",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.13.0.tgz",
-      "integrity": "sha512-zBZfgvBB/ywjx0Rgc2+BwoH/3H+lDtlgD4hBOpEv5LxRnYsm/753iRuLepqnYlynpjC3AdQxtxsoeHJoEEwOAw==",
+      "version": "7.13.9",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.13.9.tgz",
+      "integrity": "sha512-mHOOmY0Axl/JCTkxTU6Lf5sWOg/v8nUa+Xkt4zMTftX0wqmb6Sh7J8gvcehBw7q0AhrhAR+FDacKjCZ2X8K+Sw==",
       "dev": true,
       "requires": {
         "@babel/types": "^7.13.0",
@@ -2036,9 +2066,9 @@
       }
     },
     "@babel/parser": {
-      "version": "7.13.4",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.13.4.tgz",
-      "integrity": "sha512-uvoOulWHhI+0+1f9L4BoozY7U5cIkZ9PgJqvb041d6vypgUmtVPG4vmGm4pSggjl8BELzvHyUeJSUyEMY6b+qA==",
+      "version": "7.13.9",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.13.9.tgz",
+      "integrity": "sha512-nEUfRiARCcaVo3ny3ZQjURjHQZUo/JkEw7rLlSZy/psWGnvwXFtPcr6jb7Yb41DVW5LTe6KRq9LGleRNsg1Frw==",
       "dev": true
     },
     "@babel/template": {
@@ -2081,14 +2111,14 @@
       }
     },
     "@vue/compiler-core": {
-      "version": "3.0.6",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.0.6.tgz",
-      "integrity": "sha512-O7QzQ39DskOoPpEDWRvKwDX7Py9UNT7SvLHvBdIfckGA3OsAEBdiAtuYQNcVmUDeBajm+08v5wyvHWBbWgkilQ==",
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.0.7.tgz",
+      "integrity": "sha512-JFohgBXoyUc3mdeI2WxlhjQZ5fakfemJkZHX8Gu/nFbEg3+lKVUZmNKWmmnp9aOzJQZKoj77LjmFxiP+P+7lMQ==",
       "dev": true,
       "requires": {
         "@babel/parser": "^7.12.0",
         "@babel/types": "^7.12.0",
-        "@vue/shared": "3.0.6",
+        "@vue/shared": "3.0.7",
         "estree-walker": "^2.0.1",
         "source-map": "^0.6.1"
       },
@@ -2102,49 +2132,49 @@
       }
     },
     "@vue/compiler-dom": {
-      "version": "3.0.6",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.0.6.tgz",
-      "integrity": "sha512-q1wfHzYwvDRAhBlx+Qa+n3Bu5nHr1qL/j0UbpNlbQDwIlt9zpvmXUrUCL+i55Bh5lLKvSe+mNo0qlwNEApm+jA==",
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.0.7.tgz",
+      "integrity": "sha512-VnIH9EbWQm/Tkcp+8dCaNVsVvhm/vxCrIKWRkXY9215hTqOqQOvejT8IMjd2kc++nIsYMsdQk6H9qqBvoLe/Cw==",
       "dev": true,
       "requires": {
-        "@vue/compiler-core": "3.0.6",
-        "@vue/shared": "3.0.6"
+        "@vue/compiler-core": "3.0.7",
+        "@vue/shared": "3.0.7"
       }
     },
     "@vue/reactivity": {
-      "version": "3.0.6",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.0.6.tgz",
-      "integrity": "sha512-hX8PnZayNMoljWSYrZW0OclQnRaMoHxvi5eeFVFPDr7+tzBeiftmmozKttxxCLoDxBWX1B4gNc237DIcYU63Lw==",
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.0.7.tgz",
+      "integrity": "sha512-FotWcNNaKhqpFZrdgsUOZ1enlJ5lhTt01CNTtLSyK7jYFgZBTuw8vKsEutZKDYZ1XKotOfoeO8N3pZQqmM6Etw==",
       "dev": true,
       "requires": {
-        "@vue/shared": "3.0.6"
+        "@vue/shared": "3.0.7"
       }
     },
     "@vue/runtime-core": {
-      "version": "3.0.6",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.0.6.tgz",
-      "integrity": "sha512-x6N38P0DeMyrHiAxCE/rACHTyydOzlg8IyUIPkSJ4rrSkuJnAtFKQicK6fm8NuD21dwdPr8KcZ4Cn4xaqL1JJg==",
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.0.7.tgz",
+      "integrity": "sha512-DBAZAwVvdmMXuyd6/9qqj/kYr/GaLTmn1L2/QLxLwP+UfhIboiTSBc/tUUb8MRk7Bb98GzNeAWkkT6AfooS3dQ==",
       "dev": true,
       "requires": {
-        "@vue/reactivity": "3.0.6",
-        "@vue/shared": "3.0.6"
+        "@vue/reactivity": "3.0.7",
+        "@vue/shared": "3.0.7"
       }
     },
     "@vue/runtime-dom": {
-      "version": "3.0.6",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.0.6.tgz",
-      "integrity": "sha512-Y6y4Tak9//VXB2mp2NVQxbwC4a5xsnJpotpo8yBAB3qB3L4v4HQLpqxSkwThRwI6Y6Z7dydX/sgfraqLBE8BWg==",
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.0.7.tgz",
+      "integrity": "sha512-Oij4ruOtnpQpCj+/Q3JPzgpTJ1Q7+N67pA53A8KVITEtxfvKL46NN6dhAZ5NGqwX6RWZpYqWQNewITeF0pHr8g==",
       "dev": true,
       "requires": {
-        "@vue/runtime-core": "3.0.6",
-        "@vue/shared": "3.0.6",
+        "@vue/runtime-core": "3.0.7",
+        "@vue/shared": "3.0.7",
         "csstype": "^2.6.8"
       }
     },
     "@vue/shared": {
-      "version": "3.0.6",
-      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.0.6.tgz",
-      "integrity": "sha512-c37C60HpelUZIx+SNZVEINSxkFzQYhIXFg5AynnIA4QDBmY4iSPoACfGSwSUTCTKImukPeCgY2oqRJVP3R1Mnw==",
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.0.7.tgz",
+      "integrity": "sha512-dn5FyfSc4ky424jH4FntiHno7Ss5yLkqKNmM/NXwANRnlkmqu74pnGetexDFVG5phMk9/FhwovUZCWGxsotVKg==",
       "dev": true
     },
     "acorn": {
@@ -2268,10 +2298,16 @@
         "node-releases": "^1.1.70"
       }
     },
+    "callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "dev": true
+    },
     "caniuse-lite": {
-      "version": "1.0.30001192",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001192.tgz",
-      "integrity": "sha512-63OrUnwJj5T1rUmoyqYTdRWBqFFxZFlyZnRRjDR8NSUQFB6A+j/uBORU/SyJ5WzDLg4SPiZH40hQCBNdZ/jmAw==",
+      "version": "1.0.30001194",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001194.tgz",
+      "integrity": "sha512-iDUOH+oFeBYk5XawYsPtsx/8fFpndAPUQJC7gBTfxHM8xw5nOZv7ceAD4frS1MKCLUac7QL5wdAJiFQlDRjXlA==",
       "dev": true
     },
     "chalk": {
@@ -2385,9 +2421,9 @@
       }
     },
     "electron-to-chromium": {
-      "version": "1.3.675",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.675.tgz",
-      "integrity": "sha512-GEQw+6dNWjueXGkGfjgm7dAMtXfEqrfDG3uWcZdeaD4cZ3dKYdPRQVruVXQRXtPLtOr5GNVVlNLRMChOZ611pQ==",
+      "version": "1.3.679",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.679.tgz",
+      "integrity": "sha512-PNF7JSPAEa/aV2nQLvflRcnIMy31EOuCY87Jbdz0KsUf8O/eFNGpuwgQn2DmyJkKzfQb0zrieanRGWvf/4H+BA==",
       "dev": true
     },
     "emoji-regex": {
@@ -2453,15 +2489,6 @@
         "v8-compile-cache": "^2.0.3"
       },
       "dependencies": {
-        "glob-parent": {
-          "version": "5.1.1",
-          "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.1.tgz",
-          "integrity": "sha512-FnI+VGOpnlGHWZxthPGR+QhR78fuiK0sNLkHQv+bL9fQi57lNNdquIbna/WrfROrolq8GK5Ek6BiMwqL/voRYQ==",
-          "dev": true,
-          "requires": {
-            "is-glob": "^4.0.1"
-          }
-        },
         "globals": {
           "version": "12.4.0",
           "resolved": "https://registry.npmjs.org/globals/-/globals-12.4.0.tgz",
@@ -2471,22 +2498,6 @@
             "type-fest": "^0.8.1"
           }
         },
-        "import-fresh": {
-          "version": "3.3.0",
-          "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
-          "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
-          "dev": true,
-          "requires": {
-            "parent-module": "^1.0.0",
-            "resolve-from": "^4.0.0"
-          }
-        },
-        "resolve-from": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
-          "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
-          "dev": true
-        },
         "type-fest": {
           "version": "0.8.1",
           "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
@@ -2505,15 +2516,15 @@
       }
     },
     "eslint-plugin-vue": {
-      "version": "7.6.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-7.6.0.tgz",
-      "integrity": "sha512-qYpKwAvpcQXyUXVcG8Zd+fxHDx9iSgTQuO7dql7Ug/2BCvNNDr6s3I9p8MoUo23JJdO7ZAjW3vSwY/EBf4uBcw==",
+      "version": "7.7.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-7.7.0.tgz",
+      "integrity": "sha512-mYz4bpLGv5jx6YG/GvKkqbGSfV7uma2u1P3mLA41Q5vQl8W1MeuTneB8tfsLq6xxxesFubcrOC0BZBJ5R+eaCQ==",
       "dev": true,
       "requires": {
         "eslint-utils": "^2.1.0",
         "natural-compare": "^1.4.0",
         "semver": "^7.3.2",
-        "vue-eslint-parser": "^7.5.0"
+        "vue-eslint-parser": "^7.6.0"
       },
       "dependencies": {
         "eslint-utils": {
@@ -2525,15 +2536,6 @@
             "eslint-visitor-keys": "^1.1.0"
           }
         },
-        "lru-cache": {
-          "version": "6.0.0",
-          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-          "dev": true,
-          "requires": {
-            "yallist": "^4.0.0"
-          }
-        },
         "semver": {
           "version": "7.3.4",
           "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.4.tgz",
@@ -2542,12 +2544,6 @@
           "requires": {
             "lru-cache": "^6.0.0"
           }
-        },
-        "yallist": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-          "dev": true
         }
       }
     },
@@ -2707,17 +2703,6 @@
         "flatted": "^2.0.0",
         "rimraf": "2.6.3",
         "write": "1.0.3"
-      },
-      "dependencies": {
-        "rimraf": {
-          "version": "2.6.3",
-          "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz",
-          "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==",
-          "dev": true,
-          "requires": {
-            "glob": "^7.1.3"
-          }
-        }
       }
     },
     "flatted": {
@@ -2764,6 +2749,15 @@
         "path-is-absolute": "^1.0.0"
       }
     },
+    "glob-parent": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.1.tgz",
+      "integrity": "sha512-FnI+VGOpnlGHWZxthPGR+QhR78fuiK0sNLkHQv+bL9fQi57lNNdquIbna/WrfROrolq8GK5Ek6BiMwqL/voRYQ==",
+      "dev": true,
+      "requires": {
+        "is-glob": "^4.0.1"
+      }
+    },
     "globals": {
       "version": "11.12.0",
       "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
@@ -2800,6 +2794,16 @@
       "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==",
       "dev": true
     },
+    "import-fresh": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
+      "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
+      "dev": true,
+      "requires": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      }
+    },
     "imurmurhash": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
@@ -2889,23 +2893,6 @@
           "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
           "dev": true
         },
-        "is-fullwidth-code-point": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-          "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-          "dev": true
-        },
-        "string-width": {
-          "version": "4.2.1",
-          "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.1.tgz",
-          "integrity": "sha512-LL0OLyN6AnfV9xqGQpDBwedT2Rt63737LxvsRxbcwpa2aIeynBApG2Sm//F3TaLHIR1aJBN52DWklc06b94o5Q==",
-          "dev": true,
-          "requires": {
-            "emoji-regex": "^8.0.0",
-            "is-fullwidth-code-point": "^3.0.0",
-            "strip-ansi": "^6.0.0"
-          }
-        },
         "strip-ansi": {
           "version": "6.0.0",
           "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.0.tgz",
@@ -2942,9 +2929,9 @@
       "dev": true
     },
     "is-fullwidth-code-point": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
-      "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
       "dev": true
     },
     "is-glob": {
@@ -3012,6 +2999,15 @@
       "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
       "dev": true
     },
+    "lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "requires": {
+        "yallist": "^4.0.0"
+      }
+    },
     "mimic-fn": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
@@ -3129,14 +3125,6 @@
       "dev": true,
       "requires": {
         "callsites": "^3.0.0"
-      },
-      "dependencies": {
-        "callsites": {
-          "version": "3.1.0",
-          "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
-          "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
-          "dev": true
-        }
       }
     },
     "path-is-absolute": {
@@ -3231,6 +3219,12 @@
         "path-parse": "^1.0.6"
       }
     },
+    "resolve-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "dev": true
+    },
     "restore-cursor": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz",
@@ -3241,6 +3235,15 @@
         "signal-exit": "^3.0.2"
       }
     },
+    "rimraf": {
+      "version": "2.6.3",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz",
+      "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==",
+      "dev": true,
+      "requires": {
+        "glob": "^7.1.3"
+      }
+    },
     "run-async": {
       "version": "2.4.1",
       "resolved": "https://registry.npmjs.org/run-async/-/run-async-2.4.1.tgz",
@@ -3298,6 +3301,14 @@
         "ansi-styles": "^3.2.0",
         "astral-regex": "^1.0.0",
         "is-fullwidth-code-point": "^2.0.0"
+      },
+      "dependencies": {
+        "is-fullwidth-code-point": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
+          "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
+          "dev": true
+        }
       }
     },
     "source-map": {
@@ -3312,6 +3323,34 @@
       "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=",
       "dev": true
     },
+    "string-width": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.2.tgz",
+      "integrity": "sha512-XBJbT3N4JhVumXE0eoLU9DCjcaF92KLNqTmFCnG1pf8duUxFGwtP6AD6nkjw9a3IdiRtL3E2w3JDiE/xi3vOeA==",
+      "dev": true,
+      "requires": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.0.tgz",
+          "integrity": "sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==",
+          "dev": true
+        },
+        "strip-ansi": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.0.tgz",
+          "integrity": "sha512-AuvKTrTfQNYNIctbR1K/YGTR1756GycPsg7b9bdV9Duqur4gv6aKqHXah67Z8ImS7WEz5QVcOtlfW2rZEugt6w==",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^5.0.0"
+          }
+        }
+      }
+    },
     "strip-ansi": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
@@ -3354,6 +3393,12 @@
           "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==",
           "dev": true
         },
+        "is-fullwidth-code-point": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
+          "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
+          "dev": true
+        },
         "string-width": {
           "version": "3.1.0",
           "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz",
@@ -3431,20 +3476,20 @@
       "dev": true
     },
     "vue": {
-      "version": "3.0.6",
-      "resolved": "https://registry.npmjs.org/vue/-/vue-3.0.6.tgz",
-      "integrity": "sha512-fgjbe/+f1EsqG7ZbaFSnxdzQXF2DKoFCdJlPxZZJy9XMtyXS6SY8pGzLi8WYb4zmsPLHvTZz4bHW30kFDk7vfA==",
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.0.7.tgz",
+      "integrity": "sha512-8h4TikD+JabbMK9aRlBO4laG0AtNHRPHynxYgWZ9sq1YUPfzynd9Jeeb27XNyZytC7aCQRX9xe1+TQJuc181Tw==",
       "dev": true,
       "requires": {
-        "@vue/compiler-dom": "3.0.6",
-        "@vue/runtime-dom": "3.0.6",
-        "@vue/shared": "3.0.6"
+        "@vue/compiler-dom": "3.0.7",
+        "@vue/runtime-dom": "3.0.7",
+        "@vue/shared": "3.0.7"
       }
     },
     "vue-eslint-parser": {
-      "version": "7.5.0",
-      "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-7.5.0.tgz",
-      "integrity": "sha512-6EHzl00hIpy4yWZo3qSbtvtVw1A1cTKOv1w95QSuAqGgk4113XtRjvNIiEGo49r0YWOPYsrmI4Dl64axL5Agrw==",
+      "version": "7.6.0",
+      "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-7.6.0.tgz",
+      "integrity": "sha512-QXxqH8ZevBrtiZMZK0LpwaMfevQi9UL7lY6Kcp+ogWHC88AuwUPwwCIzkOUc1LR4XsYAt/F9yHXAB/QoD17QXA==",
       "dev": true,
       "requires": {
         "debug": "^4.1.1",
@@ -3484,6 +3529,12 @@
       "requires": {
         "mkdirp": "^0.5.1"
       }
+    },
+    "yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true
     }
   }
 }
diff --git a/package.json b/package.json
index 8bf6c71..ca7aad8 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@incuca/vue3-toaster",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "Lightweight toast-notification plugin for Vue 3",
   "license": "MIT",
   "homepage": "https://github.com/InCuca/vue3-toaster/issues#readme",
diff --git a/src/Toaster.vue b/src/Toaster.vue
index 3b74f80..6fa655d 100644
--- a/src/Toaster.vue
+++ b/src/Toaster.vue
@@ -24,9 +24,9 @@ import {
   reactive,
   ref
 } from "vue";
-import useTimer from "./composables/timer";
+import Timer from "./composables/timer";
+import Event from "./composables/event-bus";
 import useComponent from "./composables/component";
-import eventBus from "./composables/event-bus";
 
 export const POSITIONS = Object.freeze({
   TOP_RIGHT: "top-right",
@@ -180,7 +180,7 @@ export default {
       isActive.value = true;
 
       data.timer =
-        props.duration !== false ? useTimer(close, props.duration) : null;
+        props.duration !== false ? new Timer(close, props.duration) : null;
     }
 
     function click() {
@@ -219,12 +219,12 @@ export default {
     });
 
     onBeforeUnmount(() => {
-      eventBus.off("clear-toaster", close);
+      Event.$off("clear-toaster", close);
     });
 
     onMounted(() => {
       showNotice();
-      eventBus.on("clear-toaster", close);
+      Event.$on("clear-toaster", close);
     });
 
     const transition = computed(() =>
diff --git a/src/composables/event-bus.js b/src/composables/event-bus.js
index 9b7858b..ecfb8d6 100644
--- a/src/composables/event-bus.js
+++ b/src/composables/event-bus.js
@@ -1,29 +1,31 @@
-const queue = {};
+class Event {
+  constructor() {
+    this.queue = {};
+  }
 
-function on(name, callback) {
-  queue[name] = queue[name] || [];
-  queue[name].push(callback);
-}
+  $on(name, callback) {
+    this.queue[name] = this.queue[name] || [];
+    this.queue[name].push(callback);
+  }
 
-function off(name, callback) {
-  if (queue[name]) {
-    for (var i = 0; i < queue[name].length; i++) {
-      if (queue[name][i] === callback) {
-        queue[name].splice(i, 1);
-        break;
+  $off(name, callback) {
+    if (this.queue[name]) {
+      for (var i = 0; i < this.queue[name].length; i++) {
+        if (this.queue[name][i] === callback) {
+          this.queue[name].splice(i, 1);
+          break;
+        }
       }
     }
   }
-}
 
-function emit(name, data) {
-  if (queue[name]) {
-    queue[name].forEach(callback => callback(data));
+  $emit(name, data) {
+    if (this.queue[name]) {
+      this.queue[name].forEach(function(callback) {
+        callback(data);
+      });
+    }
   }
 }
 
-export function useEventBus() {
-  return { emit, on, off };
-}
-
-export default useEventBus();
+export default new Event();
diff --git a/src/composables/timer.js b/src/composables/timer.js
index 2044e5d..1bcf1a6 100644
--- a/src/composables/timer.js
+++ b/src/composables/timer.js
@@ -1,30 +1,24 @@
-const state = {
-  startedAt: null,
-  callback: null,
-  delay: null,
-  timer: null
-};
+export default class Timer {
+  constructor(callback, delay) {
+    this.startedAt = Date.now();
+    this.callback = callback;
+    this.delay = delay;
 
-function pause() {
-  stop();
-  state.delay -= Date.now() - state.startedAt;
-}
-
-function resume() {
-  stop();
-  state.startedAt = Date.now();
-  state.timer = setTimeout(state.callback, state.delay);
-}
+    this.timer = setTimeout(callback, delay);
+  }
 
-function stop() {
-  clearTimeout(state.timer);
-}
+  pause() {
+    this.stop();
+    this.delay -= Date.now() - this.startedAt;
+  }
 
-export default function useTimer(callback, delay) {
-  state.startedAt = Date.now();
-  state.callback = callback;
-  state.delay = delay;
-  state.timer = setTimeout(callback, delay);
+  resume() {
+    this.stop();
+    this.startedAt = Date.now();
+    this.timer = setTimeout(this.callback, this.delay);
+  }
 
-  return { pause, resume, stop };
+  stop() {
+    clearTimeout(this.timer);
+  }
 }
diff --git a/src/index.js b/src/index.js
index fd83447..01510cc 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,5 +1,5 @@
 import "./styles.css";
-import eventBus from "./composables/event-bus";
+import Event from "./composables/event-bus";
 import useComponent from "./composables/component";
 import Toaster, { POSITIONS, definePosition } from "./Toaster";
 
@@ -17,7 +17,7 @@ Toaster.install = (app, options = {}) => {
     },
 
     clear() {
-      eventBus.emit("clear-toaster");
+      Event.$emit("clear-toaster");
     },
 
     success(message, options = {}) {