Ainda não entendi muito como funciona a questão do Pathname e como ele captura o "/" ou o "/cadastro"
quando eu chamo a funcao:
navegacao(window.location.pathname)Como é que se captura o que está em rotas? Só de chamar a função ele já captura?
import {inicializaCadastro} from "../src/componentes/cadastro/componente-cadastro.js";
import inicializaTabela from "./componentes/listagem/listagem-cliente.js";
const rotas = {
"/":inicializaTabela,
"/cadastro": inicializaCadastro,
}
const rootDiv = document.querySelector("[data-container]");
const navegacao = pathname =>{
window.history.pushState({},pathname,window.location.origin+pathname);
rootDiv.innerHTML = "";
const iniciarRota = rotas[window.location.pathname]
rootDiv.appendChild(iniciarRota)
}
export{navegacao}