title: Global components in Vue (nuxt)
body: <p>While building a Vue application we re-use certain Vue components in every template. Our grid system exists out of .region, .layout, .grid, .column elements. All of them are separate Vue components (, ...). </p>
  
  <p>We now end up doing this in every template: </p>
  
  <pre><code>import BlMain from '~components/frame/main/Main.vue'
  import BlRegion from '~components/frame/region/Region.vue'
  import BlLayout from '~components/frame/layout/Layout.vue'
  import BlGrid from '~components/frame/grid/Grid.vue'
  import BlColumn from '~components/frame/column/Column.vue'
  </code></pre>
  
  <p>Is there a way to import Vue Components globally in your project? 
  Is it an option to create a component Frame.vue that contains the imports above and add the Frame component in every template?
  How do other FE frameworks tackle this?</p>
  
  <p>We are using <a href="https://nuxtjs.org/" rel="noreferrer">Nuxt JS</a> upon Vue.</p>