How to consume API in Vue to condition a route

Question

I have the following code, I need the const 'exist' to receive information from an api object, I am trying to use Axios but without success.

const existe = informação da api;
export default [
  {
    path: 'clientes/',
    name: 'cadastrar',
    component: () => {
      if (!existe) {
        return import(/* webpackChunkName: "Inicio" */ '@/view/clientes/Cadastrar.vue');
      } else {
        return import(/* webpackChunkName: "Inicio" */ '@/view/clientes/ClienteInfo.vue');
      }
    },
  },
];

Answer 1

turns its function into asynchronous, and waits for its return for example:

  {
        path: 'clientes/',
        name: 'cadastrar',
        component: await async () => {
    const existe = informação da api;
          if (!existe) {
            return import(/* webpackChunkName: "Inicio" */ '@/view/clientes/Cadastrar.vue');
          } else {
            return import(/* webpackChunkName: "Inicio" */ '@/view/clientes/ClienteInfo.vue');
          }
        },
      },