Vue项目中utils文件夹下的JS文件如何实现路由跳转和弹窗？

// @/route/index.js

const router = new vuerouter({
  mode: 'history',
  base: '/',
  routes: [
    {
      path: '/somewhere',
      component: somewhere // 替换为你的组件
    }
  ]
})

export default router

import router from '@/route' // 导入路由实例

export function gosomewhere() {
  router.push('/somewhere')
}

import vue from 'vue'

export const cache = new set()

export default function usedialog(component) {
  // ... (弹窗创建和管理逻辑，代码如问题答案所示)
}

<template>
  <el-dialog
    :visible.sync="visible"
    width="920px"
    append-to-body>
    <template #footer>
      <el-button @click="close">取消</el-button>
      <el-button type="primary" @click="submit">确定</el-button>
    </template>
  </el-dialog>
</template>

<script>
import router from '@/router'

export default {
  name: 'addgroupdialog',
  data() {
    return {
      visible: false,
    }
  },
  methods: {
    submit() {
      router.push('/somewhere')
      this.visible = false; // 关闭弹窗
    },
    close() {
      this.visible = false
    },
  },
}
</script>

import AddGroupDialog from './AddGroupDialog.vue'
import useDialog from './dialogUtils.js' // 假设useDialog函数在dialogUtils.js中

function handleAdd() {
  useDialog(AddGroupDialog)({
    // ...props
  }).then(() => {
    // onDone
  })
}