@daep93 I have never used Quasar with vue-cli, but maybe the animations option array doesn’t work in Vue.use ? You could try to just copy / paste the css from here into your own css file:
https://github.com/quasarframework/quasar/blob/dev/extras/animate/fadeIn.css

@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { animation-name: fadeIn; } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { animation-name: fadeOut; }

@dobbel Thank you your advice. I think your approach looks good but the suggested way is not fundamental solution for usage of lazy-rules. It will check validation when I would type a character in input box. It means, anyway, lazy-rules=“ondemand” still not work.