import Layout from './Layout.vue'
import type { Theme } from 'vitepress'
import { createPinia } from 'pinia'
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
import { useSettingsStore } from './stores/settings'
import './style.css'

export default {
  Layout,
  enhanceApp({ app }) {
    const pinia = createPinia()
    pinia.use(piniaPluginPersistedstate)
    app.use(pinia)
    
    if (typeof window !== 'undefined') {
      const settingsStore = useSettingsStore(pinia)
      settingsStore.initTheme()
      settingsStore.fetchVideoList()
    }
  }
} satisfies Theme