title: How do I add the Buefy global object to Vue 3 CLI
body: <p>I have been using the Buefy css library with Vue 3 and the CLI framework.
  I installed it with npm install and have been using it with no problem.
  That is until I wanted to use the dialog.alert feature.
  The example on Buefy shown says to use,</p>
  <pre><code> this.$Buefy.dialog.alert(&quot;My Alert Msg&quot;);
  </code></pre>
  <p>This does not work.  I don't have this.$Buefy, $Buefy, or Buefy as a defined object.</p>
  <p>So I tried to define Buefy as a global object.
  The Buefy example shown says to write the following:</p>
  <pre><code>import Vue from 'vue'
  import Buefy from 'buefy'
  import 'buefy/dist/buefy.css'
  Vue.use(Buefy)
  </code></pre>
  <p>The example above does not say where to write this, so I tried to write it in my main.js file.
  But the code in that file looks like nothing that will work with the suggested code.
  The code in main.js is:</p>
  <pre><code>import { createApp } from 'vue'
  import App from './App.vue'
  import router from './router'
  import './assets/scss/app.scss'
  
  createApp(App).use(router).mount('#app')
  </code></pre>
  <p>There is no 'Vue' to use with Vue.use(Buefy)
  App.use does not work either.</p>
  <p>I am at a loss as to how to implement a global Buefy object that will allow me to use implement features like the alert dialog.</p>