[{"data":1,"prerenderedAt":562},["ShallowReactive",2],{"navigation_docs":3,"landing":81},[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,"page":-1},"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,"page":-1},"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":83,"body":84,"description":83,"extension":554,"meta":555,"navigation":246,"path":556,"seo":557,"stem":560,"__hash__":561},"landing/index.md","",{"type":85,"value":86,"toc":552},"minimark",[87,484,548],[88,89,91,460,469,472],"u-page-hero",{"orientation":90},"horizontal",[92,93,94,102,203],"tabs",{},[95,96,99],"tabs-item",{"icon":97,"label":98},"i-lucide-eye","Preview",[100,101],"hero-animation",{},[95,103,106],{"icon":104,"label":105},"i-lucide-code","Template",[107,108,112],"pre",{"className":109,"code":110,"language":111,"meta":83,"style":83},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cdiv class=\"boxes grid grid-cols-10 place-items-center gap-0.5 absolute inset-0 p-5\">\n  \u003Cdiv v-for=\"i in 40\" :key=\"i\" class=\"box size-9 rounded-sm bg-white/40 aspect-square\" />\n\u003C/div>\n","html",[113,114,115,147,193],"code",{"__ignoreMap":83},[116,117,120,124,128,132,135,138,142,144],"span",{"class":118,"line":119},"line",1,[116,121,123],{"class":122},"sMK4o","\u003C",[116,125,127],{"class":126},"swJcz","div",[116,129,131],{"class":130},"spNyl"," class",[116,133,134],{"class":122},"=",[116,136,137],{"class":122},"\"",[116,139,141],{"class":140},"sfazB","boxes grid grid-cols-10 place-items-center gap-0.5 absolute inset-0 p-5",[116,143,137],{"class":122},[116,145,146],{"class":122},">\n",[116,148,150,153,155,158,160,162,165,167,170,172,174,177,179,181,183,185,188,190],{"class":118,"line":149},2,[116,151,152],{"class":122},"  \u003C",[116,154,127],{"class":126},[116,156,157],{"class":130}," v-for",[116,159,134],{"class":122},[116,161,137],{"class":122},[116,163,164],{"class":140},"i in 40",[116,166,137],{"class":122},[116,168,169],{"class":130}," :key",[116,171,134],{"class":122},[116,173,137],{"class":122},[116,175,176],{"class":140},"i",[116,178,137],{"class":122},[116,180,131],{"class":130},[116,182,134],{"class":122},[116,184,137],{"class":122},[116,186,187],{"class":140},"box size-9 rounded-sm bg-white/40 aspect-square",[116,189,137],{"class":122},[116,191,192],{"class":122}," />\n",[116,194,196,199,201],{"class":118,"line":195},3,[116,197,198],{"class":122},"\u003C/",[116,200,127],{"class":126},[116,202,146],{"class":122},[95,204,207],{"icon":205,"label":206},"i-lucide-file-code","Script",[107,208,212],{"className":209,"code":210,"language":211,"meta":83,"style":83},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { stagger } from '#nanime/utils'\n\nuseAnimate('.boxes > .box', {\n  scale: [{ to: [0, 1.25] }, { to: 0 }],\n  boxShadow: [\n    { to: '0 0 1rem 0 currentColor' },\n    { to: '0 0 0rem 0 currentColor' }\n  ],\n  delay: stagger(100, {\n    grid: [10, 4],\n    from: 'center',\n  }),\n})\n","ts",[113,213,214,242,248,270,324,335,355,374,382,401,423,440,451],{"__ignoreMap":83},[116,215,216,220,223,227,230,233,236,239],{"class":118,"line":119},[116,217,219],{"class":218},"s7zQu","import",[116,221,222],{"class":122}," {",[116,224,226],{"class":225},"sTEyZ"," stagger",[116,228,229],{"class":122}," }",[116,231,232],{"class":218}," from",[116,234,235],{"class":122}," '",[116,237,238],{"class":140},"#nanime/utils",[116,240,241],{"class":122},"'\n",[116,243,244],{"class":118,"line":149},[116,245,247],{"emptyLinePlaceholder":246},true,"\n",[116,249,250,253,256,259,262,264,267],{"class":118,"line":195},[116,251,34],{"class":252},"s2Zo4",[116,254,255],{"class":225},"(",[116,257,258],{"class":122},"'",[116,260,261],{"class":140},".boxes > .box",[116,263,258],{"class":122},[116,265,266],{"class":122},",",[116,268,269],{"class":122}," {\n",[116,271,273,276,279,282,285,288,290,292,296,298,301,304,307,309,311,313,316,318,321],{"class":118,"line":272},4,[116,274,275],{"class":126},"  scale",[116,277,278],{"class":122},":",[116,280,281],{"class":225}," [",[116,283,284],{"class":122},"{",[116,286,287],{"class":126}," to",[116,289,278],{"class":122},[116,291,281],{"class":225},[116,293,295],{"class":294},"sbssI","0",[116,297,266],{"class":122},[116,299,300],{"class":294}," 1.25",[116,302,303],{"class":225},"] ",[116,305,306],{"class":122},"},",[116,308,222],{"class":122},[116,310,287],{"class":126},[116,312,278],{"class":122},[116,314,315],{"class":294}," 0",[116,317,229],{"class":122},[116,319,320],{"class":225},"]",[116,322,323],{"class":122},",\n",[116,325,327,330,332],{"class":118,"line":326},5,[116,328,329],{"class":126},"  boxShadow",[116,331,278],{"class":122},[116,333,334],{"class":225}," [\n",[116,336,338,341,343,345,347,350,352],{"class":118,"line":337},6,[116,339,340],{"class":122},"    {",[116,342,287],{"class":126},[116,344,278],{"class":122},[116,346,235],{"class":122},[116,348,349],{"class":140},"0 0 1rem 0 currentColor",[116,351,258],{"class":122},[116,353,354],{"class":122}," },\n",[116,356,358,360,362,364,366,369,371],{"class":118,"line":357},7,[116,359,340],{"class":122},[116,361,287],{"class":126},[116,363,278],{"class":122},[116,365,235],{"class":122},[116,367,368],{"class":140},"0 0 0rem 0 currentColor",[116,370,258],{"class":122},[116,372,373],{"class":122}," }\n",[116,375,377,380],{"class":118,"line":376},8,[116,378,379],{"class":225},"  ]",[116,381,323],{"class":122},[116,383,385,388,390,392,394,397,399],{"class":118,"line":384},9,[116,386,387],{"class":126},"  delay",[116,389,278],{"class":122},[116,391,226],{"class":252},[116,393,255],{"class":225},[116,395,396],{"class":294},"100",[116,398,266],{"class":122},[116,400,269],{"class":122},[116,402,404,407,409,411,414,416,419,421],{"class":118,"line":403},10,[116,405,406],{"class":126},"    grid",[116,408,278],{"class":122},[116,410,281],{"class":225},[116,412,413],{"class":294},"10",[116,415,266],{"class":122},[116,417,418],{"class":294}," 4",[116,420,320],{"class":225},[116,422,323],{"class":122},[116,424,426,429,431,433,436,438],{"class":118,"line":425},11,[116,427,428],{"class":126},"    from",[116,430,278],{"class":122},[116,432,235],{"class":122},[116,434,435],{"class":140},"center",[116,437,258],{"class":122},[116,439,323],{"class":122},[116,441,443,446,449],{"class":118,"line":442},12,[116,444,445],{"class":122},"  }",[116,447,448],{"class":225},")",[116,450,323],{"class":122},[116,452,454,457],{"class":118,"line":453},13,[116,455,456],{"class":122},"}",[116,458,459],{"class":225},")\n",[461,462,463,464],"template",{"v-slot:title":83},"Effortless animations with ",[116,465,468],{"className":466},[467],"text-primary","AnimeJS",[461,470,471],{"v-slot:description":83},"Create SSR Safe animations for Nuxt without having to worry about targets and component lifecycle.",[461,473,474,480],{"v-slot:links":83},[475,476,479],"u-button",{"icon":477,"size":478,"to":17},"i-lucide-arrow-right","xl","Get started",[481,482],"copy-code-input",{"source":483},"npx nuxi module add nanime",[485,486,487,490],"u-page-section",{},[461,488,489],{"v-slot:title":83},"Shipped with many features",[461,491,492,509,525,538],{"v-slot:features":83},[493,494,499,506],"u-page-card",{":spotlight":495,"icon":496,"target":497,"to":498},"true","i-simple-icons-nuxt","_blank","https://nuxt.com",[461,500,501,502],{"v-slot:title":83},"Built with ",[116,503,505],{"className":504},[467],"Nuxt 4",[461,507,508],{"v-slot:description":83},"Created with nuxt for nuxt",[493,510,513,519],{":spotlight":495,"icon":511,"target":497,"to":512},"i-simple-icons-animedotjs","https://animejs.com/",[461,514,515,516],{"v-slot:title":83},"Powered by ",[116,517,468],{"className":518},[467],[461,520,521,522],{"v-slot:description":83},"Animation engine by ",[113,523,524],{},"animejs",[493,526,528,535],{":spotlight":495,"icon":527,"target":497,"to":498},"i-tabler-server-cog",[461,529,530,534],{"v-slot:title":83},[116,531,533],{"className":532},[467],"SSR"," safe",[461,536,537],{"v-slot:description":83},"Composables doesn't break ssr nor cause hydration issues",[493,539,542,545],{":spotlight":495,"icon":540,"target":497,"to":541},"i-tabler-settings-bolt","https://nuxt.com/docs/guide/directory-structure/app-config",[461,543,544],{"v-slot:title":83},"Customizable",[461,546,547],{"v-slot:description":83},"Enable or disable composables or components",[549,550,551],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":83,"searchDepth":149,"depth":149,"links":553},[],"md",{},"/",{"title":558,"description":559},"Effortless animations with AnimeJS","Build SSR Safe animations for Nuxt without having to worry about targets, hooks and component lifecycle.","index","XB-ZVVFUnSAPZbAE_gP8BD0Yz-AdJUHdOXJ8_PhhIbk",1774567060494]