vue-ripple-effect/src/main.ts

a vue ui-component with typescript

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App.vue'
import router from './router/index.js'

Vue.config.productionTip = false
import dialogs  from './packages/mbDialogs/index'
import ripple from './packages/mbRipple/index'
Vue.use(dialogs.install)
Vue.use(ripple.install)
/* eslint-disable no-new */
declare interface myWindow extends Window {
  selfApp: Vue
}
declare const window: myWindow
setTimeout((): any =>  {
  window.selfApp = new Vue({
    el: '#app',
    router,
    template: '<App/>',
    components: { App },
    methods: {
      click() {
        this.$mbDialogs.show()
      }
    }
  })
})