带有Typescript和beforeEnter防护的Vue路由器，如何使用经过验证的数据？

import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router';
import { useUserStore } from './store/user'; // 假设你有一个用户状态管理

const routes: Array<RouteRecordRaw> = [
  {
    path: '/protected',
    name: 'ProtectedRoute',
    component: () => import('./views/ProtectedView.vue'),
    beforeEnter: async (to, from, next) => {
      const userStore = useUserStore();
      const isAuthenticated = await userStore.isAuthenticated(); // 假设有一个方法来验证用户是否已认证

      if (isAuthenticated) {
        next(); // 用户已认证，继续路由
      } else {
        next({ name: 'Login' }); // 用户未认证，重定向到登录页面
      }
    },
  },
  // 其他路由...
];

const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes,
});

export default router;