vue3+vant toast使用时候提示 [Toast.loading is not a function]

问题遇到的现象和发生背景

vue3+vant toast使用时候提示 [Toast.loading is not a function]

用代码块功能插入代码，请勿粘贴截图
//上面的省略
import vant from "vant";
import { Toast,Dialog,Notify,ImagePreview } from "vant";
// Toast
import 'vant/es/toast/style';
import 'vant/es/dialog/style';
import 'vant/es/notify/style';
import 'vant/es/image-preview/style';

var app = createApp(App);
setupStore.install(app);
setupI18n.install(app);
app.use(router);
app.use(vant);
app.use(Toast).use(Dialog).use(Notify).use(ImagePreview);

app.mount("#app");

<template>
  123
  <van-button type="primary">buttonvan-button>
template>
<script lang="ts" setup>
import { computed, onMounted, ref } from "vue";
import { Toast } from "vant";

onMounted(() => {
  Toast.loading("加载中...");
});
script>

img

我这是哪里还没有加载进去么

运行结果及报错内容

img

我的解答思路和尝试过的方法
  Toast("加载中...");
  Toast("加载中...");
  Toast({message:"加载中..."});

img


这些都不行

vue3版本按需调用是这样的

img

img

你是要全局引用的？proxy.$toast({message: ''})写在onMounted里面试试