import { createApp, configureCompat, ref } from 'vue'
import store from '~/store'
import router from '~/router'
import App from '~/components/App.vue'
import registerPlugin from './plugins/vue-plugins'
import Base from './base.js'

import '~/plugins'
import '~/components'

import '../sass/app.scss'

const app = createApp(App)
  .use(router)
  .use(store)
  .mixin(Base)

registerPlugin(app)

configureCompat({
  // default everything to Vue 2 behavior
  MODE: 2
})

router.app = app
router.isReady().then(() => app.mount('#app'))

export default app