// package
import Vue, { CreateElement } from 'vue'
import { Component } from 'vue-mixin-decorator'

@Component
class Vdiv extends Vue {
  render(el: CreateElement) {
    return el(
      'vdiv',
      {
        class: { 'vue-div': true },
        style: { color: '#f00' },
      },
      this.$slots.default,
    )
  }
}

export const vdiv = Vdiv


// app using the package
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import { vdiv } from '@lbzg/vue-div'

Vue.component('vdiv', vdiv)
Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App),
}).$mount('#app')