vant在VUE项目中按需引入报错

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

在src/plugins目录下（没有plugins文件夹需新建一个），然后建一个vant.js文件，在该文件中做引入操作，最后将这个文件在man.js内引入。
vant在VUE项目中按需引入报错
把vant.js改成vant.vue 就不报错了为什么？
vant中不能引入less语法吗？

问题相关代码，请勿粘贴截图

运行结果及报错内容

我的解答思路和尝试过的方法

我想要达到的结果

需要先确定你的vant是不是下错版本了。
vue2：npm i vant@latest-v2
vue3：npm i vant

控制台报错
app.js:117

   Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_10__.ref) is not a function
at useWindowSize (index.esm.js?9eab:339:1)
at eval (dom.js?77d9:54:1)
at Module../node_modules/vant/es/utils/dom.js (chunk-vendors.js:336:1)
at __webpack_require__ (app.js:114:33)
at fn (app.js:348:21)
at eval (format.js:27:62)
at Module../node_modules/vant/es/utils/format.js (chunk-vendors.js:347:1)
at __webpack_require__ (app.js:114:33)
at fn (app.js:348:21)
at eval (with-install.js:7:65)

useWindowSize @ index.esm.js?9eab:339
eval @ dom.js?77d9:54
./node_modules/vant/es/utils/dom.js @ chunk-vendors.js:336
webpack_require @ app.js:114
fn @ app.js:348
eval @ format.js:27
./node_modules/vant/es/utils/format.js @ chunk-vendors.js:347
webpack_require @ app.js:114
fn @ app.js:348
eval @ with-install.js:7
./node_modules/vant/es/utils/with-install.js @ chunk-vendors.js:380
webpack_require @ app.js:114
fn @ app.js:348
eval @ index.js:6
./node_modules/vant/es/skeleton/index.js @ chunk-vendors.js:270
webpack_require @ app.js:114
fn @ app.js:348
eval @ vant.js:3
./src/plugin/vant.js @ app.js:65
webpack_require @ app.js:114
fn @ app.js:348
eval @ main.js:14
./src/main.js @ app.js:55
webpack_require @ app.js:114
(匿名) @ app.js:1236
webpack_require.O @ app.js:160
(匿名) @ app.js:1237
(匿名) @ app.js:1239