title: How to override default values of a vuejs component?
body: <p>I've implemented a VUEJS plugin (via CDN) and it works, but I cannot change the default props.. any idea how to change the defaults? </p>
  
  <p>In the code below you can see my attempt to accomplish this</p>
  
  <p>html:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;tags-dic element-id="tags" v-model="selectedTags" :typeahead="true"&gt;&lt;/tags-input&gt;
  
  &lt;script src="https://cdn.jsdelivr.net/npm/@voerro/vue-tagsinput@1.11.2/dist/voerro-vue-tagsinput.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>vue/javascript:</p>
  
  <pre class="lang-java prettyprint-override"><code>&lt;script type="text/javascript"&gt;
  
              var app = new Vue({
                  el: '#searchapp',
                  components: {  "tags-dic": VoerroTagsInput },
  
                  data: {
                      query: "",
                      typeahead: true,
                      placeholder: 'Add a new tag',
                      limit: 1,
                      onlyExistingTags: true,
                      existingTags: [
                           'DNA',
                           'RNA',
                           'Protein',
                                  ],
                      selectedTags: [], 
  
                  },
                  methods: {
                      submit: function() {
                          console.log("clicked");
                          if (this.query) {
  
                              console.log("OK");
  
                          }
                      }
                  }
              })
  
  
          &lt;/script&gt;
  </code></pre>
  
  <p>Thanks</p>