title: Vuejs microfrontend with SystemJS / Vuetify
body: <p>I'm working on a POC to make a VueJS Portal Application that can dynamically load another VueJS sub applications.</p>
  <p>I couldn't work with Webpack Module Federation because I need to discover which Application I can &quot;pull&quot; at runtime and not at buildtime.</p>
  <p>So I decided to rather use importmap with SystemJS.</p>
  <p>I works with simple sub application but when I use Vuetify, I got a lot of errors like:</p>
  <blockquote>
  <p>[Vue warn]: $listeners is readonly.<br />
  [Vue warn]: $attrs is readonly.</p>
  </blockquote>
  <p>And some Vuetify components doesn't work at all.</p>
  <p>It's seem to be caused by a duplicated VueJS import (one by webpack, another with systemjs) but I'm not sure (I can access to the same this.$store so...).</p>
  <p>Anyway, this is my repo: <a href="https://github.com/Saveriu/vue-microfrontends" rel="nofollow noreferrer">https://github.com/Saveriu/vue-microfrontends</a></p>
  <p>I tried a lot of example but I didn't find a good one with all my requirements.
  If someone can look into it and find a way to fix it, it will be a good example to share about VueJS Microfrontends!</p>