.app { min-height: 100vh; display: flex; flex-direction: column; } // Pour que main occupe toute la place de la page et que le footer soit en bas (au cas où le main n'occupe pas toute la hauteur de la page #main-content { flex: 1; } .page-enter-active, .page-leave-active { transition: all 0.4s ease; } .page-enter-from, .page-leave-to { opacity: 0; filter: grayscale(66%) brightness(0.2); }