我有强迫症，纯属是给自己找虐。写的代码就想规规矩矩整整齐齐。一个文件里不想放太多代码。所以遇见了下面的问题。
看完教程后自己尝试做项目，我把接口给拆分出来了。在setup文件里调用了我的接口文件。接口文件里是这么写的，我需要在请求code值是200的时候就设置路由跳转到Home页面。但是我在这个文件里写完以后。控制台会报错，提示router没有push属性。打印router显示undefined，然而我在setup函数里调用路由是有值的，难道是因为我把文件拆分出来导致的吗？那这种问题有没有合适的解决办法呢？请教老师答疑解惑。
另外老师如果我不改动我的文件结构的情况下，在这个接口文件里如何能够将接口的值传回给页面呢？
在vue2的时候可以通过this指向去修改data数据。
在vu3里我想到了用vuex，但用vuex的话，后期可能会导致vux里的数据特别特别多。除了vuex还有别的办法实现跨文件去修改data数据吗？

/* eslint-disable @typescript-eslint/explicit-module-boundary-types */
import { LOGIN } from '@/aips/interface'
import useLogicVerificationCode from './logicVerificationCode'
import { useRouter } from 'vue-router'

interface objFormData {
  valueData: string
}

const useRtieLogin = async (formData: objFormData) => { // 登录接口函数
  const result = await LOGIN(formData)
  const res = result.data
  switch (res.code) {
    case '200': {
      const data = res.data
      sessionStorage.setItem('token', data.token) // 存储token
      const router = useRouter()
      console.log(useRouter())
      router.push({ path: 'Home' })
      break
    }
  }
}
export { useRtieLogin }