title: How to make component tags start with a prefix in Vue?
body: <p>I am working on a project that I inherited from someone else, and I see a lot of <code>&lt;p-xxxx&gt;</code> tags, such as <code>&lt;p-page :has-something="val1" :has-another="val2" /&gt;</code>, etc.(e.g. CompName --> </p>
  
  <p>I'm looking around the directories and found a component called <code>Page.vue</code> that has such props in it: <code>has-something</code> and <code>has-another</code>. And structurally speaking, I'm sure the <code>&lt;p-page&gt;</code> corresponds to this component. </p>
  
  <p>So how did this work? I checked the component's <code>name</code> field and it says <code>Page</code>.</p>
  
  <p>EDIT: 
  I should also note that the component isn't registered at all. It's not imported either. I'm guessing it has something to do with </p>
  
  <pre><code>import '@/globals';
  import '@/plugins';
  </code></pre>
  
  <p>in <code>main.js</code>, because I know we're using our proprietary UI component library. Can anyone point to where I can go read more about how this works? I thought I was pretty good at Vue, but apparently not good enough.</p>