title: How to import and use bootstrap-vue with Webpack
body: <p>I started a project using <a href="https://github.com/vuejs-templates/webpack#usage" rel="nofollow noreferrer">vuejs-templates and webpack</a>.</p>
  
  <p>Then I added <a href="https://bootstrap-vue.github.io/" rel="nofollow noreferrer">bootstrap-vue</a> to the project.</p>
  
  <p>Now, I am not sure how to add a bootstrap button.</p>
  
  <p>In <code>main.js</code> I am importing <code>BootstrapVue</code>:</p>
  
  <pre><code>import Vue from 'vue'
  import BootstrapVue from 'bootstrap-vue'
  import App from './App'
  
  Vue.use(BootstrapVue)
  
  /* eslint-disable no-new */
  new Vue({
    el: '#app',
    template: '&lt;App/&gt;',
    components: { App }
  })
  </code></pre>
  
  <p>However, I when I try and use the <code>&lt;b-button&gt;</code> element in <code>App.vue</code>:</p>
  
  <pre><code>&lt;template&gt;
    &lt;div id="app"&gt;
      &lt;img src="./assets/logo.png"&gt;
      &lt;b-button :size="size" :variant="variant" @click="clicked"&gt;
        Click Me!
      &lt;/b-button&gt;
      &lt;hello&gt;&lt;/hello&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>Errors are thrown about all the property attributes associated with the <code>&lt;b-button&gt;</code> element.</p>
  
  <p>How do I use this?</p>