[{"data":1,"prerenderedAt":1398},["ShallowReactive",2],{"navigation_docs":3,"-composables-use-scramble-text":103,"-composables-use-scramble-text-surround":494,"preview-examples\u002Fcomposables\u002FScrambleTextDemo.vue":499,"mdc--wh0wda-key":500},[4,25,69,93],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":6},"Getting Started",false,"\u002Fgetting-started","1.getting-started",[10,15,20],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F1.introduction","i-lucide-info",{"title":16,"path":17,"stem":18,"icon":19},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":21,"path":22,"stem":23,"icon":24},"Configuration","\u002Fgetting-started\u002Fconfiguration","1.getting-started\u002F3.configuration","i-lucide-settings",{"title":26,"icon":6,"path":27,"stem":28,"children":29,"page":6},"Composables","\u002Fcomposables","2.composables",[30,34,39,44,49,54,59,64],{"title":11,"path":31,"stem":32,"icon":33},"\u002Fcomposables\u002Fintroduction","2.composables\u002F0.introduction","i-lucide-box",{"title":35,"path":36,"stem":37,"icon":38},"useAnimate","\u002Fcomposables\u002Fuse-animate","2.composables\u002F1.use-animate","i-ph-play-circle",{"title":40,"path":41,"stem":42,"icon":43},"useWaapiAnimate","\u002Fcomposables\u002Fuse-waapi-animate","2.composables\u002F2.use-waapi-animate","i-ph-lightning",{"title":45,"path":46,"stem":47,"icon":48},"useAnimatable","\u002Fcomposables\u002Fuse-animatable","2.composables\u002F3.use-animatable","i-ph-cube",{"title":50,"path":51,"stem":52,"icon":53},"useSplitText","\u002Fcomposables\u002Fuse-split-text","2.composables\u002F4.use-split-text","i-ph-text-t",{"title":55,"path":56,"stem":57,"icon":58},"useScrambleText","\u002Fcomposables\u002Fuse-scramble-text","2.composables\u002F5.use-scramble-text","i-ph-shuffle",{"title":60,"path":61,"stem":62,"icon":63},"useDraggable","\u002Fcomposables\u002Fuse-draggable","2.composables\u002F6.use-draggable","i-ph-hand-grabbing",{"title":65,"path":66,"stem":67,"icon":68},"useAnimeTimeline","\u002Fcomposables\u002Fuse-anime-timeline","2.composables\u002F7.use-anime-timeline","i-ph-list-numbers",{"title":70,"path":71,"stem":72,"children":73,"page":6},"Misc","\u002Fmisc","4.misc",[74,78,83,88],{"title":11,"path":75,"stem":76,"icon":77},"\u002Fmisc\u002Fintroduction","4.misc\u002F0.introduction","i-ph-puzzle-piece",{"title":79,"path":80,"stem":81,"icon":82},"Easings","\u002Fmisc\u002Feasings","4.misc\u002F1.easings","i-ph-chart-line",{"title":84,"path":85,"stem":86,"icon":87},"Utils","\u002Fmisc\u002Futils","4.misc\u002F2.utils","i-ph-wrench",{"title":89,"path":90,"stem":91,"icon":92},"Proxies","\u002Fmisc\u002Fproxies","4.misc\u002F3.proxies","i-ph-plugs-connected",{"title":94,"icon":6,"path":95,"stem":96,"children":97,"page":6},"Updates","\u002Fchanges","5.changes",[98],{"title":99,"path":100,"stem":101,"icon":102},"Changelog","\u002Fchanges\u002Fchangelog","5.changes\u002F1.changelog","i-ph-clock-counter-clockwise",{"id":104,"title":55,"body":105,"description":488,"extension":117,"links":489,"meta":490,"navigation":491,"path":56,"seo":492,"stem":57,"__hash__":493},"docs\u002F2.composables\u002F5.use-scramble-text.md",{"type":106,"value":107,"toc":479},"minimark",[108,119,136,141,178,182,186,190,197,201,206,296,328,338,342,353,475],[109,110,112],"nuxt-link",{"to":111},"\u002Fcomposables\u002Fintroduction#instant-play",[113,114],"badge",{"icon":115,"label":116,"size":117,"variant":118},"mage:zap-fill","Instant play","md","soft",[120,121,122,123,126,127,135],"p",{},"The ",[124,125,55],"code",{}," composable wraps the ",[128,129,134],"a",{"href":130,"rel":131,"target":133},"https:\u002F\u002Fanimejs.com\u002Fdocumentation\u002Ftext\u002Fscrambletext",[132],"nofollow","_blank","scrambleText"," utility from AnimeJS, providing a reactive way to animate text with a scramble\u002Freveal effect.",[137,138,140],"h2",{"id":139},"arguments","Arguments",[142,143,144,151,167],"field-group",{},[145,146,150],"field",{"name":147,"type":148,":required":149},"target","AnimeTargets","true","The element whose text content will be scrambled. Can be a CSS selector, DOM element, Vue template ref, or component.",[145,152,155,156,159,160,159,163,166],{"name":153,"type":154},"animationOptions","MaybeRefOrGetter\u003CAnimationParams>","Standard AnimeJS animation parameters (e.g., ",[124,157,158],{},"autoplay",", ",[124,161,162],{},"loop",[124,164,165],{},"alternate","). These control the animation playback, not the scramble behavior.",[145,168,171,172,177],{"name":169,"type":170},"scrambleOptions","MaybeRefOrGetter\u003CScrambleTextParams>","Options specific to the scramble effect. See the ",[128,173,176],{"href":174,"rel":175,"target":133},"https:\u002F\u002Fanimejs.com\u002Fdocumentation\u002Ftext\u002Fscrambletext\u002Fscrambletext-parameters",[132],"AnimeJS Scramble Text documentation"," for all available options.",[137,179,181],{"id":180},"example","Example",[183,184],"render-code-block-preview",{"src":185},"examples\u002Fcomposables\u002FScrambleTextDemo.vue",[137,187,189],{"id":188},"return-value","Return Value",[120,191,192,193,196],{},"Returns a ",[124,194,195],{},"shallowReactive"," object wrapping the AnimeJS animation instance.",[137,198,200],{"id":199},"api","API",[202,203,205],"h3",{"id":204},"types","Types",[207,208,213],"pre",{"className":209,"code":210,"language":211,"meta":212,"style":212},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","function useScrambleText(\n  target: AnimeTargets,\n  animationOptions?: MaybeRefOrGetter\u003CAnimationParams>,\n  scrambleOptions?: MaybeRefOrGetter\u003CScrambleTextParams>,\n): JSAnimation\n","ts","",[124,214,215,232,249,270,287],{"__ignoreMap":212},[216,217,220,224,228],"span",{"class":218,"line":219},"line",1,[216,221,223],{"class":222},"spNyl","function",[216,225,227],{"class":226},"s2Zo4"," useScrambleText",[216,229,231],{"class":230},"sMK4o","(\n",[216,233,235,239,242,246],{"class":218,"line":234},2,[216,236,238],{"class":237},"sHdIc","  target",[216,240,241],{"class":230},":",[216,243,245],{"class":244},"sBMFI"," AnimeTargets",[216,247,248],{"class":230},",\n",[216,250,252,255,258,261,264,267],{"class":218,"line":251},3,[216,253,254],{"class":237},"  animationOptions",[216,256,257],{"class":230},"?:",[216,259,260],{"class":244}," MaybeRefOrGetter",[216,262,263],{"class":230},"\u003C",[216,265,266],{"class":244},"AnimationParams",[216,268,269],{"class":230},">,\n",[216,271,273,276,278,280,282,285],{"class":218,"line":272},4,[216,274,275],{"class":237},"  scrambleOptions",[216,277,257],{"class":230},[216,279,260],{"class":244},[216,281,263],{"class":230},[216,283,284],{"class":244},"ScrambleTextParams",[216,286,269],{"class":230},[216,288,290,293],{"class":218,"line":289},5,[216,291,292],{"class":230},"):",[216,294,295],{"class":244}," JSAnimation\n",[207,297,299],{"className":209,"code":298,"language":211,"meta":212,"style":212},"type AnimeTargets = TargetsParam | MaybeElementRef | MaybeElementRef[]\n",[124,300,301],{"__ignoreMap":212},[216,302,303,306,308,311,314,317,320,322,324],{"class":218,"line":219},[216,304,305],{"class":222},"type",[216,307,245],{"class":244},[216,309,310],{"class":230}," =",[216,312,313],{"class":244}," TargetsParam",[216,315,316],{"class":230}," |",[216,318,319],{"class":244}," MaybeElementRef",[216,321,316],{"class":230},[216,323,319],{"class":244},[216,325,327],{"class":326},"sTEyZ","[]\n",[120,329,330,331,334,335,337],{},"See ",[128,332,176],{"href":174,"rel":333,"target":133},[132]," for the full ",[124,336,284],{}," type.",[137,339,341],{"id":340},"notes","Notes",[343,344,345,349,350,352],"warning",{},[346,347,348],"strong",{},"Do not destructure"," the return value. The instance is wrapped in ",[124,351,195],{}," to maintain reactivity.",[207,354,356],{"className":209,"code":355,"language":211,"meta":212,"style":212},"\u002F\u002F ❌ Avoid destructuring\nconst { restart } = useScrambleText(el, {}, { text: 'Hello' })\n\n\u002F\u002F ✅ Access methods directly\nconst animation = useScrambleText(el, {}, { text: 'Hello' })\nanimation.restart()\n",[124,357,358,364,415,421,426,460],{"__ignoreMap":212},[216,359,360],{"class":218,"line":219},[216,361,363],{"class":362},"sHwdD","\u002F\u002F ❌ Avoid destructuring\n",[216,365,366,369,372,375,378,380,382,385,388,391,393,397,399,402,406,409,412],{"class":218,"line":234},[216,367,368],{"class":222},"const",[216,370,371],{"class":230}," {",[216,373,374],{"class":326}," restart ",[216,376,377],{"class":230},"}",[216,379,310],{"class":230},[216,381,227],{"class":226},[216,383,384],{"class":326},"(el",[216,386,387],{"class":230},",",[216,389,390],{"class":230}," {},",[216,392,371],{"class":230},[216,394,396],{"class":395},"swJcz"," text",[216,398,241],{"class":230},[216,400,401],{"class":230}," '",[216,403,405],{"class":404},"sfazB","Hello",[216,407,408],{"class":230},"'",[216,410,411],{"class":230}," }",[216,413,414],{"class":326},")\n",[216,416,417],{"class":218,"line":251},[216,418,420],{"emptyLinePlaceholder":419},true,"\n",[216,422,423],{"class":218,"line":272},[216,424,425],{"class":362},"\u002F\u002F ✅ Access methods directly\n",[216,427,428,430,433,436,438,440,442,444,446,448,450,452,454,456,458],{"class":218,"line":289},[216,429,368],{"class":222},[216,431,432],{"class":326}," animation ",[216,434,435],{"class":230},"=",[216,437,227],{"class":226},[216,439,384],{"class":326},[216,441,387],{"class":230},[216,443,390],{"class":230},[216,445,371],{"class":230},[216,447,396],{"class":395},[216,449,241],{"class":230},[216,451,401],{"class":230},[216,453,405],{"class":404},[216,455,408],{"class":230},[216,457,411],{"class":230},[216,459,414],{"class":326},[216,461,463,466,469,472],{"class":218,"line":462},6,[216,464,465],{"class":326},"animation",[216,467,468],{"class":230},".",[216,470,471],{"class":226},"restart",[216,473,474],{"class":326},"()\n",[476,477,478],"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 .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}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 .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}",{"title":212,"searchDepth":234,"depth":234,"links":480},[481,482,483,484,487],{"id":139,"depth":234,"text":140},{"id":180,"depth":234,"text":181},{"id":188,"depth":234,"text":189},{"id":199,"depth":234,"text":200,"children":485},[486],{"id":204,"depth":251,"text":205},{"id":340,"depth":234,"text":341},"Documentation for useScrambleText composable.",null,{},{"icon":58},{"title":55,"description":488},"sQ_iMGeKiM3Oi9E8CeCZqtcbosn0r3YdOWu3FtV0aqw",[495,497],{"title":50,"path":51,"stem":52,"description":496,"icon":53,"children":-1},"Documentation for useSplitText composable.",{"title":60,"path":61,"stem":62,"description":498,"icon":63,"children":-1},"Documentation for useDraggable composable.","\n::scramble-text-demo\n::\n\n::code-group\n```ts [Script]\nimport type { ScrambleTextParams } from '#nanime\u002Ftypes'\nimport { useIntervalFn } from '@vueuse\u002Fcore'\n\nconst el = useTemplateRef('text')\n\nconst index = ref(0)\nconst texts = [\n  'Hello from nanime!',\n  'Scramble text with animejs!',\n  'Reactive composables rock',\n  'Care to star us on github? :)',\n]\n\nconst scrambleConfig = computed(\n  (): ScrambleTextParams => ({\n    text: texts[index.value],\n    chars: 'symbols',\n    perturbation: 0.3,\n    settleRate: 25,\n    settleDuration: 350,\n    revealRate: 20,\n  }),\n)\n\nuseScrambleText(el, { ease: 'inCirc', duration: 2500 }, scrambleConfig)\n\nuseIntervalFn(() => {\n  index.value = (index.value + 1) % texts.length\n}, 5000)\n```\n\n```vue [Template]\n\u003Ctemplate>\n  \u003Cp ref=\"text\" class=\"font-mono text-lg\">Hello from nanime!\u003C\u002Fp>\n\u003C\u002Ftemplate>\n```\n\n\n::\n\n::u-button\n---\nto: https:\u002F\u002Fgithub.com\u002Fastraldev\u002Fnanime\u002Fblob\u002Fmain\u002Fdocs\u002Fapp\u002Fcomponents\u002Fcontent\u002Fexamples\u002Fcomposables\u002FScrambleTextDemo.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":501,"body":502},{},{"type":503,"children":504},"root",[505,510,1380,1393],{"type":506,"tag":507,"props":508,"children":509},"element","scramble-text-demo",{},[],{"type":506,"tag":511,"props":512,"children":513},"code-group",{},[514,1261],{"type":506,"tag":207,"props":515,"children":518},{"className":209,"code":516,"filename":517,"language":211,"meta":212,"style":212},"import type { ScrambleTextParams } from '#nanime\u002Ftypes'\nimport { useIntervalFn } from '@vueuse\u002Fcore'\n\nconst el = useTemplateRef('text')\n\nconst index = ref(0)\nconst texts = [\n  'Hello from nanime!',\n  'Scramble text with animejs!',\n  'Reactive composables rock',\n  'Care to star us on github? :)',\n]\n\nconst scrambleConfig = computed(\n  (): ScrambleTextParams => ({\n    text: texts[index.value],\n    chars: 'symbols',\n    perturbation: 0.3,\n    settleRate: 25,\n    settleDuration: 350,\n    revealRate: 20,\n  }),\n)\n\nuseScrambleText(el, { ease: 'inCirc', duration: 2500 }, scrambleConfig)\n\nuseIntervalFn(() => {\n  index.value = (index.value + 1) % texts.length\n}, 5000)\n","Script",[519],{"type":506,"tag":124,"props":520,"children":521},{"__ignoreMap":212},[522,572,609,616,660,667,702,724,746,767,788,809,818,826,852,881,913,943,965,987,1009,1031,1049,1057,1065,1135,1143,1170,1243],{"type":506,"tag":216,"props":523,"children":524},{"class":218,"line":219},[525,532,537,542,548,552,557,561,567],{"type":506,"tag":216,"props":526,"children":528},{"style":527},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[529],{"type":530,"value":531},"text","import",{"type":506,"tag":216,"props":533,"children":534},{"style":527},[535],{"type":530,"value":536}," type",{"type":506,"tag":216,"props":538,"children":540},{"style":539},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[541],{"type":530,"value":371},{"type":506,"tag":216,"props":543,"children":545},{"style":544},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[546],{"type":530,"value":547}," ScrambleTextParams",{"type":506,"tag":216,"props":549,"children":550},{"style":539},[551],{"type":530,"value":411},{"type":506,"tag":216,"props":553,"children":554},{"style":527},[555],{"type":530,"value":556}," from",{"type":506,"tag":216,"props":558,"children":559},{"style":539},[560],{"type":530,"value":401},{"type":506,"tag":216,"props":562,"children":564},{"style":563},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[565],{"type":530,"value":566},"#nanime\u002Ftypes",{"type":506,"tag":216,"props":568,"children":569},{"style":539},[570],{"type":530,"value":571},"'\n",{"type":506,"tag":216,"props":573,"children":574},{"class":218,"line":234},[575,579,583,588,592,596,600,605],{"type":506,"tag":216,"props":576,"children":577},{"style":527},[578],{"type":530,"value":531},{"type":506,"tag":216,"props":580,"children":581},{"style":539},[582],{"type":530,"value":371},{"type":506,"tag":216,"props":584,"children":585},{"style":544},[586],{"type":530,"value":587}," useIntervalFn",{"type":506,"tag":216,"props":589,"children":590},{"style":539},[591],{"type":530,"value":411},{"type":506,"tag":216,"props":593,"children":594},{"style":527},[595],{"type":530,"value":556},{"type":506,"tag":216,"props":597,"children":598},{"style":539},[599],{"type":530,"value":401},{"type":506,"tag":216,"props":601,"children":602},{"style":563},[603],{"type":530,"value":604},"@vueuse\u002Fcore",{"type":506,"tag":216,"props":606,"children":607},{"style":539},[608],{"type":530,"value":571},{"type":506,"tag":216,"props":610,"children":611},{"class":218,"line":251},[612],{"type":506,"tag":216,"props":613,"children":614},{"emptyLinePlaceholder":419},[615],{"type":530,"value":420},{"type":506,"tag":216,"props":617,"children":618},{"class":218,"line":272},[619,624,629,633,639,644,648,652,656],{"type":506,"tag":216,"props":620,"children":622},{"style":621},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[623],{"type":530,"value":368},{"type":506,"tag":216,"props":625,"children":626},{"style":544},[627],{"type":530,"value":628}," el ",{"type":506,"tag":216,"props":630,"children":631},{"style":539},[632],{"type":530,"value":435},{"type":506,"tag":216,"props":634,"children":636},{"style":635},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[637],{"type":530,"value":638}," useTemplateRef",{"type":506,"tag":216,"props":640,"children":641},{"style":544},[642],{"type":530,"value":643},"(",{"type":506,"tag":216,"props":645,"children":646},{"style":539},[647],{"type":530,"value":408},{"type":506,"tag":216,"props":649,"children":650},{"style":563},[651],{"type":530,"value":530},{"type":506,"tag":216,"props":653,"children":654},{"style":539},[655],{"type":530,"value":408},{"type":506,"tag":216,"props":657,"children":658},{"style":544},[659],{"type":530,"value":414},{"type":506,"tag":216,"props":661,"children":662},{"class":218,"line":289},[663],{"type":506,"tag":216,"props":664,"children":665},{"emptyLinePlaceholder":419},[666],{"type":530,"value":420},{"type":506,"tag":216,"props":668,"children":669},{"class":218,"line":462},[670,674,679,683,688,692,698],{"type":506,"tag":216,"props":671,"children":672},{"style":621},[673],{"type":530,"value":368},{"type":506,"tag":216,"props":675,"children":676},{"style":544},[677],{"type":530,"value":678}," index ",{"type":506,"tag":216,"props":680,"children":681},{"style":539},[682],{"type":530,"value":435},{"type":506,"tag":216,"props":684,"children":685},{"style":635},[686],{"type":530,"value":687}," ref",{"type":506,"tag":216,"props":689,"children":690},{"style":544},[691],{"type":530,"value":643},{"type":506,"tag":216,"props":693,"children":695},{"style":694},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[696],{"type":530,"value":697},"0",{"type":506,"tag":216,"props":699,"children":700},{"style":544},[701],{"type":530,"value":414},{"type":506,"tag":216,"props":703,"children":705},{"class":218,"line":704},7,[706,710,715,719],{"type":506,"tag":216,"props":707,"children":708},{"style":621},[709],{"type":530,"value":368},{"type":506,"tag":216,"props":711,"children":712},{"style":544},[713],{"type":530,"value":714}," texts ",{"type":506,"tag":216,"props":716,"children":717},{"style":539},[718],{"type":530,"value":435},{"type":506,"tag":216,"props":720,"children":721},{"style":544},[722],{"type":530,"value":723}," [\n",{"type":506,"tag":216,"props":725,"children":727},{"class":218,"line":726},8,[728,733,738,742],{"type":506,"tag":216,"props":729,"children":730},{"style":539},[731],{"type":530,"value":732},"  '",{"type":506,"tag":216,"props":734,"children":735},{"style":563},[736],{"type":530,"value":737},"Hello from nanime!",{"type":506,"tag":216,"props":739,"children":740},{"style":539},[741],{"type":530,"value":408},{"type":506,"tag":216,"props":743,"children":744},{"style":539},[745],{"type":530,"value":248},{"type":506,"tag":216,"props":747,"children":749},{"class":218,"line":748},9,[750,754,759,763],{"type":506,"tag":216,"props":751,"children":752},{"style":539},[753],{"type":530,"value":732},{"type":506,"tag":216,"props":755,"children":756},{"style":563},[757],{"type":530,"value":758},"Scramble text with animejs!",{"type":506,"tag":216,"props":760,"children":761},{"style":539},[762],{"type":530,"value":408},{"type":506,"tag":216,"props":764,"children":765},{"style":539},[766],{"type":530,"value":248},{"type":506,"tag":216,"props":768,"children":770},{"class":218,"line":769},10,[771,775,780,784],{"type":506,"tag":216,"props":772,"children":773},{"style":539},[774],{"type":530,"value":732},{"type":506,"tag":216,"props":776,"children":777},{"style":563},[778],{"type":530,"value":779},"Reactive composables rock",{"type":506,"tag":216,"props":781,"children":782},{"style":539},[783],{"type":530,"value":408},{"type":506,"tag":216,"props":785,"children":786},{"style":539},[787],{"type":530,"value":248},{"type":506,"tag":216,"props":789,"children":791},{"class":218,"line":790},11,[792,796,801,805],{"type":506,"tag":216,"props":793,"children":794},{"style":539},[795],{"type":530,"value":732},{"type":506,"tag":216,"props":797,"children":798},{"style":563},[799],{"type":530,"value":800},"Care to star us on github? :)",{"type":506,"tag":216,"props":802,"children":803},{"style":539},[804],{"type":530,"value":408},{"type":506,"tag":216,"props":806,"children":807},{"style":539},[808],{"type":530,"value":248},{"type":506,"tag":216,"props":810,"children":812},{"class":218,"line":811},12,[813],{"type":506,"tag":216,"props":814,"children":815},{"style":544},[816],{"type":530,"value":817},"]\n",{"type":506,"tag":216,"props":819,"children":821},{"class":218,"line":820},13,[822],{"type":506,"tag":216,"props":823,"children":824},{"emptyLinePlaceholder":419},[825],{"type":530,"value":420},{"type":506,"tag":216,"props":827,"children":829},{"class":218,"line":828},14,[830,834,839,843,848],{"type":506,"tag":216,"props":831,"children":832},{"style":621},[833],{"type":530,"value":368},{"type":506,"tag":216,"props":835,"children":836},{"style":544},[837],{"type":530,"value":838}," scrambleConfig ",{"type":506,"tag":216,"props":840,"children":841},{"style":539},[842],{"type":530,"value":435},{"type":506,"tag":216,"props":844,"children":845},{"style":635},[846],{"type":530,"value":847}," computed",{"type":506,"tag":216,"props":849,"children":850},{"style":544},[851],{"type":530,"value":231},{"type":506,"tag":216,"props":853,"children":855},{"class":218,"line":854},15,[856,861,866,871,876],{"type":506,"tag":216,"props":857,"children":858},{"style":539},[859],{"type":530,"value":860},"  ():",{"type":506,"tag":216,"props":862,"children":864},{"style":863},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[865],{"type":530,"value":547},{"type":506,"tag":216,"props":867,"children":868},{"style":621},[869],{"type":530,"value":870}," =>",{"type":506,"tag":216,"props":872,"children":873},{"style":544},[874],{"type":530,"value":875}," (",{"type":506,"tag":216,"props":877,"children":878},{"style":539},[879],{"type":530,"value":880},"{\n",{"type":506,"tag":216,"props":882,"children":884},{"class":218,"line":883},16,[885,891,895,900,904,909],{"type":506,"tag":216,"props":886,"children":888},{"style":887},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[889],{"type":530,"value":890},"    text",{"type":506,"tag":216,"props":892,"children":893},{"style":539},[894],{"type":530,"value":241},{"type":506,"tag":216,"props":896,"children":897},{"style":544},[898],{"type":530,"value":899}," texts[index",{"type":506,"tag":216,"props":901,"children":902},{"style":539},[903],{"type":530,"value":468},{"type":506,"tag":216,"props":905,"children":906},{"style":544},[907],{"type":530,"value":908},"value]",{"type":506,"tag":216,"props":910,"children":911},{"style":539},[912],{"type":530,"value":248},{"type":506,"tag":216,"props":914,"children":916},{"class":218,"line":915},17,[917,922,926,930,935,939],{"type":506,"tag":216,"props":918,"children":919},{"style":887},[920],{"type":530,"value":921},"    chars",{"type":506,"tag":216,"props":923,"children":924},{"style":539},[925],{"type":530,"value":241},{"type":506,"tag":216,"props":927,"children":928},{"style":539},[929],{"type":530,"value":401},{"type":506,"tag":216,"props":931,"children":932},{"style":563},[933],{"type":530,"value":934},"symbols",{"type":506,"tag":216,"props":936,"children":937},{"style":539},[938],{"type":530,"value":408},{"type":506,"tag":216,"props":940,"children":941},{"style":539},[942],{"type":530,"value":248},{"type":506,"tag":216,"props":944,"children":946},{"class":218,"line":945},18,[947,952,956,961],{"type":506,"tag":216,"props":948,"children":949},{"style":887},[950],{"type":530,"value":951},"    perturbation",{"type":506,"tag":216,"props":953,"children":954},{"style":539},[955],{"type":530,"value":241},{"type":506,"tag":216,"props":957,"children":958},{"style":694},[959],{"type":530,"value":960}," 0.3",{"type":506,"tag":216,"props":962,"children":963},{"style":539},[964],{"type":530,"value":248},{"type":506,"tag":216,"props":966,"children":968},{"class":218,"line":967},19,[969,974,978,983],{"type":506,"tag":216,"props":970,"children":971},{"style":887},[972],{"type":530,"value":973},"    settleRate",{"type":506,"tag":216,"props":975,"children":976},{"style":539},[977],{"type":530,"value":241},{"type":506,"tag":216,"props":979,"children":980},{"style":694},[981],{"type":530,"value":982}," 25",{"type":506,"tag":216,"props":984,"children":985},{"style":539},[986],{"type":530,"value":248},{"type":506,"tag":216,"props":988,"children":990},{"class":218,"line":989},20,[991,996,1000,1005],{"type":506,"tag":216,"props":992,"children":993},{"style":887},[994],{"type":530,"value":995},"    settleDuration",{"type":506,"tag":216,"props":997,"children":998},{"style":539},[999],{"type":530,"value":241},{"type":506,"tag":216,"props":1001,"children":1002},{"style":694},[1003],{"type":530,"value":1004}," 350",{"type":506,"tag":216,"props":1006,"children":1007},{"style":539},[1008],{"type":530,"value":248},{"type":506,"tag":216,"props":1010,"children":1012},{"class":218,"line":1011},21,[1013,1018,1022,1027],{"type":506,"tag":216,"props":1014,"children":1015},{"style":887},[1016],{"type":530,"value":1017},"    revealRate",{"type":506,"tag":216,"props":1019,"children":1020},{"style":539},[1021],{"type":530,"value":241},{"type":506,"tag":216,"props":1023,"children":1024},{"style":694},[1025],{"type":530,"value":1026}," 20",{"type":506,"tag":216,"props":1028,"children":1029},{"style":539},[1030],{"type":530,"value":248},{"type":506,"tag":216,"props":1032,"children":1034},{"class":218,"line":1033},22,[1035,1040,1045],{"type":506,"tag":216,"props":1036,"children":1037},{"style":539},[1038],{"type":530,"value":1039},"  }",{"type":506,"tag":216,"props":1041,"children":1042},{"style":544},[1043],{"type":530,"value":1044},")",{"type":506,"tag":216,"props":1046,"children":1047},{"style":539},[1048],{"type":530,"value":248},{"type":506,"tag":216,"props":1050,"children":1052},{"class":218,"line":1051},23,[1053],{"type":506,"tag":216,"props":1054,"children":1055},{"style":544},[1056],{"type":530,"value":414},{"type":506,"tag":216,"props":1058,"children":1060},{"class":218,"line":1059},24,[1061],{"type":506,"tag":216,"props":1062,"children":1063},{"emptyLinePlaceholder":419},[1064],{"type":530,"value":420},{"type":506,"tag":216,"props":1066,"children":1068},{"class":218,"line":1067},25,[1069,1073,1077,1081,1085,1090,1094,1098,1103,1107,1111,1116,1120,1125,1130],{"type":506,"tag":216,"props":1070,"children":1071},{"style":635},[1072],{"type":530,"value":55},{"type":506,"tag":216,"props":1074,"children":1075},{"style":544},[1076],{"type":530,"value":384},{"type":506,"tag":216,"props":1078,"children":1079},{"style":539},[1080],{"type":530,"value":387},{"type":506,"tag":216,"props":1082,"children":1083},{"style":539},[1084],{"type":530,"value":371},{"type":506,"tag":216,"props":1086,"children":1087},{"style":887},[1088],{"type":530,"value":1089}," ease",{"type":506,"tag":216,"props":1091,"children":1092},{"style":539},[1093],{"type":530,"value":241},{"type":506,"tag":216,"props":1095,"children":1096},{"style":539},[1097],{"type":530,"value":401},{"type":506,"tag":216,"props":1099,"children":1100},{"style":563},[1101],{"type":530,"value":1102},"inCirc",{"type":506,"tag":216,"props":1104,"children":1105},{"style":539},[1106],{"type":530,"value":408},{"type":506,"tag":216,"props":1108,"children":1109},{"style":539},[1110],{"type":530,"value":387},{"type":506,"tag":216,"props":1112,"children":1113},{"style":887},[1114],{"type":530,"value":1115}," duration",{"type":506,"tag":216,"props":1117,"children":1118},{"style":539},[1119],{"type":530,"value":241},{"type":506,"tag":216,"props":1121,"children":1122},{"style":694},[1123],{"type":530,"value":1124}," 2500",{"type":506,"tag":216,"props":1126,"children":1127},{"style":539},[1128],{"type":530,"value":1129}," },",{"type":506,"tag":216,"props":1131,"children":1132},{"style":544},[1133],{"type":530,"value":1134}," scrambleConfig)\n",{"type":506,"tag":216,"props":1136,"children":1138},{"class":218,"line":1137},26,[1139],{"type":506,"tag":216,"props":1140,"children":1141},{"emptyLinePlaceholder":419},[1142],{"type":530,"value":420},{"type":506,"tag":216,"props":1144,"children":1146},{"class":218,"line":1145},27,[1147,1152,1156,1161,1165],{"type":506,"tag":216,"props":1148,"children":1149},{"style":635},[1150],{"type":530,"value":1151},"useIntervalFn",{"type":506,"tag":216,"props":1153,"children":1154},{"style":544},[1155],{"type":530,"value":643},{"type":506,"tag":216,"props":1157,"children":1158},{"style":539},[1159],{"type":530,"value":1160},"()",{"type":506,"tag":216,"props":1162,"children":1163},{"style":621},[1164],{"type":530,"value":870},{"type":506,"tag":216,"props":1166,"children":1167},{"style":539},[1168],{"type":530,"value":1169}," {\n",{"type":506,"tag":216,"props":1171,"children":1173},{"class":218,"line":1172},28,[1174,1179,1183,1188,1192,1196,1201,1205,1209,1214,1219,1224,1229,1234,1238],{"type":506,"tag":216,"props":1175,"children":1176},{"style":544},[1177],{"type":530,"value":1178},"  index",{"type":506,"tag":216,"props":1180,"children":1181},{"style":539},[1182],{"type":530,"value":468},{"type":506,"tag":216,"props":1184,"children":1185},{"style":544},[1186],{"type":530,"value":1187},"value",{"type":506,"tag":216,"props":1189,"children":1190},{"style":539},[1191],{"type":530,"value":310},{"type":506,"tag":216,"props":1193,"children":1194},{"style":887},[1195],{"type":530,"value":875},{"type":506,"tag":216,"props":1197,"children":1198},{"style":544},[1199],{"type":530,"value":1200},"index",{"type":506,"tag":216,"props":1202,"children":1203},{"style":539},[1204],{"type":530,"value":468},{"type":506,"tag":216,"props":1206,"children":1207},{"style":544},[1208],{"type":530,"value":1187},{"type":506,"tag":216,"props":1210,"children":1211},{"style":539},[1212],{"type":530,"value":1213}," +",{"type":506,"tag":216,"props":1215,"children":1216},{"style":694},[1217],{"type":530,"value":1218}," 1",{"type":506,"tag":216,"props":1220,"children":1221},{"style":887},[1222],{"type":530,"value":1223},") ",{"type":506,"tag":216,"props":1225,"children":1226},{"style":539},[1227],{"type":530,"value":1228},"%",{"type":506,"tag":216,"props":1230,"children":1231},{"style":544},[1232],{"type":530,"value":1233}," texts",{"type":506,"tag":216,"props":1235,"children":1236},{"style":539},[1237],{"type":530,"value":468},{"type":506,"tag":216,"props":1239,"children":1240},{"style":544},[1241],{"type":530,"value":1242},"length\n",{"type":506,"tag":216,"props":1244,"children":1246},{"class":218,"line":1245},29,[1247,1252,1257],{"type":506,"tag":216,"props":1248,"children":1249},{"style":539},[1250],{"type":530,"value":1251},"},",{"type":506,"tag":216,"props":1253,"children":1254},{"style":694},[1255],{"type":530,"value":1256}," 5000",{"type":506,"tag":216,"props":1258,"children":1259},{"style":544},[1260],{"type":530,"value":414},{"type":506,"tag":207,"props":1262,"children":1267},{"className":1263,"code":1264,"filename":1265,"language":1266,"meta":212,"style":212},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003Cp ref=\"text\" class=\"font-mono text-lg\">Hello from nanime!\u003C\u002Fp>\n\u003C\u002Ftemplate>\n","Template","vue",[1268],{"type":506,"tag":124,"props":1269,"children":1270},{"__ignoreMap":212},[1271,1288,1365],{"type":506,"tag":216,"props":1272,"children":1273},{"class":218,"line":219},[1274,1278,1283],{"type":506,"tag":216,"props":1275,"children":1276},{"style":539},[1277],{"type":530,"value":263},{"type":506,"tag":216,"props":1279,"children":1280},{"style":887},[1281],{"type":530,"value":1282},"template",{"type":506,"tag":216,"props":1284,"children":1285},{"style":539},[1286],{"type":530,"value":1287},">\n",{"type":506,"tag":216,"props":1289,"children":1290},{"class":218,"line":234},[1291,1296,1300,1304,1308,1313,1317,1321,1326,1330,1334,1339,1343,1348,1352,1357,1361],{"type":506,"tag":216,"props":1292,"children":1293},{"style":539},[1294],{"type":530,"value":1295},"  \u003C",{"type":506,"tag":216,"props":1297,"children":1298},{"style":887},[1299],{"type":530,"value":120},{"type":506,"tag":216,"props":1301,"children":1302},{"style":621},[1303],{"type":530,"value":687},{"type":506,"tag":216,"props":1305,"children":1306},{"style":539},[1307],{"type":530,"value":435},{"type":506,"tag":216,"props":1309,"children":1310},{"style":539},[1311],{"type":530,"value":1312},"\"",{"type":506,"tag":216,"props":1314,"children":1315},{"style":563},[1316],{"type":530,"value":530},{"type":506,"tag":216,"props":1318,"children":1319},{"style":539},[1320],{"type":530,"value":1312},{"type":506,"tag":216,"props":1322,"children":1323},{"style":621},[1324],{"type":530,"value":1325}," class",{"type":506,"tag":216,"props":1327,"children":1328},{"style":539},[1329],{"type":530,"value":435},{"type":506,"tag":216,"props":1331,"children":1332},{"style":539},[1333],{"type":530,"value":1312},{"type":506,"tag":216,"props":1335,"children":1336},{"style":563},[1337],{"type":530,"value":1338},"font-mono text-lg",{"type":506,"tag":216,"props":1340,"children":1341},{"style":539},[1342],{"type":530,"value":1312},{"type":506,"tag":216,"props":1344,"children":1345},{"style":539},[1346],{"type":530,"value":1347},">",{"type":506,"tag":216,"props":1349,"children":1350},{"style":544},[1351],{"type":530,"value":737},{"type":506,"tag":216,"props":1353,"children":1354},{"style":539},[1355],{"type":530,"value":1356},"\u003C\u002F",{"type":506,"tag":216,"props":1358,"children":1359},{"style":887},[1360],{"type":530,"value":120},{"type":506,"tag":216,"props":1362,"children":1363},{"style":539},[1364],{"type":530,"value":1287},{"type":506,"tag":216,"props":1366,"children":1367},{"class":218,"line":251},[1368,1372,1376],{"type":506,"tag":216,"props":1369,"children":1370},{"style":539},[1371],{"type":530,"value":1356},{"type":506,"tag":216,"props":1373,"children":1374},{"style":887},[1375],{"type":530,"value":1282},{"type":506,"tag":216,"props":1377,"children":1378},{"style":539},[1379],{"type":530,"value":1287},{"type":506,"tag":1381,"props":1382,"children":1390},"u-button",{"className":1383,"color":1386,"icon":1387,"target":133,"to":1388,"variant":1389},[1384,1385],"mt-2.5","pl-0.5","neutral","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002Fastraldev\u002Fnanime\u002Fblob\u002Fmain\u002Fdocs\u002Fapp\u002Fcomponents\u002Fcontent\u002Fexamples\u002Fcomposables\u002FScrambleTextDemo.vue","link",[1391],{"type":530,"value":1392},"View on GitHub",{"type":506,"tag":476,"props":1394,"children":1395},{},[1396],{"type":530,"value":1397},"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);}",1779658700119]