chore: vue-router-next api change

packages/vant-cli/site/mobile/main.js

@@ -1,5 +1,4 @@
 import { createApp } from 'vue';
-import VueRouter from 'vue-router';
 import DemoBlock from './components/DemoBlock';
 import DemoSection from './components/DemoSection';
 import { router } from './router';
@@ -7,13 +6,9 @@ import App from './App';
 import '@vant/touch-emulator';
 
 setTimeout(() => {
-  const app = createApp({
-    render: (h) => h(App),
-    router,
-  });
-
-  app.use(VueRouter);
-  app.component(DemoBlock.name, DemoBlock);
-  app.component(DemoSection.name, DemoSection);
-  app.mount('#app');
+  createApp(App)
+    .use(router)
+    .component(DemoBlock.name, DemoBlock)
+    .component(DemoSection.name, DemoSection)
+    .mount('#app');
 }, 0);

packages/vant-cli/site/mobile/router.js

@@ -1,5 +1,5 @@
 import { nextTick } from 'vue';
-import VueRouter from 'vue-router';
+import { createRouter, createWebHashHistory } from 'vue-router';
 import DemoHome from './components/DemoHome';
 import { decamelize } from '../common';
 import { demos, config } from 'site-mobile-shared';
@@ -81,8 +81,8 @@ function getRoutes() {
   return routes;
 }
 
-export const router = new VueRouter({
-  mode: 'hash',
+export const router = createRouter({
+  mode: createWebHashHistory(),
   routes: getRoutes(),
   scrollBehavior: (to, from, savedPosition) => savedPosition || { x: 0, y: 0 },
 });