[{"data":1,"prerenderedAt":903},["ShallowReactive",2],{"navigation_docs":3,"-composables-use-animate":81,"-composables-use-animate-surround":440,"preview-examples/composables/AnimateDemo.vue":445,"mdc--3ck73-key":446},[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":34,"body":83,"description":434,"extension":95,"links":435,"meta":436,"navigation":437,"path":35,"seo":438,"stem":36,"__hash__":439},"docs/2.composables/1.use-animate.md",{"type":84,"value":85,"toc":424},"minimark",[86,97,113,118,190,195,211,232,236,240,244,250,261,374,378,382,412,420],[87,88,90],"nuxt-link",{"to":89},"/composables#instant-play",[91,92],"badge",{"icon":93,"label":94,"size":95,"variant":96},"mage:zap-fill","Instant play","md","soft",[98,99,100,101,104,105,112],"p",{},"The ",[102,103,34],"code",{}," composable wraps the ",[106,107,111],"a",{"href":108,"rel":109},"https://animejs.com/documentation/animation",[110],"nofollow","animate"," function from AnimeJS.",[114,115,117],"h2",{"id":116},"type-definition","Type Definition",[119,120,125],"pre",{"className":121,"code":122,"language":123,"meta":124,"style":124},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","function useAnimate(\n  target: AnimeTargets,\n  parameters: MaybeRefOrGetter\u003CAnimationParams>\n): JSAnimation\n","ts","",[102,126,127,144,161,181],{"__ignoreMap":124},[128,129,132,136,140],"span",{"class":130,"line":131},"line",1,[128,133,135],{"class":134},"spNyl","function",[128,137,139],{"class":138},"s2Zo4"," useAnimate",[128,141,143],{"class":142},"sMK4o","(\n",[128,145,147,151,154,158],{"class":130,"line":146},2,[128,148,150],{"class":149},"sHdIc","  target",[128,152,153],{"class":142},":",[128,155,157],{"class":156},"sBMFI"," AnimeTargets",[128,159,160],{"class":142},",\n",[128,162,164,167,169,172,175,178],{"class":130,"line":163},3,[128,165,166],{"class":149},"  parameters",[128,168,153],{"class":142},[128,170,171],{"class":156}," MaybeRefOrGetter",[128,173,174],{"class":142},"\u003C",[128,176,177],{"class":156},"AnimationParams",[128,179,180],{"class":142},">\n",[128,182,184,187],{"class":130,"line":183},4,[128,185,186],{"class":142},"):",[128,188,189],{"class":156}," JSAnimation\n",[191,192,194],"h3",{"id":193},"arguments","Arguments",[196,197,198,199,202,203,206,207,210],"caution",{},"Passing an object created with ",[102,200,201],{},"ref"," will fail. You should pass a\n",[102,204,205],{},"shallowReactive"," or a ",[102,208,209],{},"reactive"," value as the target",[212,213,214,221],"field-group",{},[215,216,220],"field",{"name":217,"type":218,":required":219},"target","AnimeTargets","true","The value to animate. Can be a CSS selector, DOM element, Vue component, JS object, or an array of these.",[215,222,225,226,231],{"name":223,"type":224},"parameters","AnimeParams","See ",[106,227,230],{"href":228,"rel":229},"https://animejs.com/documentation/animation/animatable-properties",[110],"AnimeJS Animatable Properties",".",[114,233,235],{"id":234},"sample-usage","Sample usage",[237,238],"render-code-block-preview",{"src":239},"examples/composables/AnimateDemo.vue",[114,241,243],{"id":242},"return-value","Return Value",[98,245,246,247,249],{},"Returns a ",[102,248,205],{}," object wrapping the AnimeJS instance.",[251,252,253,257,258,260],"warning",{},[254,255,256],"strong",{},"Do not destructure"," the return value. The instance is wrapped in ",[102,259,205],{}," to maintain reactivity.\nDestructuring will break the connection to the underlying AnimeJS instance updates.",[119,262,264],{"className":121,"code":263,"language":123,"meta":124,"style":124},"// ❌ Avoid destructuring\nconst { play } = useAnimate('.target', { ... })\n\n// ✅ Access methods directly\nconst animation = useAnimate('.target', { ... })\nanimation.play()\n",[102,265,266,272,318,324,329,360],{"__ignoreMap":124},[128,267,268],{"class":130,"line":131},[128,269,271],{"class":270},"sHwdD","// ❌ Avoid destructuring\n",[128,273,274,277,280,284,287,290,292,295,298,302,304,307,309,312,315],{"class":130,"line":146},[128,275,276],{"class":134},"const",[128,278,279],{"class":142}," {",[128,281,283],{"class":282},"sTEyZ"," play ",[128,285,286],{"class":142},"}",[128,288,289],{"class":142}," =",[128,291,139],{"class":138},[128,293,294],{"class":282},"(",[128,296,297],{"class":142},"'",[128,299,301],{"class":300},"sfazB",".target",[128,303,297],{"class":142},[128,305,306],{"class":142},",",[128,308,279],{"class":142},[128,310,311],{"class":142}," ...",[128,313,314],{"class":142}," }",[128,316,317],{"class":282},")\n",[128,319,320],{"class":130,"line":163},[128,321,323],{"emptyLinePlaceholder":322},true,"\n",[128,325,326],{"class":130,"line":183},[128,327,328],{"class":270},"// ✅ Access methods directly\n",[128,330,332,334,337,340,342,344,346,348,350,352,354,356,358],{"class":130,"line":331},5,[128,333,276],{"class":134},[128,335,336],{"class":282}," animation ",[128,338,339],{"class":142},"=",[128,341,139],{"class":138},[128,343,294],{"class":282},[128,345,297],{"class":142},[128,347,301],{"class":300},[128,349,297],{"class":142},[128,351,306],{"class":142},[128,353,279],{"class":142},[128,355,311],{"class":142},[128,357,314],{"class":142},[128,359,317],{"class":282},[128,361,363,366,368,371],{"class":130,"line":362},6,[128,364,365],{"class":282},"animation",[128,367,231],{"class":142},[128,369,370],{"class":138},"play",[128,372,373],{"class":282},"()\n",[114,375,377],{"id":376},"api","API",[191,379,381],{"id":380},"types","Types",[119,383,385],{"className":121,"code":384,"language":123,"meta":124,"style":124},"type AnimeTargets = TargetsParam | MaybeElementRef | MaybeElementRef[]\n",[102,386,387],{"__ignoreMap":124},[128,388,389,392,394,396,399,402,405,407,409],{"class":130,"line":131},[128,390,391],{"class":134},"type",[128,393,157],{"class":156},[128,395,289],{"class":142},[128,397,398],{"class":156}," TargetsParam",[128,400,401],{"class":142}," |",[128,403,404],{"class":156}," MaybeElementRef",[128,406,401],{"class":142},[128,408,404],{"class":156},[128,410,411],{"class":282},"[]\n",[413,414,225,415,419],"tip",{},[106,416,418],{"href":108,"rel":417},[110],"here"," for full list of parameters",[421,422,423],"style",{},"html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}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 .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--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 .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}",{"title":124,"searchDepth":146,"depth":146,"links":425},[426,429,430,431],{"id":116,"depth":146,"text":117,"children":427},[428],{"id":193,"depth":163,"text":194},{"id":234,"depth":146,"text":235},{"id":242,"depth":146,"text":243},{"id":376,"depth":146,"text":377,"children":432},[433],{"id":380,"depth":163,"text":381},"Documentation for useAnimate composable.",null,{},{"icon":37},{"title":34,"description":434},"MVIj8Uh4GAI6fzOMez-zwcn0CqjSyw436JZKv39EQWk",[441,443],{"title":11,"path":27,"stem":31,"description":442,"icon":32,"children":-1},"Explore the available composables in nanime.",{"title":39,"path":40,"stem":41,"description":444,"icon":42,"children":-1},"Documentation for useWaapiAnimate composable.","\n::code-group\n```ts [Script]\nimport { round } from '#nanime/utils'\n\nconst vector2D = shallowReactive({ x: 0, y: 0 })\n\nuseAnimate(vector2D, {\n  x: 100,\n  y: 150,\n  duration: 10000,\n  modifier: round(0),\n  ease: 'outElastic',\n  alternate: true,\n  loop: true,\n})\n```\n\n```vue [Template]\n\u003Ctemplate>\n  \u003Cp>{{ JSON.stringify(vector2D) }}\u003C/p>\n\u003C/template>\n```\n\n\n::\n\n::animate-demo\n::\n\n::u-button\n---\nto: https://github.com/astraldev/nanime/blob/main/docs/app/components/content/examples/composables/AnimateDemo.vue\ntarget: _blank\nvariant: link\ncolor: neutral\nicon: i-simple-icons-github\nclass: mt-2.5 pl-0.5\n---\nView on GitHub\n::\n",{"data":447,"body":448},{},{"type":449,"children":450},"root",[451,880,884,898],{"type":452,"tag":453,"props":454,"children":455},"element","code-group",{},[456,804],{"type":452,"tag":119,"props":457,"children":460},{"className":121,"code":458,"filename":459,"language":123,"meta":124,"style":124},"import { round } from '#nanime/utils'\n\nconst vector2D = shallowReactive({ x: 0, y: 0 })\n\nuseAnimate(vector2D, {\n  x: 100,\n  y: 150,\n  duration: 10000,\n  modifier: round(0),\n  ease: 'outElastic',\n  alternate: true,\n  loop: true,\n})\n","Script",[461],{"type":452,"tag":102,"props":462,"children":463},{"__ignoreMap":124},[464,510,517,590,597,618,639,661,683,718,748,771,792],{"type":452,"tag":128,"props":465,"children":466},{"class":130,"line":131},[467,474,479,485,489,494,499,505],{"type":452,"tag":128,"props":468,"children":470},{"style":469},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[471],{"type":472,"value":473},"text","import",{"type":452,"tag":128,"props":475,"children":477},{"style":476},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[478],{"type":472,"value":279},{"type":452,"tag":128,"props":480,"children":482},{"style":481},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[483],{"type":472,"value":484}," round",{"type":452,"tag":128,"props":486,"children":487},{"style":476},[488],{"type":472,"value":314},{"type":452,"tag":128,"props":490,"children":491},{"style":469},[492],{"type":472,"value":493}," from",{"type":452,"tag":128,"props":495,"children":496},{"style":476},[497],{"type":472,"value":498}," '",{"type":452,"tag":128,"props":500,"children":502},{"style":501},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[503],{"type":472,"value":504},"#nanime/utils",{"type":452,"tag":128,"props":506,"children":507},{"style":476},[508],{"type":472,"value":509},"'\n",{"type":452,"tag":128,"props":511,"children":512},{"class":130,"line":146},[513],{"type":452,"tag":128,"props":514,"children":515},{"emptyLinePlaceholder":322},[516],{"type":472,"value":323},{"type":452,"tag":128,"props":518,"children":519},{"class":130,"line":163},[520,525,530,534,540,544,549,555,559,565,569,574,578,582,586],{"type":452,"tag":128,"props":521,"children":523},{"style":522},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[524],{"type":472,"value":276},{"type":452,"tag":128,"props":526,"children":527},{"style":481},[528],{"type":472,"value":529}," vector2D ",{"type":452,"tag":128,"props":531,"children":532},{"style":476},[533],{"type":472,"value":339},{"type":452,"tag":128,"props":535,"children":537},{"style":536},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[538],{"type":472,"value":539}," shallowReactive",{"type":452,"tag":128,"props":541,"children":542},{"style":481},[543],{"type":472,"value":294},{"type":452,"tag":128,"props":545,"children":546},{"style":476},[547],{"type":472,"value":548},"{",{"type":452,"tag":128,"props":550,"children":552},{"style":551},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[553],{"type":472,"value":554}," x",{"type":452,"tag":128,"props":556,"children":557},{"style":476},[558],{"type":472,"value":153},{"type":452,"tag":128,"props":560,"children":562},{"style":561},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[563],{"type":472,"value":564}," 0",{"type":452,"tag":128,"props":566,"children":567},{"style":476},[568],{"type":472,"value":306},{"type":452,"tag":128,"props":570,"children":571},{"style":551},[572],{"type":472,"value":573}," y",{"type":452,"tag":128,"props":575,"children":576},{"style":476},[577],{"type":472,"value":153},{"type":452,"tag":128,"props":579,"children":580},{"style":561},[581],{"type":472,"value":564},{"type":452,"tag":128,"props":583,"children":584},{"style":476},[585],{"type":472,"value":314},{"type":452,"tag":128,"props":587,"children":588},{"style":481},[589],{"type":472,"value":317},{"type":452,"tag":128,"props":591,"children":592},{"class":130,"line":183},[593],{"type":452,"tag":128,"props":594,"children":595},{"emptyLinePlaceholder":322},[596],{"type":472,"value":323},{"type":452,"tag":128,"props":598,"children":599},{"class":130,"line":331},[600,604,609,613],{"type":452,"tag":128,"props":601,"children":602},{"style":536},[603],{"type":472,"value":34},{"type":452,"tag":128,"props":605,"children":606},{"style":481},[607],{"type":472,"value":608},"(vector2D",{"type":452,"tag":128,"props":610,"children":611},{"style":476},[612],{"type":472,"value":306},{"type":452,"tag":128,"props":614,"children":615},{"style":476},[616],{"type":472,"value":617}," {\n",{"type":452,"tag":128,"props":619,"children":620},{"class":130,"line":362},[621,626,630,635],{"type":452,"tag":128,"props":622,"children":623},{"style":551},[624],{"type":472,"value":625},"  x",{"type":452,"tag":128,"props":627,"children":628},{"style":476},[629],{"type":472,"value":153},{"type":452,"tag":128,"props":631,"children":632},{"style":561},[633],{"type":472,"value":634}," 100",{"type":452,"tag":128,"props":636,"children":637},{"style":476},[638],{"type":472,"value":160},{"type":452,"tag":128,"props":640,"children":642},{"class":130,"line":641},7,[643,648,652,657],{"type":452,"tag":128,"props":644,"children":645},{"style":551},[646],{"type":472,"value":647},"  y",{"type":452,"tag":128,"props":649,"children":650},{"style":476},[651],{"type":472,"value":153},{"type":452,"tag":128,"props":653,"children":654},{"style":561},[655],{"type":472,"value":656}," 150",{"type":452,"tag":128,"props":658,"children":659},{"style":476},[660],{"type":472,"value":160},{"type":452,"tag":128,"props":662,"children":664},{"class":130,"line":663},8,[665,670,674,679],{"type":452,"tag":128,"props":666,"children":667},{"style":551},[668],{"type":472,"value":669},"  duration",{"type":452,"tag":128,"props":671,"children":672},{"style":476},[673],{"type":472,"value":153},{"type":452,"tag":128,"props":675,"children":676},{"style":561},[677],{"type":472,"value":678}," 10000",{"type":452,"tag":128,"props":680,"children":681},{"style":476},[682],{"type":472,"value":160},{"type":452,"tag":128,"props":684,"children":686},{"class":130,"line":685},9,[687,692,696,700,704,709,714],{"type":452,"tag":128,"props":688,"children":689},{"style":551},[690],{"type":472,"value":691},"  modifier",{"type":452,"tag":128,"props":693,"children":694},{"style":476},[695],{"type":472,"value":153},{"type":452,"tag":128,"props":697,"children":698},{"style":536},[699],{"type":472,"value":484},{"type":452,"tag":128,"props":701,"children":702},{"style":481},[703],{"type":472,"value":294},{"type":452,"tag":128,"props":705,"children":706},{"style":561},[707],{"type":472,"value":708},"0",{"type":452,"tag":128,"props":710,"children":711},{"style":481},[712],{"type":472,"value":713},")",{"type":452,"tag":128,"props":715,"children":716},{"style":476},[717],{"type":472,"value":160},{"type":452,"tag":128,"props":719,"children":721},{"class":130,"line":720},10,[722,727,731,735,740,744],{"type":452,"tag":128,"props":723,"children":724},{"style":551},[725],{"type":472,"value":726},"  ease",{"type":452,"tag":128,"props":728,"children":729},{"style":476},[730],{"type":472,"value":153},{"type":452,"tag":128,"props":732,"children":733},{"style":476},[734],{"type":472,"value":498},{"type":452,"tag":128,"props":736,"children":737},{"style":501},[738],{"type":472,"value":739},"outElastic",{"type":452,"tag":128,"props":741,"children":742},{"style":476},[743],{"type":472,"value":297},{"type":452,"tag":128,"props":745,"children":746},{"style":476},[747],{"type":472,"value":160},{"type":452,"tag":128,"props":749,"children":751},{"class":130,"line":750},11,[752,757,761,767],{"type":452,"tag":128,"props":753,"children":754},{"style":551},[755],{"type":472,"value":756},"  alternate",{"type":452,"tag":128,"props":758,"children":759},{"style":476},[760],{"type":472,"value":153},{"type":452,"tag":128,"props":762,"children":764},{"style":763},"--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC",[765],{"type":472,"value":766}," true",{"type":452,"tag":128,"props":768,"children":769},{"style":476},[770],{"type":472,"value":160},{"type":452,"tag":128,"props":772,"children":774},{"class":130,"line":773},12,[775,780,784,788],{"type":452,"tag":128,"props":776,"children":777},{"style":551},[778],{"type":472,"value":779},"  loop",{"type":452,"tag":128,"props":781,"children":782},{"style":476},[783],{"type":472,"value":153},{"type":452,"tag":128,"props":785,"children":786},{"style":763},[787],{"type":472,"value":766},{"type":452,"tag":128,"props":789,"children":790},{"style":476},[791],{"type":472,"value":160},{"type":452,"tag":128,"props":793,"children":795},{"class":130,"line":794},13,[796,800],{"type":452,"tag":128,"props":797,"children":798},{"style":476},[799],{"type":472,"value":286},{"type":452,"tag":128,"props":801,"children":802},{"style":481},[803],{"type":472,"value":317},{"type":452,"tag":119,"props":805,"children":810},{"className":806,"code":807,"filename":808,"language":809,"meta":124,"style":124},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003Cp>{{ JSON.stringify(vector2D) }}\u003C/p>\n\u003C/template>\n","Template","vue",[811],{"type":452,"tag":102,"props":812,"children":813},{"__ignoreMap":124},[814,830,865],{"type":452,"tag":128,"props":815,"children":816},{"class":130,"line":131},[817,821,826],{"type":452,"tag":128,"props":818,"children":819},{"style":476},[820],{"type":472,"value":174},{"type":452,"tag":128,"props":822,"children":823},{"style":551},[824],{"type":472,"value":825},"template",{"type":452,"tag":128,"props":827,"children":828},{"style":476},[829],{"type":472,"value":180},{"type":452,"tag":128,"props":831,"children":832},{"class":130,"line":146},[833,838,842,847,852,857,861],{"type":452,"tag":128,"props":834,"children":835},{"style":476},[836],{"type":472,"value":837},"  \u003C",{"type":452,"tag":128,"props":839,"children":840},{"style":551},[841],{"type":472,"value":98},{"type":452,"tag":128,"props":843,"children":844},{"style":476},[845],{"type":472,"value":846},">",{"type":452,"tag":128,"props":848,"children":849},{"style":481},[850],{"type":472,"value":851},"{{ JSON.stringify(vector2D) }}",{"type":452,"tag":128,"props":853,"children":854},{"style":476},[855],{"type":472,"value":856},"\u003C/",{"type":452,"tag":128,"props":858,"children":859},{"style":551},[860],{"type":472,"value":98},{"type":452,"tag":128,"props":862,"children":863},{"style":476},[864],{"type":472,"value":180},{"type":452,"tag":128,"props":866,"children":867},{"class":130,"line":163},[868,872,876],{"type":452,"tag":128,"props":869,"children":870},{"style":476},[871],{"type":472,"value":856},{"type":452,"tag":128,"props":873,"children":874},{"style":551},[875],{"type":472,"value":825},{"type":452,"tag":128,"props":877,"children":878},{"style":476},[879],{"type":472,"value":180},{"type":452,"tag":881,"props":882,"children":883},"animate-demo",{},[],{"type":452,"tag":885,"props":886,"children":895},"u-button",{"className":887,"color":890,"icon":891,"target":892,"to":893,"variant":894},[888,889],"mt-2.5","pl-0.5","neutral","i-simple-icons-github","_blank","https://github.com/astraldev/nanime/blob/main/docs/app/components/content/examples/composables/AnimateDemo.vue","link",[896],{"type":472,"value":897},"View on GitHub",{"type":452,"tag":421,"props":899,"children":900},{},[901],{"type":472,"value":902},"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);}",1774567063012]