<script setup lang="ts">
import { InitialPage } from 'uniboot-ui'

import type { InitialPasswordSubmitValues } from 'uniboot-ui'

async function onSubmit(values: InitialPasswordSubmitValues) {
  await new Promise((r) => setTimeout(r, 450))
  console.log('change initial password', values)
}

async function getLanguages() {
  await new Promise((r) => setTimeout(r, 120))
  return [
    { label: '简体中文', value: 'zh_CN' },
    { label: 'English', value: 'en_US' },
  ]
}

async function onLanguageChange() {
  // 演示：实际项目里可在此切换 i18n locale 或拉取文案
}
</script>

<template>
  <div class="initial-page-doc-demo">
    <!-- 与 LoginPage 文档示例一致：整页模式才会渲染渐变底 + DEFAULT_BG_PATTERN 装饰层 -->
    <initial-page
      auth-code="demo-auth-code"
      product-title="演示系统"
      :get-languages="getLanguages"
      default-language="zh_CN"
      :on-language-change="onLanguageChange"
      :on-submit="onSubmit"
    />
  </div>
</template>

<style scoped>
.initial-page-doc-demo {
  width: 100%;
}
</style>