title: UIkit undefined in Vue web component build
body: <p>I try to build Vue web-component with UIkit as UI library. After proper build with command:</p>
  <pre><code>npm run build --  --target wc --inline-vue --name my-element 'src/App.vue'
  </code></pre>
  <p>When I'm trying to embed component in other website UIkit styles are displayed properly, but UIkit instance which handles modal, dropdowns is undefined.</p>
  <pre><code>vue.runtime.esm.js:1888 TypeError: Cannot read property 'modal' of undefined
  </code></pre>
  <p>Here is main.js file where I initialize global UIkit variable.</p>
  <pre><code>import App from &quot;./App.vue&quot;
  import wrap from &quot;@vue/web-component-wrapper&quot;
  import Vue from &quot;vue&quot;
  import VueFlatPickr from &quot;vue-flatpickr-component&quot;
  import uk from &quot;uikit&quot;
  import Icons from &quot;uikit/dist/js/uikit-icons.js&quot;
  import &quot;flatpickr/dist/flatpickr.css&quot;
  
  uk.use(Icons)
  Vue.config.productionTip = true
  Vue.use(VueFlatPickr)
  Vue.mixin({
    data: function() {
      return {
        get uk() {
          return uk
        },
      }
    },
  })
  
  const app = new Vue({
    render: (h) =&gt; h(App)
  })
  app.$mount(&quot;#app&quot;)
  
  const WrapperElem = wrap(Vue, App)
  window.customElements.define(&quot;my-element&quot;, WrapperElem)
  </code></pre>
  <p>And here a little example of code how I use it and where the trouble occurs:</p>
  <pre><code>this.uk.modal(&quot;#delete-dialog&quot;).hide()
  </code></pre>