@liujitcn/kratos-uni-app-core 0.0.20 → 0.0.23

package/src/views/pages/login/login.vue

@@ -2,12 +2,13 @@
 import { useSettingStore, useUserStore } from '../../../stores'
 import type { LoginRequest } from '../../../rpc/base/v1/login'
 import { onLoad } from '@dcloudio/uni-app'
-import { computed, defineAsyncComponent, reactive, ref } from 'vue'
+import { computed, defineAsyncComponent, reactive, ref, watch } from 'vue'
 import { defLoginService } from '../../../api/base/login'
 import defaultLogo from '../../../static/images/logo_icon.png'
 import { homeTabPage } from '../../../utils/navigation'
 import { PASSWORD_CRYPTO_SCENE, encryptPassword } from '../../../utils/passwordCrypto'
 import { navigateAppRoute } from '../../../navigation'
+import { getLanguageOptions, useI18n, type SupportedLocale } from '../../../locales'
 
 // go-captcha-uni 仅在 H5 端使用，小程序端不支持 defineAsyncComponent，需按平台裁剪。
 // #ifdef H5
@@ -16,12 +17,25 @@ const GoCaptchaUni = defineAsyncComponent(() => import('go-captcha-uni'))
 
 const userStore = useUserStore()
 const settingStore = useSettingStore()
+const { locale, setLocale, t } = useI18n()
+const localeOptions = computed(() => getLanguageOptions())
+const localeLabels = computed(() => localeOptions.value.map((item) => item.native_name))
+const localeIndex = computed(() =>
+  Math.max(
+    0,
+    localeOptions.value.findIndex((item) => item.language_code === locale.value),
+  ),
+)
 const wechatMiniProvider = 'wechatmini'
 const loginSettingsReady = ref(false)
 let loginSettingsPromise: Promise<boolean> | undefined
 
-const configuredMainTitle = computed(() => settingStore.getData('mainTitle') || '应用框架示例')
-const configuredSubTitle = computed(() => settingStore.getData('subTitle') || '欢迎使用本应用')
+const configuredMainTitle = computed(
+  () => settingStore.getData('mainTitle') || t('core.home.main_title'),
+)
+const configuredSubTitle = computed(
+  () => settingStore.getData('subTitle') || t('core.login.default_sub_title'),
+)
 const configuredAppLogo = computed(() => settingStore.getData('appLogo') || defaultLogo)
 const showTenantCode = computed(() => settingStore.getData('showTenantCode') !== 'false')
 
@@ -30,6 +44,18 @@ const isAgreePrivacy = ref(false)
 const isAgreePrivacyShakeY = ref(false)
 const loading = ref(false)
 
+watch(locale, () => void uni.setNavigationBarTitle({ title: t('common.action.login') }), {
+  immediate: true,
+})
+
+/** 切换登录页语言。 */
+const onLocaleChange = (event: { detail: { value: string | number } }) => {
+  const nextLocale = localeOptions.value[Number(event.detail.value)]?.language_code as
+    | SupportedLocale
+    | undefined
+  if (nextLocale) void setLocale(nextLocale)
+}
+
 const toggleAgreePrivacy = () => {
   isAgreePrivacy.value = !isAgreePrivacy.value
 }
@@ -95,7 +121,7 @@ const resolveMiniCaptchaImage = (payload: string, captchaId: string) => {
       data: payload.slice(commaIndex + 1),
       encoding: 'base64',
       success: () => resolve(filePath),
-      fail: () => reject(new Error('验证码图片写入失败')),
+      fail: () => reject(new Error(t('core.login.captcha_write_failed'))),
     })
   })
 }
@@ -111,7 +137,7 @@ const refreshMiniCaptcha = async () => {
     miniForm.captcha_id = captcha.captcha_id
     miniForm.captcha_code = ''
   } catch {
-    await uni.showToast({ icon: 'none', title: '验证码加载失败' })
+    await uni.showToast({ icon: 'none', title: t('core.login.captcha_load_failed') })
   }
 }
 
@@ -128,12 +154,7 @@ const isWechatUnboundError = (error: unknown) => {
     }
   }
   const reason = response.data?.reason ?? response.data?.error?.reason
-  const message = response.data?.message ?? response.data?.error?.message
-  return (
-    response.data?.binding_required === true ||
-    String(reason || '') === 'UNAUTHENTICATED' ||
-    message === '微信账号未绑定，请先绑定已有账号'
-  )
+  return response.data?.binding_required === true || String(reason || '') === 'UNAUTHENTICATED'
 }
 
 // 微信授权失败时保留请求层提示，避免异步登录异常冒泡到小程序调试器。
@@ -150,7 +171,7 @@ const wxLogin = async () => {
   try {
     loginCode = (await wx.login()).code
   } catch {
-    await uni.showToast({ icon: 'none', title: '微信登录失败，请稍后重试' })
+    await uni.showToast({ icon: 'none', title: t('core.login.wechat_failed') })
     loading.value = false
     return
   }
@@ -167,7 +188,7 @@ const wxLogin = async () => {
     await loginSuccess()
   } catch (error) {
     if (!isWechatUnboundError(error)) {
-      await uni.showToast({ icon: 'none', title: '微信登录失败，请稍后重试' })
+      await uni.showToast({ icon: 'none', title: t('core.login.wechat_failed') })
       return
     }
     miniBinding.value = true
@@ -182,20 +203,23 @@ const bindMiniAccount = async () => {
   if (loading.value) return
   if (!(await checkedAgreePrivacy())) return
   if (showTenantCode.value && !miniForm.tenant_code) {
-    await uni.showToast({ icon: 'none', title: '请输入租户编号' })
+    await uni.showToast({ icon: 'none', title: t('core.login.tenant') })
     return
   }
   if (!miniForm.user_name || !miniPasswordValue.value) {
-    await uni.showToast({ icon: 'none', title: '请输入用户名和密码' })
+    await uni.showToast({ icon: 'none', title: t('core.login.user_name_password') })
     return
   }
   if (!miniForm.captcha_id || !miniForm.captcha_code) {
-    await uni.showToast({ icon: 'none', title: '请输入验证码' })
+    await uni.showToast({ icon: 'none', title: t('core.login.captcha') })
     return
   }
   loading.value = true
   try {
-    const password = await encryptPassword(miniPasswordValue.value, PASSWORD_CRYPTO_SCENE.LOGIN)
+    const password = await encryptPassword(
+      miniPasswordValue.value,
+      PASSWORD_CRYPTO_SCENE.PASSWORD_CRYPTO_SCENE_LOGIN,
+    )
     const code = (await wx.login()).code
     await userStore.bindOauthSession({
       provider: wechatMiniProvider,
@@ -317,7 +341,7 @@ const behaviorCaptchaConfig = computed(() => {
       verticalPadding: 0,
       horizontalPadding: 0,
       iconSize: 20,
-      title: '拖动滑块，将内圈图片转正',
+      title: t('core.login.behavior_rotate'),
     }
   }
   return {
@@ -328,10 +352,13 @@ const behaviorCaptchaConfig = computed(() => {
     showTheme: false,
     verticalPadding: 0,
     horizontalPadding: 0,
-    buttonText: '确认',
+    buttonText: t('common.action.confirm'),
     iconSize: 20,
     dotSize: 20,
-    title: currentCaptchaType.value === 'click' ? '请按顺序点击文字' : '请拖动滑块完成拼图',
+    title:
+      currentCaptchaType.value === 'click'
+        ? t('core.login.behavior_click')
+        : t('core.login.behavior_puzzle'),
   }
 })
 const behaviorCaptchaTheme = {
@@ -353,11 +380,11 @@ const behaviorCaptchaTheme = {
 const getCaptcha = async () => {
   const requestedCaptchaType = configuredCaptchaType.value
   if (!requestedCaptchaType) {
-    throw new Error('登录验证码类型未配置')
+    throw new Error(t('core.login.captcha_type_missing'))
   }
   const data = await defLoginService.Captcha({ type: requestedCaptchaType })
   if (!data.type) {
-    throw new Error('验证码接口未返回类型')
+    throw new Error(t('core.login.captcha_type_response_missing'))
   }
   currentCaptchaType.value = data.type
   if (!isBehaviorCaptcha.value) {
@@ -381,7 +408,7 @@ const refreshCaptcha = async () => {
     behaviorDialogVisible.value = false
     await uni.showToast({
       icon: 'none',
-      title: error instanceof Error ? error.message : '验证码加载失败',
+      title: error instanceof Error ? error.message : t('core.login.captcha_load_failed'),
     })
     return false
   }
@@ -442,28 +469,28 @@ const validateLoginForm = async () => {
   if (showTenantCode.value && !form.value.tenant_code) {
     await uni.showToast({
       icon: 'none',
-      title: '请输入租户编号',
+      title: t('core.login.tenant'),
     })
     return false
   }
   if (!form.value.user_name) {
     await uni.showToast({
       icon: 'none',
-      title: '请输入用户名或手机号',
+      title: t('core.login.user_name'),
     })
     return false
   }
   if (!passwordValue.value) {
     await uni.showToast({
       icon: 'none',
-      title: '请输入密码',
+      title: t('core.login.password'),
     })
     return false
   }
   if (!isBehaviorCaptcha.value && !form.value.captcha_code) {
     await uni.showToast({
       icon: 'none',
-      title: '请输入验证码',
+      title: t('core.login.captcha'),
     })
     return false
   }
@@ -479,7 +506,10 @@ const verifyCaptchaToken = async (captchaCode: string) => {
 }
 // 执行真正的账号登录流程。
 const submitLogin = async (captchaCode: string) => {
-  const password = await encryptPassword(passwordValue.value, PASSWORD_CRYPTO_SCENE.LOGIN)
+  const password = await encryptPassword(
+    passwordValue.value,
+    PASSWORD_CRYPTO_SCENE.PASSWORD_CRYPTO_SCENE_LOGIN,
+  )
   return userStore.login({
     ...form.value,
     tenant_code: showTenantCode.value ? form.value.tenant_code : '0000',
@@ -567,7 +597,7 @@ const onSubmit = async () => {
 const loginSuccess = async () => {
   await userStore.getUserProfile()
   // 成功提示
-  await uni.showToast({ icon: 'success', title: '登录成功' })
+  await uni.showToast({ icon: 'success', title: t('core.login.login_success') })
   setTimeout(() => {
     const lastRoute = uni.getStorageSync('lastRoute') || homeTabPage
     if (lastRoute.startsWith(homeTabPage)) {
@@ -586,7 +616,7 @@ const checkedAgreePrivacy = async () => {
   }
 
   if (!settingStore.getData('serviceProtocol') || !settingStore.getData('privacyProtocol')) {
-    await uni.showToast({ icon: 'none', title: '服务条款和隐私协议未配置' })
+    await uni.showToast({ icon: 'none', title: t('core.login.protocol_missing') })
     return false
   }
 
@@ -598,10 +628,10 @@ const checkedAgreePrivacy = async () => {
 
   return new Promise<boolean>((resolve) => {
     uni.showModal({
-      title: '提示',
-      content: '请先阅读并勾选协议内容，点击确定后将自动勾选并继续登录',
-      confirmText: '确定',
-      cancelText: '取消',
+      title: t('common.title.notice'),
+      content: t('core.login.protocol_prompt'),
+      confirmText: t('common.action.confirm'),
+      cancelText: t('common.action.cancel'),
       success: ({ confirm }) => {
         if (confirm) {
           isAgreePrivacy.value = true
@@ -630,7 +660,7 @@ const loadLoginSettings = () => {
       // #ifdef H5
       const captchaType = configuredCaptchaType.value
       if (!captchaType) {
-        throw new Error('登录验证码类型未配置')
+        throw new Error(t('core.login.captcha_type_missing'))
       }
       currentCaptchaType.value = captchaType
       await loadPageCaptcha()
@@ -643,7 +673,7 @@ const loadLoginSettings = () => {
     } catch (error) {
       await uni.showToast({
         icon: 'none',
-        title: error instanceof Error ? error.message : '移动端配置加载失败',
+        title: error instanceof Error ? error.message : t('core.protocol.load_failed'),
       })
       loginSettingsPromise = undefined
       return false
@@ -664,6 +694,14 @@ onLoad(() => {
 
 <template>
   <view class="login-page">
+    <picker
+      class="login-locale"
+      :range="localeLabels"
+      :value="localeIndex"
+      @change="onLocaleChange"
+    >
+      <view class="login-locale__value">{{ localeLabels[localeIndex] }}</view>
+    </picker>
     <view class="login-hero">
       <view class="login-logo-shell">
         <image :src="configuredAppLogo" />
@@ -683,14 +721,14 @@ onLoad(() => {
           class="login-input"
           type="text"
           confirm-type="next"
-          placeholder="请输入租户编号"
+          :placeholder="t('core.login.tenant')"
         />
         <input
           v-model="form.user_name"
           class="login-input"
           type="text"
           confirm-type="next"
-          placeholder="请输入用户名/手机号码"
+          :placeholder="t('core.login.user_name_mobile')"
           @confirm="onSubmit"
         />
         <input
@@ -699,7 +737,7 @@ onLoad(() => {
           type="text"
           password
           confirm-type="done"
-          placeholder="请输入密码"
+          :placeholder="t('core.login.password')"
           @confirm="onSubmit"
         />
         <view v-if="!isBehaviorCaptcha" class="captcha-row">
@@ -708,7 +746,7 @@ onLoad(() => {
             class="login-input captcha-input"
             type="text"
             confirm-type="done"
-            placeholder="请输入验证码"
+            :placeholder="t('core.login.captcha')"
             @confirm="onSubmit"
           />
           <view class="captcha-divider"></view>
@@ -722,10 +760,14 @@ onLoad(() => {
             />
           </view>
         </view>
-        <button @tap="onSubmit" class="login-button login-button-primary">登录</button>
+        <button @tap="onSubmit" class="login-button login-button-primary">
+          {{ t('common.action.login') }}
+        </button>
         <view v-if="behaviorDialogVisible" class="login-behavior-mask">
           <view class="login-behavior-panel">
-            <view v-if="behaviorLoading" class="login-behavior-loading">加载中...</view>
+            <view v-if="behaviorLoading" class="login-behavior-loading">{{
+              t('core.login.behavior_loading')
+            }}</view>
             <GoCaptchaUni
               :type="currentCaptchaType"
               :data="behaviorCaptchaData"
@@ -748,36 +790,36 @@ onLoad(() => {
           @tap="wxLogin"
         >
           <text class="icon icon-phone"></text>
-          微信一键登录
+          {{ t('core.login.wechat') }}
         </button>
         <view v-else class="login-form">
-          <view class="login-bind-tip">该微信尚未绑定，请登录已有账号完成绑定</view>
+          <view class="login-bind-tip">{{ t('core.login.wechat_bind_tip') }}</view>
           <input
             v-if="showTenantCode"
             v-model="miniForm.tenant_code"
             class="login-input"
             type="text"
-            placeholder="请输入租户编号"
+            :placeholder="t('core.login.tenant')"
           />
           <input
             v-model="miniForm.user_name"
             class="login-input"
             type="text"
-            placeholder="请输入用户名/手机号码"
+            :placeholder="t('core.login.user_name_mobile')"
           />
           <input
             v-model="miniPasswordValue"
             class="login-input"
             type="text"
             password
-            placeholder="请输入密码"
+            :placeholder="t('core.login.password')"
           />
           <view class="captcha-row">
             <input
               v-model="miniForm.captcha_code"
               class="login-input captcha-input"
               type="text"
-              placeholder="请输入验证码"
+              :placeholder="t('core.login.captcha')"
             />
             <view class="captcha-divider"></view>
             <view class="captcha-trigger" @tap="refreshMiniCaptcha">
@@ -789,7 +831,7 @@ onLoad(() => {
             :loading="loading"
             @tap="bindMiniAccount"
           >
-            登录并绑定微信
+            {{ t('core.login.bind_wechat') }}
           </button>
         </view>
         <!-- #endif -->
@@ -797,10 +839,14 @@ onLoad(() => {
       <view class="login-tips" :class="{ animate__shakeY: isAgreePrivacyShakeY }">
         <view class="login-agreement" @tap="toggleAgreePrivacy">
           <view class="login-agree-icon" :class="{ checked: isAgreePrivacy }"></view>
-          <text class="login-agree-desc">我已阅读并同意</text>
-          <text class="login-agree-link" @tap.stop="onOpenServiceProtocol">《服务条款》</text>
-          <text class="login-agree-separator">和</text>
-          <text class="login-agree-link" @tap.stop="onOpenPrivacyContract">《隐私协议》</text>
+          <text class="login-agree-desc">{{ t('core.login.agree_prefix') }}</text>
+          <text class="login-agree-link" @tap.stop="onOpenServiceProtocol">{{
+            t('core.login.service')
+          }}</text>
+          <text class="login-agree-separator">{{ t('core.login.agree_separator') }}</text>
+          <text class="login-agree-link" @tap.stop="onOpenPrivacyContract">{{
+            t('core.login.privacy')
+          }}</text>
         </view>
       </view>
     </view>
@@ -809,6 +855,7 @@ onLoad(() => {
 
 <style lang="scss">
 .login-page {
+  position: relative;
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -818,6 +865,19 @@ onLoad(() => {
   box-sizing: border-box;
 }
 
+.login-locale {
+  position: absolute;
+  top: calc(24rpx + env(safe-area-inset-top));
+  right: 28rpx;
+  z-index: 2;
+}
+
+.login-locale__value {
+  padding: 12rpx 16rpx;
+  color: #16806d;
+  font-size: 24rpx;
+}
+
 .login-hero {
   margin-bottom: 40rpx;
   text-align: center;
@@ -1095,16 +1155,22 @@ onLoad(() => {
   .login-agreement {
     display: flex;
     align-items: center;
+    flex-wrap: wrap;
     justify-content: center;
+    width: 100%;
+    max-width: 100%;
+    min-width: 0;
     gap: 6rpx;
-    white-space: nowrap;
+    box-sizing: border-box;
   }
 
   .login-agree-separator {
-    white-space: nowrap;
+    min-width: 0;
+    overflow-wrap: anywhere;
   }
 
   .login-agree-icon {
+    flex: 0 0 auto;
     width: 26rpx;
     height: 26rpx;
     margin-right: 2rpx;
@@ -1121,13 +1187,15 @@ onLoad(() => {
   }
 
   .login-agree-link {
-    white-space: nowrap;
+    min-width: 0;
+    overflow-wrap: anywhere;
     color: #28bb9c;
   }
 
   .login-agree-desc {
+    min-width: 0;
+    overflow-wrap: anywhere;
     color: #9ca3af;
-    white-space: nowrap;
   }
 }
 </style>

package/src/views/pages/login/protocal.vue

@@ -2,8 +2,10 @@
 import { onLoad } from '@dcloudio/uni-app'
 import { useSettingStore } from '../../../stores'
 import { ref } from 'vue'
+import { useI18n } from '../../../locales'
 
 const settingStore = useSettingStore()
+const { t } = useI18n()
 const content = ref('')
 
 const protocolClassMap: Record<string, string> = {
@@ -46,14 +48,14 @@ const decorateProtocolContent = (html: string) => {
 // 加载协议内容
 const loadProtocol = async (type?: string) => {
   const isPrivacy = type === 'privacy'
-  const title = isPrivacy ? '隐私协议' : '服务条款'
+  const title = isPrivacy ? t('core.protocol.privacy') : t('core.protocol.service')
   const key = isPrivacy ? 'privacyProtocol' : 'serviceProtocol'
 
   try {
     await settingStore.loadData()
     const protocol = settingStore.getData(key)
     if (!protocol) {
-      throw new Error(`${title}未配置，暂时无法查看`)
+      throw new Error(t('core.protocol.not_configured', { title }))
     }
 
     await uni.setNavigationBarTitle({ title })
@@ -61,7 +63,7 @@ const loadProtocol = async (type?: string) => {
   } catch (error) {
     await uni.showToast({
       icon: 'none',
-      title: error instanceof Error ? error.message : '移动端配置加载失败',
+      title: error instanceof Error ? error.message : t('core.protocol.load_failed'),
     })
     setTimeout(() => {
       uni.navigateBack()

package/src/views/pages/status/index.vue

@@ -1,36 +1,34 @@
 <script setup lang="ts">
 import { onLoad } from '@dcloudio/uni-app'
-import { ref } from 'vue'
+import { computed, ref } from 'vue'
 import BootstrapStatus from '../../../components/BootstrapStatus.vue'
 import { initializeAppNavigation, launchAppStatus, navigateAppRoute } from '../../../navigation'
 import type { BootstrapViewKey } from '../../../module'
+import { useI18n } from '../../../locales'
 
 const state = ref<BootstrapViewKey>('BOOTSTRAP_LOADING')
 const detail = ref('')
-const stateTitles: Record<BootstrapViewKey, string> = {
-  BOOTSTRAP_LOADING: '正在加载',
-  FORBIDDEN: '暂无访问权限',
-  NOT_FOUND: '页面不存在',
-  OFFLINE: '网络不可用',
-  CONFIG_ERROR: '导航配置无效',
-  PAGE_UNAVAILABLE: '页面暂不可用',
-}
+const { t } = useI18n()
+const stateTitle = computed(() =>
+  state.value === 'BOOTSTRAP_LOADING' ? t('core.status.loading') : t(`core.status.${state.value}`),
+)
 
-onLoad(async (options) => {
+onLoad((options) => {
   state.value = (options?.state as BootstrapViewKey | undefined) ?? 'BOOTSTRAP_LOADING'
   detail.value = options?.detail ? decodeURIComponent(options.detail) : ''
   if (options?.bootstrap !== '1') return
-  try {
-    await initializeAppNavigation()
-    navigateAppRoute(options?.route ? decodeURIComponent(options.route) : 'app/home', {
-      replace: true,
+  void initializeAppNavigation()
+    .then(() => {
+      navigateAppRoute(options?.route ? decodeURIComponent(options.route) : 'app/home', {
+        replace: true,
+      })
+    })
+    .catch((error) => {
+      launchAppStatus('CONFIG_ERROR', error instanceof Error ? error.message : String(error))
     })
-  } catch (error) {
-    launchAppStatus('CONFIG_ERROR', error instanceof Error ? error.message : String(error))
-  }
 })
 </script>
 
 <template>
-  <BootstrapStatus :title="stateTitles[state]" :detail="detail" />
+  <BootstrapStatus :title="stateTitle" :detail="detail" />
 </template>

package/src/views/pages/webview/webview.vue

@@ -17,14 +17,14 @@
     <!-- #endif -->
 
     <view v-if="showFallback" class="webview-empty">
-      <view class="webview-empty__title">链接无法打开</view>
+      <view class="webview-empty__title">{{ t('core.webview.open_failed') }}</view>
       <view class="webview-empty__desc">{{ emptyDesc }}</view>
     </view>
 
     <!-- #ifdef H5 -->
     <!-- X-Frame-Options 拒绝嵌入时浏览器仍可能触发 iframe load，始终保留外部打开入口。 -->
     <button v-if="isH5 && url && isIframeTimedOut" class="webview-open-button" @tap="openInBrowser">
-      新窗口打开
+      {{ t('common.action.open_in_new_window') }}
     </button>
     <!-- #endif -->
   </view>
@@ -33,20 +33,22 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
+import { useI18n } from '../../../locales'
 
 const url = ref('')
 const isH5 = ref(false)
 const isIframeLoaded = ref(false)
 const isIframeTimedOut = ref(false)
+const { t } = useI18n()
 
 const showFallback = computed(
   () => !url.value || (isH5.value && isIframeTimedOut.value && !isIframeLoaded.value),
 )
 const emptyDesc = computed(() => {
   if (!url.value) {
-    return '缺少有效链接地址'
+    return t('core.webview.invalid_url')
   }
-  return '当前 H5 页面可能被目标站点限制嵌入'
+  return t('core.webview.embed_blocked')
 })
 
 onLoad((query) => {

package/src/vite.ts

@@ -582,6 +582,7 @@ function scanViews(root: string): Array<{ route: string; source: string }> {
 function appendPage(manifest: PagesManifest, page: ScannedPage): void {
   const [first, ...rest] = page.route.split('/')
   if (!first.startsWith('pages') || first === 'pages') {
+    if (manifest.pages.some((item) => normalizeRoute(item.path) === page.route)) return
     manifest.pages.push({ path: page.route, style: page.style })
     return
   }
@@ -591,22 +592,22 @@ function appendPage(manifest: PagesManifest, page: ScannedPage): void {
     subPackage = { root: first, pages: [] }
     manifest.subPackages.push(subPackage)
   }
+  if (subPackage.pages.some((item) => normalizeRoute(`${first}/${item.path}`) === page.route))
+    return
   subPackage.pages.push({ path: rest.join('/'), style: page.style })
 }
 
 function createPageWrapper(page: ScannedPage): string {
   const source = page.source.replace(/\\/g, '/')
   return `<script setup lang="ts">
-import type { Component } from 'vue'
 import KratosPage from ${JSON.stringify(source)}
 import KratosTabBar from '@liujitcn/kratos-uni-app-core/components/KratosTabBar.vue'
 
 defineOptions({ inheritAttrs: false })
-const Page = KratosPage as Component
 </script>
 
 <template>
-  <Page v-bind="$attrs" />
+  <KratosPage v-bind="$attrs" />
   <KratosTabBar route=${JSON.stringify(page.route)} />
 </template>
 `