Add MDL to all elements with "mdl-js"-class in Vue

mdl-vue.js

import 'material-design-lite'

Vue.mixin({
  mounted() {
    if (!this.$el || !this.$el.querySelectorAll) return;
    componentHandler.upgradeElement(this.$el);
    
    for (const el of this.$el.querySelectorAll('[class*=mdl-js-]')) {
      if (!el.dataset.upgraded) {
        componentHandler.upgradeElement(el);
      }
    }
  }
});