Pré-carregar rotas carrega os componentes de uma rota específica que o usuário pode navegar no futuro. Isso garante que os componentes estejam disponíveis mais cedo e menos propensos a bloquear a navegação, melhorando o desempenho.

Exemplo

Pré-carregue uma rota ao usar navigateTo.

// não aguardamos esta função assíncrona, para evitar bloquear a renderização
// a função de configuração deste componente
preloadRouteComponents('/dashboard')

const submit = async () => {
  const results = await $fetch('/api/authentication')

  if (results.token) {
    await navigateTo('/dashboard')
  }
}