[{"data":1,"prerenderedAt":351},["ShallowReactive",2],{"navigation_docs":3,"-getting-started-installation":81,"-getting-started-installation-surround":346},[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":16,"body":83,"description":339,"extension":340,"links":341,"meta":342,"navigation":343,"path":17,"seo":344,"stem":18,"__hash__":345},"docs/1.getting-started/2.installation.md",{"type":84,"value":85,"toc":332},"minimark",[86,95,100,106,182,189,193,196,328],[87,88,89,90,94],"p",{},"Get started with ",[91,92,93],"code",{},"nanime"," in your Nuxt project in just a few steps.",[96,97,99],"h2",{"id":98},"automatic-installation","Automatic Installation",[87,101,102,103],{},"The easiest way to install the module is using ",[91,104,105],{},"nuxi",[107,108,109,140,161],"code-group",{},[110,111,117],"pre",{"className":112,"code":113,"filename":114,"language":115,"meta":116,"style":116},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","npx nuxi module add nanime\n","npx","bash","",[91,118,119],{"__ignoreMap":116},[120,121,124,127,131,134,137],"span",{"class":122,"line":123},"line",1,[120,125,114],{"class":126},"sBMFI",[120,128,130],{"class":129},"sfazB"," nuxi",[120,132,133],{"class":129}," module",[120,135,136],{"class":129}," add",[120,138,139],{"class":129}," nanime\n",[110,141,144],{"className":112,"code":142,"filename":143,"language":115,"meta":116,"style":116},"pnpm dlx nuxi module add nanime\n","pnpm",[91,145,146],{"__ignoreMap":116},[120,147,148,150,153,155,157,159],{"class":122,"line":123},[120,149,143],{"class":126},[120,151,152],{"class":129}," dlx",[120,154,130],{"class":129},[120,156,133],{"class":129},[120,158,136],{"class":129},[120,160,139],{"class":129},[110,162,165],{"className":112,"code":163,"filename":164,"language":115,"meta":116,"style":116},"bun x nuxi module add nanime\n","bun",[91,166,167],{"__ignoreMap":116},[120,168,169,171,174,176,178,180],{"class":122,"line":123},[120,170,164],{"class":126},[120,172,173],{"class":129}," x",[120,175,130],{"class":129},[120,177,133],{"class":129},[120,179,136],{"class":129},[120,181,139],{"class":129},[87,183,184,185,188],{},"This command will automatically install the package and add it to your ",[91,186,187],{},"nuxt.config.ts",".",[96,190,192],{"id":191},"manual-installation","Manual Installation",[87,194,195],{},"If you prefer to install manually:",[197,198,199,204,210,253,257,270],"steps",{},[200,201,203],"h3",{"id":202},"install-the-package","Install the package",[87,205,206,207,209],{},"Install ",[91,208,93],{}," using your package manager of choice:",[107,211,212,227,240],{},[110,213,216],{"className":112,"code":214,"filename":215,"language":115,"meta":116,"style":116},"npm install nanime\n","npm",[91,217,218],{"__ignoreMap":116},[120,219,220,222,225],{"class":122,"line":123},[120,221,215],{"class":126},[120,223,224],{"class":129}," install",[120,226,139],{"class":129},[110,228,230],{"className":112,"code":229,"filename":143,"language":115,"meta":116,"style":116},"pnpm add nanime\n",[91,231,232],{"__ignoreMap":116},[120,233,234,236,238],{"class":122,"line":123},[120,235,143],{"class":126},[120,237,136],{"class":129},[120,239,139],{"class":129},[110,241,243],{"className":112,"code":242,"filename":164,"language":115,"meta":116,"style":116},"bun add nanime\n",[91,244,245],{"__ignoreMap":116},[120,246,247,249,251],{"class":122,"line":123},[120,248,164],{"class":126},[120,250,136],{"class":129},[120,252,139],{"class":129},[200,254,256],{"id":255},"configure-nuxt","Configure Nuxt",[87,258,259,260,262,263,266,267,269],{},"Add ",[91,261,93],{}," to the ",[91,264,265],{},"modules"," section of your ",[91,268,187],{},":",[110,271,275],{"className":272,"code":273,"filename":187,"language":274,"meta":116,"style":116},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\nmodules: ['nanime']\n})\n","ts",[91,276,277,298,319],{"__ignoreMap":116},[120,278,279,283,286,290,294],{"class":122,"line":123},[120,280,282],{"class":281},"s7zQu","export",[120,284,285],{"class":281}," default",[120,287,289],{"class":288},"s2Zo4"," defineNuxtConfig",[120,291,293],{"class":292},"sTEyZ","(",[120,295,297],{"class":296},"sMK4o","{\n",[120,299,301,304,306,309,312,314,316],{"class":122,"line":300},2,[120,302,265],{"class":303},"swJcz",[120,305,269],{"class":296},[120,307,308],{"class":292}," [",[120,310,311],{"class":296},"'",[120,313,93],{"class":129},[120,315,311],{"class":296},[120,317,318],{"class":292},"]\n",[120,320,322,325],{"class":122,"line":321},3,[120,323,324],{"class":296},"}",[120,326,327],{"class":292},")\n",[329,330,331],"style",{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}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 .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}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}",{"title":116,"searchDepth":300,"depth":300,"links":333},[334,335],{"id":98,"depth":300,"text":99},{"id":191,"depth":300,"text":192,"children":336},[337,338],{"id":202,"depth":321,"text":203},{"id":255,"depth":321,"text":256},"Step-by-step guide to installing nanime","md",null,{},{"icon":19},{"title":16,"description":339},"bKfBFd1EbjaVVJYefUWTjXMkvQJr8g-Zm6aZm1oycJo",[347,349],{"title":11,"path":12,"stem":13,"description":348,"icon":14,"children":-1},"SSR Safe animations with animejs",{"title":21,"path":22,"stem":23,"description":350,"icon":24,"children":-1},"Configuring nanime options for your Nuxt project.",1774818374721]