import App from './App'
import { API, BASE_URL } from './util/api.js'

// #ifndef VUE3
import Vue from 'vue'
import './uni.promisify.adaptor'
Vue.config.productionTip = false

// 设置API为全局对象
Vue.prototype.$api = API
Vue.prototype.$baseUrl = BASE_URL

// 添加tabbar中间按钮点击事件支持
const tabBarMidButtonEventCallbacks = []
Vue.prototype.$onTabBarMidButtonTap = function(callback) {
  tabBarMidButtonEventCallbacks.push(callback)
}

uni.onTabBarMidButtonTap = function() {
  tabBarMidButtonEventCallbacks.forEach(callback => {
    callback()
  })
}

App.mpType = 'app'
const app = new Vue({
  ...App
})
app.$mount()
// #endif

// #ifdef VUE3
import { createSSRApp } from 'vue'

// 添加tabbar中间按钮点击事件支持 (VUE3)
const tabBarMidButtonEventCallbacksVue3 = []
uni.onTabBarMidButtonTap = function() {
  tabBarMidButtonEventCallbacksVue3.forEach(callback => {
    callback()
  })
}

export function createApp() {
  const app = createSSRApp(App)
  
  // 注册全局方法
  app.config.globalProperties.$onTabBarMidButtonTap = function(callback) {
    tabBarMidButtonEventCallbacksVue3.push(callback)
  }
  
  // 设置API为全局对象 (VUE3)
  app.config.globalProperties.$api = API
  app.config.globalProperties.$baseUrl = BASE_URL
  
  return {
    app
  }
}
// #endif