@liujitcn/kratos-admin-core 0.0.20 → 0.0.21

package/dist/package/src/views/login/components/LoginForm.vue

@@ -1,7 +1,7 @@
 <template>
   <el-form ref="loginFormRef" :model="loginForm" :rules="loginRules" size="large">
     <el-form-item prop="tenant_code">
-      <el-input v-model="loginForm.tenant_code" placeholder="请输入租户编码">
+      <el-input v-model="loginForm.tenant_code" :placeholder="t('core.login.tenantCode')">
         <template #prefix>
           <el-icon class="el-input__icon">
             <office-building />
@@ -10,7 +10,7 @@
       </el-input>
     </el-form-item>
     <el-form-item prop="user_name">
-      <el-input v-model="loginForm.user_name" placeholder="请输入用户名">
+      <el-input v-model="loginForm.user_name" :placeholder="t('core.login.userName')">
         <template #prefix>
           <el-icon class="el-input__icon">
             <user />
@@ -19,7 +19,13 @@
       </el-input>
     </el-form-item>
     <el-form-item prop="password">
-      <el-input v-model="loginForm.password" type="password" placeholder="请输入密码" show-password autocomplete="new-password">
+      <el-input
+        v-model="loginForm.password"
+        type="password"
+        :placeholder="t('core.login.password')"
+        show-password
+        autocomplete="new-password"
+      >
         <template #prefix>
           <el-icon class="el-input__icon">
             <lock />
@@ -29,7 +35,11 @@
     </el-form-item>
     <el-form-item v-if="!isBehaviorCaptcha" prop="captcha_code">
       <div class="captcha-row">
-        <el-input v-model="loginForm.captcha_code" placeholder="请输入验证码" @keyup.enter="handleLogin(loginFormRef)">
+        <el-input
+          v-model="loginForm.captcha_code"
+          :placeholder="t('core.login.captcha')"
+          @keyup.enter="handleLogin(loginFormRef)"
+        >
           <template #prefix>
             <el-icon class="el-input__icon">
               <Key />
@@ -41,7 +51,7 @@
           class="captcha-image"
           :style="{ width: captchaImageWidth }"
           :src="captcha_base64"
-          alt="验证码"
+          :alt="t('core.login.captchaAlt')"
           @load="handleCaptchaImageLoad"
           @click="getCaptcha"
         />
@@ -49,28 +59,35 @@
     </el-form-item>
   </el-form>
   <div class="login-btn">
-    <el-button :icon="CircleClose" round size="large" @click="resetForm(loginFormRef)"> 重置 </el-button>
-    <el-button :icon="UserFilled" round size="large" type="primary" :loading="loading || oauthTicketLoading" @click="handleLogin(loginFormRef)">
-      登录
+    <el-button :icon="CircleClose" round size="large" @click="resetForm(loginFormRef)">{{ t("common.action.reset") }}</el-button>
+    <el-button
+      :icon="UserFilled"
+      round
+      size="large"
+      type="primary"
+      :loading="loading || oauthTicketLoading"
+      @click="handleLogin(loginFormRef)"
+    >
+      {{ t("common.action.login") }}
     </el-button>
   </div>
   <div v-if="oauthProviders.length" class="oauth-login">
     <div class="oauth-divider">
-      <span>其他登录方式</span>
+      <span>{{ t("core.login.otherMethods") }}</span>
     </div>
     <div class="oauth-provider-list">
       <el-tooltip
         v-for="provider in oauthProviders"
         :key="provider.provider"
-        :content="provider.name"
+        :content="provider.nameKey.includes('.') ? t(provider.nameKey) : provider.nameKey"
         placement="top"
         :trigger="['hover', 'focus']"
       >
         <button
           class="oauth-provider-button"
           type="button"
-          :aria-label="provider.name"
-          :title="provider.name"
+          :aria-label="provider.nameKey.includes('.') ? t(provider.nameKey) : provider.nameKey"
+          :title="provider.nameKey.includes('.') ? t(provider.nameKey) : provider.nameKey"
           :disabled="oauthTicketLoading || oauthLoadingProvider === provider.provider"
           @click="handleOauthLogin(provider)"
         >
@@ -133,6 +150,7 @@ import { PASSWORD_CRYPTO_SCENE, encryptPassword } from "../../../utils/passwordC
 import { useConfigStore } from "../../../stores/modules/config";
 import { Click as GoCaptchaClick, Rotate as GoCaptchaRotate, Slide as GoCaptchaSlide } from "go-captcha-vue";
 import "go-captcha-vue/dist/style.css";
+import { useLocaleStore } from "../../../locales";
 
 const router = useRouter();
 const route = useRoute();
@@ -141,6 +159,7 @@ const configStore = useConfigStore();
 const dictStore = useDictStore();
 const tabsStore = useTabsStore();
 const keepAliveStore = useKeepAliveStore();
+const { t } = useLocaleStore();
 
 /** 登录表单实例类型。 */
 type FormInstance = InstanceType<typeof ElForm>;
@@ -150,12 +169,12 @@ const defaultCaptchaImageWidth = 96;
 const captchaImageWidth = ref(`${defaultCaptchaImageWidth}px`);
 const behaviorDialogVisible = ref(false);
 const behaviorLoading = ref(false);
-const loginRules = reactive({
-  tenant_code: [{ required: true, message: "请输入租户编码", trigger: "blur" }],
-  user_name: [{ required: true, message: "请输入用户名", trigger: "blur" }],
-  password: [{ required: true, message: "请输入密码", trigger: "blur" }],
-  captcha_code: [{ required: true, message: "请输入验证码", trigger: "blur" }]
-});
+const loginRules = computed(() => ({
+  tenant_code: [{ required: true, message: t("core.login.tenantCode"), trigger: "blur" }],
+  user_name: [{ required: true, message: t("core.login.userName"), trigger: "blur" }],
+  password: [{ required: true, message: t("core.login.password"), trigger: "blur" }],
+  captcha_code: [{ required: true, message: t("core.login.captcha"), trigger: "blur" }]
+}));
 
 const loading = ref(false);
 const oauthLoadingProvider = ref("");
@@ -245,7 +264,9 @@ const behaviorCaptchaSource = reactive({
   thumbHeight: 60,
   thumbSize: 150
 });
-const behaviorCaptchaDisplayHeight = computed(() => Math.round((behaviorCaptchaSource.height * behaviorCaptchaDisplayWidth) / behaviorCaptchaSource.width));
+const behaviorCaptchaDisplayHeight = computed(() =>
+  Math.round((behaviorCaptchaSource.height * behaviorCaptchaDisplayWidth) / behaviorCaptchaSource.width)
+);
 const behaviorCaptchaScaleX = computed(() => behaviorCaptchaDisplayWidth / behaviorCaptchaSource.width);
 const behaviorCaptchaScaleY = computed(() => behaviorCaptchaDisplayHeight.value / behaviorCaptchaSource.height);
 const rotateCaptchaScale = computed(() => rotateCaptchaDisplaySize / behaviorCaptchaSource.width);
@@ -260,10 +281,12 @@ const toDisplayCaptchaY = (value: number) => Math.round(value * behaviorCaptchaS
 const toDisplayRotateSize = (value: number) => Math.round(value * rotateCaptchaScale.value);
 
 /** 将前端展示 X 坐标换算回服务端原始坐标。 */
-const toOriginalCaptchaX = (value: number) => Math.min(behaviorCaptchaSource.width, Math.max(0, Math.round(value / behaviorCaptchaScaleX.value)));
+const toOriginalCaptchaX = (value: number) =>
+  Math.min(behaviorCaptchaSource.width, Math.max(0, Math.round(value / behaviorCaptchaScaleX.value)));
 
 /** 将前端展示 Y 坐标换算回服务端原始坐标。 */
-const toOriginalCaptchaY = (value: number) => Math.min(behaviorCaptchaSource.height, Math.max(0, Math.round(value / behaviorCaptchaScaleY.value)));
+const toOriginalCaptchaY = (value: number) =>
+  Math.min(behaviorCaptchaSource.height, Math.max(0, Math.round(value / behaviorCaptchaScaleY.value)));
 const slideCaptchaConfig = computed(() => ({
   width: behaviorCaptchaDisplayWidth,
   height: behaviorCaptchaDisplayHeight.value,
@@ -273,7 +296,7 @@ const slideCaptchaConfig = computed(() => ({
   verticalPadding: 0,
   horizontalPadding: 0,
   iconSize: 20,
-  title: "请拖动滑块完成拼图"
+  title: t("core.login.behaviorPuzzle")
 }));
 const clickCaptchaConfig = computed(() => ({
   width: behaviorCaptchaDisplayWidth,
@@ -283,10 +306,10 @@ const clickCaptchaConfig = computed(() => ({
   showTheme: false,
   verticalPadding: 0,
   horizontalPadding: 0,
-  buttonText: "确认",
+  buttonText: t("core.login.behaviorConfirm"),
   iconSize: 20,
   dotSize: 20,
-  title: "请按顺序点击文字"
+  title: t("core.login.behaviorClick")
 }));
 const rotateCaptchaConfig = computed(() => ({
   width: behaviorCaptchaDisplayWidth,
@@ -296,7 +319,7 @@ const rotateCaptchaConfig = computed(() => ({
   verticalPadding: 0,
   horizontalPadding: 0,
   iconSize: 20,
-  title: "拖动滑块，将内圈图片转正"
+  title: t("core.login.behaviorRotate")
 }));
 const slideCaptchaEvents = {
   refresh: () => getCaptcha(),
@@ -307,7 +330,10 @@ const clickCaptchaEvents = {
   refresh: () => getCaptcha(),
   close: () => closeBehaviorCaptcha(),
   confirm: (dots: ClickCaptchaPoint[], reset: () => void) =>
-    verifyBehaviorCaptcha(JSON.stringify(dots.map(dot => ({ x: toOriginalCaptchaX(dot.x), y: toOriginalCaptchaY(dot.y) }))), reset)
+    verifyBehaviorCaptcha(
+      JSON.stringify(dots.map(dot => ({ x: toOriginalCaptchaX(dot.x), y: toOriginalCaptchaY(dot.y) }))),
+      reset
+    )
 };
 const rotateCaptchaEvents = {
   refresh: () => getCaptcha(),
@@ -402,7 +428,7 @@ const finishLogin = async () => {
   await navigateTo(router, getLoginRedirectPath());
   ElNotification({
     title: getTimeState(),
-    message: "欢迎登录管理后台",
+    message: t("core.login.welcome"),
     type: "success",
     duration: 3000
   });

package/dist/package/src/views/login/index.scss

@@ -21,6 +21,12 @@
       top: 13px;
       right: 18px;
     }
+    .locale {
+      position: absolute;
+      z-index: 2;
+      top: 19px;
+      right: 72px;
+    }
     .login-left {
       width: 800px;
       margin-right: 10px;

package/dist/package/src/views/login/index.vue

@@ -2,6 +2,7 @@
   <div class="login-container flx-center">
     <div class="login-box">
       <SwitchDark class="dark" />
+      <LocaleSwitch class="locale" />
       <div class="login-left">
         <img class="login-left-img" :src="backgroundUrl" alt="login" />
       </div>
@@ -20,6 +21,7 @@
 import { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from "vue";
 import LoginForm from "./components/LoginForm.vue";
 import SwitchDark from "../../components/SwitchDark/index.vue";
+import LocaleSwitch from "../../components/LocaleSwitch/index.vue";
 import { useConfigStore } from "../../stores/modules/config";
 
 const configStore = useConfigStore();

package/dist/package/types/generated/auto-imports.d.ts

@@ -6,119 +6,137 @@
 // biome-ignore lint: disable
 export {}
 declare global {
-  const ArrowDown: typeof import('@element-plus/icons-vue').ArrowDown
-  const ArrowRight: typeof import('@element-plus/icons-vue').ArrowRight
-  const ArrowUp: typeof import('@element-plus/icons-vue').ArrowUp
-  const Camera: typeof import('@element-plus/icons-vue').Camera
-  const CircleCheck: typeof import('@element-plus/icons-vue').CircleCheck
-  const CircleClose: typeof import('@element-plus/icons-vue').CircleClose
-  const CirclePlus: typeof import('@element-plus/icons-vue').CirclePlus
-  const Delete: typeof import('@element-plus/icons-vue').Delete
-  const Document: typeof import('@element-plus/icons-vue').Document
-  const Download: typeof import('@element-plus/icons-vue').Download
-  const Edit: typeof import('@element-plus/icons-vue').Edit
-  const EditPen: typeof import('@element-plus/icons-vue').EditPen
-  const EffectScope: typeof import('vue').EffectScope
-  const ElConfigProvider: typeof import('element-plus').ElConfigProvider
-  const ElLoading: typeof import('element-plus').ElLoading
-  const ElMessage: typeof import('element-plus').ElMessage
-  const ElMessageBox: typeof import('element-plus').ElMessageBox
-  const ElNotification: typeof import('element-plus').ElNotification
-  const ElTable: typeof import('element-plus').ElTable
-  const ElTree: typeof import('element-plus').ElTree
-  const Expand: typeof import('@element-plus/icons-vue').Expand
-  const Female: typeof import('@element-plus/icons-vue').Female
-  const Fold: typeof import('@element-plus/icons-vue').Fold
-  const Goods: typeof import('@element-plus/icons-vue').Goods
-  const InfoFilled: typeof import('@element-plus/icons-vue').InfoFilled
-  const List: typeof import('@element-plus/icons-vue').List
-  const Male: typeof import('@element-plus/icons-vue').Male
-  const Moon: typeof import('@element-plus/icons-vue').Moon
-  const Operation: typeof import('@element-plus/icons-vue').Operation
-  const Phone: typeof import('@element-plus/icons-vue').Phone
-  const Plus: typeof import('@element-plus/icons-vue').Plus
-  const Position: typeof import('@element-plus/icons-vue').Position
-  const QuestionFilled: typeof import('@element-plus/icons-vue').QuestionFilled
-  const Refresh: typeof import('@element-plus/icons-vue').Refresh
-  const RefreshLeft: typeof import('@element-plus/icons-vue').RefreshLeft
-  const Search: typeof import('@element-plus/icons-vue').Search
-  const Sunny: typeof import('@element-plus/icons-vue').Sunny
-  const Switch: typeof import('@element-plus/icons-vue').Switch
-  const Tickets: typeof import('@element-plus/icons-vue').Tickets
-  const Timer: typeof import('@element-plus/icons-vue').Timer
-  const User: typeof import('@element-plus/icons-vue').User
-  const UserFilled: typeof import('@element-plus/icons-vue').UserFilled
-  const Van: typeof import('@element-plus/icons-vue').Van
-  const View: typeof import('@element-plus/icons-vue').View
-  const Wallet: typeof import('@element-plus/icons-vue').Wallet
-  const computed: typeof import('vue').computed
-  const createApp: typeof import('vue').createApp
-  const customRef: typeof import('vue').customRef
-  const defineAsyncComponent: typeof import('vue').defineAsyncComponent
-  const defineComponent: typeof import('vue').defineComponent
-  const effectScope: typeof import('vue').effectScope
-  const formContextKey: typeof import('element-plus').formContextKey
-  const formItemContextKey: typeof import('element-plus').formItemContextKey
-  const getCurrentInstance: typeof import('vue').getCurrentInstance
-  const getCurrentScope: typeof import('vue').getCurrentScope
-  const getCurrentWatcher: typeof import('vue').getCurrentWatcher
-  const h: typeof import('vue').h
-  const inject: typeof import('vue').inject
-  const isProxy: typeof import('vue').isProxy
-  const isReactive: typeof import('vue').isReactive
-  const isReadonly: typeof import('vue').isReadonly
-  const isRef: typeof import('vue').isRef
-  const isShallow: typeof import('vue').isShallow
-  const markRaw: typeof import('vue').markRaw
-  const nextTick: typeof import('vue').nextTick
-  const onActivated: typeof import('vue').onActivated
-  const onBeforeMount: typeof import('vue').onBeforeMount
-  const onBeforeRouteLeave: typeof import('vue-router').onBeforeRouteLeave
-  const onBeforeRouteUpdate: typeof import('vue-router').onBeforeRouteUpdate
-  const onBeforeUnmount: typeof import('vue').onBeforeUnmount
-  const onBeforeUpdate: typeof import('vue').onBeforeUpdate
-  const onDeactivated: typeof import('vue').onDeactivated
-  const onErrorCaptured: typeof import('vue').onErrorCaptured
-  const onMounted: typeof import('vue').onMounted
-  const onRenderTracked: typeof import('vue').onRenderTracked
-  const onRenderTriggered: typeof import('vue').onRenderTriggered
-  const onScopeDispose: typeof import('vue').onScopeDispose
-  const onServerPrefetch: typeof import('vue').onServerPrefetch
-  const onUnmounted: typeof import('vue').onUnmounted
-  const onUpdated: typeof import('vue').onUpdated
-  const onWatcherCleanup: typeof import('vue').onWatcherCleanup
-  const provide: typeof import('vue').provide
-  const reactive: typeof import('vue').reactive
-  const readonly: typeof import('vue').readonly
-  const ref: typeof import('vue').ref
-  const resolveComponent: typeof import('vue').resolveComponent
-  const shallowReactive: typeof import('vue').shallowReactive
-  const shallowReadonly: typeof import('vue').shallowReadonly
-  const shallowRef: typeof import('vue').shallowRef
-  const toRaw: typeof import('vue').toRaw
-  const toRef: typeof import('vue').toRef
-  const toRefs: typeof import('vue').toRefs
-  const toValue: typeof import('vue').toValue
-  const triggerRef: typeof import('vue').triggerRef
-  const unref: typeof import('vue').unref
-  const useAttrs: typeof import('vue').useAttrs
-  const useCssModule: typeof import('vue').useCssModule
-  const useCssVars: typeof import('vue').useCssVars
-  const useId: typeof import('vue').useId
-  const useLink: typeof import('vue-router').useLink
-  const useModel: typeof import('vue').useModel
-  const useRoute: typeof import('vue-router').useRoute
-  const useRouter: typeof import('vue-router').useRouter
-  const useSlots: typeof import('vue').useSlots
-  const useTemplateRef: typeof import('vue').useTemplateRef
-  const watch: typeof import('vue').watch
-  const watchEffect: typeof import('vue').watchEffect
-  const watchPostEffect: typeof import('vue').watchPostEffect
-  const watchSyncEffect: typeof import('vue').watchSyncEffect
+  const ArrowDown: typeof import("@element-plus/icons-vue").ArrowDown;
+  const ArrowRight: typeof import("@element-plus/icons-vue").ArrowRight;
+  const ArrowUp: typeof import("@element-plus/icons-vue").ArrowUp;
+  const Camera: typeof import("@element-plus/icons-vue").Camera;
+  const CircleCheck: typeof import("@element-plus/icons-vue").CircleCheck;
+  const CircleClose: typeof import("@element-plus/icons-vue").CircleClose;
+  const CirclePlus: typeof import("@element-plus/icons-vue").CirclePlus;
+  const Delete: typeof import("@element-plus/icons-vue").Delete;
+  const Document: typeof import("@element-plus/icons-vue").Document;
+  const Download: typeof import("@element-plus/icons-vue").Download;
+  const Edit: typeof import("@element-plus/icons-vue").Edit;
+  const EditPen: typeof import("@element-plus/icons-vue").EditPen;
+  const EffectScope: typeof import("vue").EffectScope;
+  const ElConfigProvider: typeof import("element-plus").ElConfigProvider;
+  const ElLoading: typeof import("element-plus").ElLoading;
+  const ElMessage: typeof import("element-plus").ElMessage;
+  const ElMessageBox: typeof import("element-plus").ElMessageBox;
+  const ElNotification: typeof import("element-plus").ElNotification;
+  const ElTable: typeof import("element-plus").ElTable;
+  const ElTree: typeof import("element-plus").ElTree;
+  const Expand: typeof import("@element-plus/icons-vue").Expand;
+  const Female: typeof import("@element-plus/icons-vue").Female;
+  const Fold: typeof import("@element-plus/icons-vue").Fold;
+  const Goods: typeof import("@element-plus/icons-vue").Goods;
+  const InfoFilled: typeof import("@element-plus/icons-vue").InfoFilled;
+  const List: typeof import("@element-plus/icons-vue").List;
+  const Male: typeof import("@element-plus/icons-vue").Male;
+  const Moon: typeof import("@element-plus/icons-vue").Moon;
+  const Operation: typeof import("@element-plus/icons-vue").Operation;
+  const Phone: typeof import("@element-plus/icons-vue").Phone;
+  const Plus: typeof import("@element-plus/icons-vue").Plus;
+  const Position: typeof import("@element-plus/icons-vue").Position;
+  const QuestionFilled: typeof import("@element-plus/icons-vue").QuestionFilled;
+  const Refresh: typeof import("@element-plus/icons-vue").Refresh;
+  const RefreshLeft: typeof import("@element-plus/icons-vue").RefreshLeft;
+  const Search: typeof import("@element-plus/icons-vue").Search;
+  const Sunny: typeof import("@element-plus/icons-vue").Sunny;
+  const Switch: typeof import("@element-plus/icons-vue").Switch;
+  const Tickets: typeof import("@element-plus/icons-vue").Tickets;
+  const Timer: typeof import("@element-plus/icons-vue").Timer;
+  const User: typeof import("@element-plus/icons-vue").User;
+  const UserFilled: typeof import("@element-plus/icons-vue").UserFilled;
+  const Van: typeof import("@element-plus/icons-vue").Van;
+  const View: typeof import("@element-plus/icons-vue").View;
+  const Wallet: typeof import("@element-plus/icons-vue").Wallet;
+  const computed: typeof import("vue").computed;
+  const createApp: typeof import("vue").createApp;
+  const customRef: typeof import("vue").customRef;
+  const defineAsyncComponent: typeof import("vue").defineAsyncComponent;
+  const defineComponent: typeof import("vue").defineComponent;
+  const effectScope: typeof import("vue").effectScope;
+  const formContextKey: typeof import("element-plus").formContextKey;
+  const formItemContextKey: typeof import("element-plus").formItemContextKey;
+  const getCurrentInstance: typeof import("vue").getCurrentInstance;
+  const getCurrentScope: typeof import("vue").getCurrentScope;
+  const getCurrentWatcher: typeof import("vue").getCurrentWatcher;
+  const h: typeof import("vue").h;
+  const inject: typeof import("vue").inject;
+  const isProxy: typeof import("vue").isProxy;
+  const isReactive: typeof import("vue").isReactive;
+  const isReadonly: typeof import("vue").isReadonly;
+  const isRef: typeof import("vue").isRef;
+  const isShallow: typeof import("vue").isShallow;
+  const markRaw: typeof import("vue").markRaw;
+  const nextTick: typeof import("vue").nextTick;
+  const onActivated: typeof import("vue").onActivated;
+  const onBeforeMount: typeof import("vue").onBeforeMount;
+  const onBeforeRouteLeave: typeof import("vue-router").onBeforeRouteLeave;
+  const onBeforeRouteUpdate: typeof import("vue-router").onBeforeRouteUpdate;
+  const onBeforeUnmount: typeof import("vue").onBeforeUnmount;
+  const onBeforeUpdate: typeof import("vue").onBeforeUpdate;
+  const onDeactivated: typeof import("vue").onDeactivated;
+  const onErrorCaptured: typeof import("vue").onErrorCaptured;
+  const onMounted: typeof import("vue").onMounted;
+  const onRenderTracked: typeof import("vue").onRenderTracked;
+  const onRenderTriggered: typeof import("vue").onRenderTriggered;
+  const onScopeDispose: typeof import("vue").onScopeDispose;
+  const onServerPrefetch: typeof import("vue").onServerPrefetch;
+  const onUnmounted: typeof import("vue").onUnmounted;
+  const onUpdated: typeof import("vue").onUpdated;
+  const onWatcherCleanup: typeof import("vue").onWatcherCleanup;
+  const provide: typeof import("vue").provide;
+  const reactive: typeof import("vue").reactive;
+  const readonly: typeof import("vue").readonly;
+  const ref: typeof import("vue").ref;
+  const resolveComponent: typeof import("vue").resolveComponent;
+  const shallowReactive: typeof import("vue").shallowReactive;
+  const shallowReadonly: typeof import("vue").shallowReadonly;
+  const shallowRef: typeof import("vue").shallowRef;
+  const toRaw: typeof import("vue").toRaw;
+  const toRef: typeof import("vue").toRef;
+  const toRefs: typeof import("vue").toRefs;
+  const toValue: typeof import("vue").toValue;
+  const triggerRef: typeof import("vue").triggerRef;
+  const unref: typeof import("vue").unref;
+  const useAttrs: typeof import("vue").useAttrs;
+  const useCssModule: typeof import("vue").useCssModule;
+  const useCssVars: typeof import("vue").useCssVars;
+  const useId: typeof import("vue").useId;
+  const useLink: typeof import("vue-router").useLink;
+  const useModel: typeof import("vue").useModel;
+  const useRoute: typeof import("vue-router").useRoute;
+  const useRouter: typeof import("vue-router").useRouter;
+  const useSlots: typeof import("vue").useSlots;
+  const useTemplateRef: typeof import("vue").useTemplateRef;
+  const watch: typeof import("vue").watch;
+  const watchEffect: typeof import("vue").watchEffect;
+  const watchPostEffect: typeof import("vue").watchPostEffect;
+  const watchSyncEffect: typeof import("vue").watchSyncEffect;
 }
 // for type re-export
 declare global {
   // @ts-ignore
-  export type { Component, Slot, Slots, ComponentPublicInstance, ComputedRef, DirectiveBinding, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, ShallowRef, MaybeRef, MaybeRefOrGetter, VNode, WritableComputedRef } from 'vue'
-  import('vue')
+  export type {
+    Component,
+    Slot,
+    Slots,
+    ComponentPublicInstance,
+    ComputedRef,
+    DirectiveBinding,
+    ExtractDefaultPropTypes,
+    ExtractPropTypes,
+    ExtractPublicPropTypes,
+    InjectionKey,
+    PropType,
+    Ref,
+    ShallowRef,
+    MaybeRef,
+    MaybeRefOrGetter,
+    VNode,
+    WritableComputedRef
+  } from "vue";
+  import("vue");
 }