import App from './App'
import {xui} from "@/uni_modules/tmx-ui/index.uts"
import {Tmui4xOptions} from "@/uni_modules/tmx-ui/interface.uts"
import { I18nOptions } from "@/uni_modules/x-vuei18n-s/interface.uts"

import en from "@/uni_modules/tmx-ui/localLanuage/en.json"
import zhHans from "@/uni_modules/tmx-ui/localLanuage/zh-Hans.json"
import zhHant from "@/uni_modules/tmx-ui/localLanuage/zh-Hant.json"
import ko from "@/uni_modules/tmx-ui/localLanuage/ko.json"
import ja from "@/uni_modules/tmx-ui/localLanuage/ja.json"

/**
 * 组件语言包（与自定义语言包合并，共用一个实例）
 */
const messages : UTSJSONObject = {
	"en":{
		...en,
		"hellow":"Hi~"
	},
	"zh-Hans":{
		...zhHans,
		"hellow":"哈喽"
	},
	"zh-Hant":zhHant,
	"ko":ko,
	"ja":ja
}
import { createSSRApp } from 'vue'

/**
 * 医院救援平台全局配置
 * - designSize 375：与《移动端 UI 设计稿 v2》基准画布一致
 * - color #2563EB：医疗蓝主色
 * - dark light：医疗场景锁定亮色，避免跟随系统暗黑造成还原偏差
 */
const hrConfig : UTSJSONObject = {
	designSize: 375,
	unit: 'px',
	color: '#2563EB',
	dark: 'light',
	inputRadius: '11',
	buttonRadius: '12',
	cardRound: '13',
	tagRadius: '6',
	placeholderStyle: 'color:#9CA3AF'
}

export function createApp() {
	const app = createSSRApp(App)
	app.use(xui, {
		i18nOptions: { locale: "zh-Hans", messages } as I18nOptions,
		config: hrConfig
	} as Tmui4xOptions)
	return {
		app
	}
}