[{"data":1,"prerenderedAt":43},["ShallowReactive",2],{"diario-/diario/animacoes-site-pessoal":3},{"id":4,"title":5,"body":6,"date":29,"description":30,"extension":31,"meta":32,"navigation":33,"path":34,"seo":35,"stem":36,"tags":37,"__hash__":42},"diario/diario/animacoes-site-pessoal.md","Animações no site pessoal",{"type":7,"value":8,"toc":25},"minimark",[9,22],[10,11,12,13,17,18,21],"p",{},"Quis dar uma animaçãozinha no site pessoal. Criei um composable ",[14,15,16],"code",{},"useReveal"," com Intersection Observer e uma diretiva ",[14,19,20],{},"v-reveal"," pra animar elementos quando entram na viewport. Zero dependências, tudo CSS.",[10,23,24],{},"Fade up, stagger em listas, navbar que esconde ao scrollar pra baixo e aparece ao scrollar pra cima. Simples e leve.",{"title":26,"searchDepth":27,"depth":27,"links":28},"",2,[],"2026-03-05","Quis dar uma animaçãozinha no site pessoal. Criei um composable useReveal com Intersection Observer e uma diretiva v-reveal pra animar elementos quando entram na viewport. Zero dependências, tudo CSS.","md",{},true,"/diario/animacoes-site-pessoal",{"title":5,"description":30},"diario/animacoes-site-pessoal",[38,39,40,41],"site-pessoal","animacoes","css","nuxt","ebHmk3-5ycnXoR2hx6xtqjLQewI8-lE2vLCtBYcypSI",1772834006344]