import App from './App'

import uviewPlus from 'uview-plus'
import { createPinia } from 'pinia'
import message from './plugins/message'
import http from './plugins/http.js'
// import store from './store/index.js'

// #ifndef VUE3
import Vue from 'vue'
import './uni.promisify.adaptor'
Vue.config.productionTip = false
App.mpType = 'app'
const app = new Vue({
  ...App
})
app.$mount()
// #endif

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

import topTabBar from '@/components/tabbar/top-tab-bar'
import customerFooter from '@/components/footer/customer-footer'
import sectionTitle from '@/components/title/section-title'
import sectionTitleBtn from '@/components/title/section-title-btn'
import commentItem from '@/components/comment/comment-item'
import commentSubItem from '@/components/comment/comment-sub-item'
import commentPopup from '@/components/comment/comment-popup'
import topTabs from '@/components/top-tabs.vue'
import flowCard from '@/components/card/flow-card.vue'
import './theme.scss'

export function createApp() {
  const app = createSSRApp(App)

  app.component('top-tab-bar', topTabBar)
  app.component('common-footer', customerFooter)
  app.component('section-title', sectionTitle)
  app.component('section-title-btn', sectionTitleBtn)
  app.component('comment-item', commentItem)
  app.component('comment-sub-item', commentSubItem)
  app.component('comment-popup', commentPopup)
  app.component('top-tabs', topTabs)
  app.component('flow-card', flowCard)

  app.use(uviewPlus)

  app.use(createPinia())
  
 // 全局属性
  app.config.globalProperties.$message = message
  app.config.globalProperties.$http = http
  // app.config.globalProperties.$store = store
 
  // uni.$u.setConfig({
  //   config: {
  //     unit: 'rpx'
  //   },
  //   props: {
  //     radio: {
  //       size: 32,
  //       labelSize: 32
  //     },
  //     picker: {
  //       confirmColor: '#20613D'
  //     },
  //     steps: {
  //       size: 32,
  //       fontSize: 32
  //     }
  //   }
  // })

// app.use(uviewPlus, () => ({
//   options: {
//     config: {
//       unit: 'rpx'
//     },
//     props: {
//       radio: {
//         size: 32,
//         labelSize: 32
//       },
//       picker: {
//         confirmColor: '#20613D'
//       },
//       steps: {
//         size: 32,
//         fontSize: 32
//       }
//     }
//   }
// }))

  return {
    app
  }
}
// #endif