title: How to extend vue component imported from npm package?
body: <p>If you have a vue component that is installed via Node :</p>
  
  <pre><code>node_modules/vendor/somecomponent.vue
  </code></pre>
  
  <p>Is there any way to modify/extend the template/methods of this component?</p>
  
  <p><strong>Update:</strong></p>
  
  <p>After trying out the example below, I'm facing this issue:</p>
  
  <p>I am using <a href="https://github.com/eliep/vue-avatar" rel="nofollow noreferrer">https://github.com/eliep/vue-avatar</a> and I need to extend this with a prop, and maybe amend the template a bit.</p>
  
  <pre><code>import {Avatar} from 'vue-avatar'
  
  Avatar = Vue.component('Avatar').extend({
        props: ['nationality']
  });
  
  export default {
          components: {
              Avatar
          }, 
  
         ...
  }
  </code></pre>
  
  <p>Results in <code>TypeError: Cannot read property 'extend' of undefined</code></p>