在我使用vue-auth的情况下，如何约束具有特定角色的路由？

import Vue from 'vue'
import Router from 'vue-router'
import auth from 'vue-auth'

Vue.use(Router)

const router = new Router({
  routes: [
    {
      path: '/admin',
      name: 'Admin',
      component: AdminComponent,
      meta: {
        requiresAuth: true,
        roles: ['admin']
      }
    },
    // 其他路由配置...
  ]
})

// 在路由跳转前进行权限验证
router.beforeEach((to, from, next) => {
  if (to.meta.requiresAuth) {
    if (!auth.isAuthenticated()) {
      // 用户未登录，跳转到登录页面
      next('/login')
    } else if (to.meta.roles && !auth.hasRole(to.meta.roles)) {
      // 用户没有所需角色，跳转到其他页面或显示无权限提示
      next('/403')
    } else {
      // 用户已登录且具有所需角色，继续跳转
      next()
    }
  } else {
    // 不需要权限验证的路由，直接跳转
    next()
  }
})

export default router

<template>
  <div>
    <h1>Admin Page</h1>
    <p v-auth="'admin'">Only visible to admin users.</p>
  </div>
</template>