[{"data":1,"prerenderedAt":201},["ShallowReactive",2],{"navigation_docs":3,"-getting-started-introduction":81,"-getting-started-introduction-surround":198},[4,25,63],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":6},"Getting Started",false,"/getting-started","1.getting-started",[10,15,20],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","/getting-started/introduction","1.getting-started/1.introduction","i-lucide-info",{"title":16,"path":17,"stem":18,"icon":19},"Installation","/getting-started/installation","1.getting-started/2.installation","i-lucide-download",{"title":21,"path":22,"stem":23,"icon":24},"Configuration","/getting-started/configuration","1.getting-started/3.configuration","i-lucide-settings",{"title":26,"path":27,"stem":28,"children":29},"Composables","/composables","2.composables",[30,33,38,43,48,53,58],{"title":11,"path":27,"stem":31,"icon":32},"2.composables/index","i-lucide-box",{"title":34,"path":35,"stem":36,"icon":37},"useAnimate","/composables/use-animate","2.composables/1.use-animate","i-ph-play-circle",{"title":39,"path":40,"stem":41,"icon":42},"useWaapiAnimate","/composables/use-waapi-animate","2.composables/2.use-waapi-animate","i-ph-lightning",{"title":44,"path":45,"stem":46,"icon":47},"useAnimatable","/composables/use-animatable","2.composables/3.use-animatable","i-ph-cube",{"title":49,"path":50,"stem":51,"icon":52},"useSplitText","/composables/use-split-text","2.composables/4.use-split-text","i-ph-text-t",{"title":54,"path":55,"stem":56,"icon":57},"useLayout","/composables/use-layout","2.composables/5.use-layout","i-ph-layout",{"title":59,"path":60,"stem":61,"icon":62},"useDraggable","/composables/use-draggable","2.composables/6.use-draggable","i-ph-hand-grabbing",{"title":64,"path":65,"stem":66,"children":67},"Misc","/misc","4.misc",[68,71,76],{"title":11,"path":65,"stem":69,"icon":70},"4.misc/index","i-ph-puzzle-piece",{"title":72,"path":73,"stem":74,"icon":75},"Easings","/misc/easings","4.misc/1.easings","i-ph-chart-line",{"title":77,"path":78,"stem":79,"icon":80},"Utils","/misc/utils","4.misc/2.utils","i-ph-wrench",{"id":82,"title":11,"body":83,"description":191,"extension":192,"links":193,"meta":194,"navigation":195,"path":12,"seo":196,"stem":13,"__hash__":197},"docs/1.getting-started/1.introduction.md",{"type":84,"value":85,"toc":184},"minimark",[86,90,108,113,136,140,166,170,180],[87,88,11],"h1",{"id":89},"introduction",[91,92,93,99,100,107],"p",{},[94,95,98],"span",{"className":96},[97],"text-primary","nanime"," is a Nuxt module designed to provide a seamless integration of ",[101,102,106],"a",{"href":103,"rel":104},"https://animejs.com/",[105],"nofollow","AnimeJS"," into your Vue & Nuxt applications.",[109,110,112],"h2",{"id":111},"why-nanime","Why nanime?",[114,115,116,124,130],"ul",{},[117,118,119,123],"li",{},[120,121,122],"strong",{},"SSR Safety",": Safe for server-side rendering, preventing hydration issues.",[117,125,126,129],{},[120,127,128],{},"Premade Composables",": Ready-to-use composables and components.",[117,131,132,135],{},[120,133,134],{},"Zero Boilerplate",": No manual configuration required.",[109,137,139],{"id":138},"key-features","Key Features",[114,141,142,148,154,160],{},[117,143,144,147],{},[120,145,146],{},"SSR Safe",": Animations are guarded to run only in the client environment.",[117,149,150,153],{},[120,151,152],{},"Vue Integration",": Reactive and lifecycle-aware composables.",[117,155,156,159],{},[120,157,158],{},"Waapi Support",": Built-in support for Web Animations API.",[117,161,162,165],{},[120,163,164],{},"Transition Components",": Easily animate element transitions.",[109,167,169],{"id":168},"next-steps","Next Steps",[91,171,172,173,175,176,179],{},"Ready to start animating? Head over to the ",[101,174,16],{"href":17}," guide to add ",[177,178,98],"code",{}," to your project.",[181,182,183],"tip",{},"Each animated comes the full code snippet you can copy and paste directly into your project.",{"title":185,"searchDepth":186,"depth":186,"links":187},"",2,[188,189,190],{"id":111,"depth":186,"text":112},{"id":138,"depth":186,"text":139},{"id":168,"depth":186,"text":169},"SSR Safe animations with animejs","md",null,{},{"icon":14},{"title":11,"description":191},"mZBcisuZaKF20iaAQNV5CmtsH4tOY6xZG0FREdql-q8",[193,199],{"title":16,"path":17,"stem":18,"description":200,"icon":19,"children":-1},"Step-by-step guide to installing nanime",1775141234139]