import { createApp } from 'vue'
import { createPinia } from 'pinia'
import router from './router'
import App from './App.vue'
import { useSiteSettingsStore } from './stores/siteSettings'

// 引入 Ant Design Vue 样式
import 'ant-design-vue/dist/reset.css'
// 引入全局样式
import './styles/index.scss'

const app = createApp(App)
const pinia = createPinia()

app.use(pinia)
app.use(router)

// 初始化网站设置并设置标题
const siteSettingsStore = useSiteSettingsStore()
siteSettingsStore.loadSiteSettings().then(() => {
  document.title = siteSettingsStore.siteName || 'DesignHub'
}).catch(() => {
  // 如果加载失败，尝试从 localStorage 读取
  const siteName = localStorage.getItem('siteName')
  if (siteName) {
    document.title = siteName
  }
})

app.mount('#app')