title: How to make use of Vue.js devtools chrome extension?
body: <p>I have installed VueJS chrome extension:</p>
  
  <p><a href="https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?hl=en" rel="nofollow noreferrer">VueJS chrome extension</a></p>
  
  <p>but I find it quite useless unless I am missing something. So I posted the question here if some one can provide what I am missing. </p>
  
  <p>I setup this vuejs project:</p>
  
  <p><a href="https://github.com/disjfa/kazoo" rel="nofollow noreferrer">Kazoo on github</a></p>
  
  <p>This project has several vue components but most of these components do not show up in vuejs chrome extension. This is the screenshot:
  <a href="https://i.stack.imgur.com/IV8og.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/IV8og.png" alt="Kazoo on github"></a></p>