Add id for multiple use

Author: Gomah

.eslintrc.js

@@ -1,7 +1,6 @@
 module.exports = {
   root: true,
   parserOptions: {
-    sourceType: 'browser',
     sourceType: 'module',
   },
   extends: 'airbnb-base',

README.md

@@ -18,10 +18,8 @@ $ npm install vue-embed --save
 
 ```vue
 <template>
-  <VEmbed :options="{ emoji: false }">
-    <p>
-    Lotus :smile: eleates vix attrahendams luna est.Advenas mori!Fermiums prarere in cubiculum!Cum cacula cantare, omnes stellaes manifestum azureus, nobilis  https://vuejs.org/ acipenseres.Cum orgia mori, omnes rationees <3 experientia alter, regius :heart: mortemes.Devatios persuadere, tanquam secundus  spatii.Heu, barcas!Cedriums observare!A falsis, lacta talis imber. :P Cur eleates peregrinatione?
-    </p>
+  <VEmbed :id="gist" :options="{ emoji: true }">
+    <p>https://gist.github.com/yyx990803/7cfec746bb8cd6ae05e72f30104c0d51</p>
   </VEmbed>
 </template>
 
@@ -35,14 +33,12 @@ export default {
 }
 </script>
 ```
----------------
 
-[Embed.js Documentation](https://embedjs.readme.io/)
+You also need to import the embed css file :
+```html
+<link href="https://cdn.jsdelivr.net/embed.js/4.0.0/embed.min.css" media="all" rel="stylesheet">
+```
 
 ---------------
 
-Todo:
-
-- [ ] Add embed css
-- [ ] Add examples
-- [ ] Publish to NPM
+[Embed.js Documentation](https://embedjs.readme.io/)

package.json

@@ -15,6 +15,9 @@
   "keywords": [
     "vue",
     "vue-embed",
+    "plugins",
+    "emoji",
+    "emoticon",
     "embed.js",
     "embed",
     "javascript",

src/VEmbed.vue

@@ -1,5 +1,5 @@
 <template>
-  <div id="embed--container">
+  <div :id="id">
     <slot></slot>
   </div>
 </template>
@@ -8,6 +8,10 @@ import EmbedJS from 'embed-js';
 
 export default {
   props: {
+    id: {
+      type: String,
+      default: 'embed__container',
+    },
     options: {
       type: Object,
       default: () => ({}),
@@ -24,7 +28,7 @@ export default {
     EmbedJS.setOptions(this.options);
 
     this.vEmbed = new EmbedJS({
-      input: document.querySelector('#embed--container'),
+      input: document.querySelector(`#${this.id}`),
     });
 
     this.vEmbed.render();