[{"data":1,"prerenderedAt":1233},["ShallowReactive",2],{"navigation_docs":3,"-composables-use-split-text":81,"-composables-use-split-text-surround":654,"preview-examples/composables/TextDemo.vue":659,"mdc-omlbsb-key":660},[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":49,"body":83,"description":647,"extension":648,"links":649,"meta":650,"navigation":651,"path":50,"seo":652,"stem":51,"__hash__":653},"docs/2.composables/4.use-split-text.md",{"type":84,"value":85,"toc":637},"minimark",[86,98,104,109,315,320,351,355,359,363,366,551,555,559,627,633],[87,88,89,90,97],"p",{},"Reactive wrapper for the ",[91,92,96],"a",{"href":93,"rel":94},"https://animejs.com/documentation/text",[95],"nofollow","splitText"," function from AnimeJS.",[99,100,101],"blockquote",{},[87,102,103],{},"A lightweight, responsive and accessible text utility function to split,\nclone and wrap lines, words and characters of an HTML Element.",[105,106,108],"h2",{"id":107},"type-definition","Type Definition",[110,111,116],"pre",{"className":112,"code":113,"language":114,"meta":115,"style":115},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","function useSplitText(\n  target: SplitTextTargets,\n  parameters: TextSplitterParams\n): {\n  lines: Ref\u003CHTMLElement[]>,\n  words: Ref\u003CHTMLElement[]>,\n  chars: Ref\u003CHTMLElement[]>,\n  properties: ComputedRef\u003CNonFunctionProperties\u003CTextSplitter>>,\n  revert: () => void,\n  split: () => void,\n  refresh: () => void,\n}\n","ts","",[117,118,119,136,153,164,173,198,216,234,258,277,293,309],"code",{"__ignoreMap":115},[120,121,124,128,132],"span",{"class":122,"line":123},"line",1,[120,125,127],{"class":126},"spNyl","function",[120,129,131],{"class":130},"s2Zo4"," useSplitText",[120,133,135],{"class":134},"sMK4o","(\n",[120,137,139,143,146,150],{"class":122,"line":138},2,[120,140,142],{"class":141},"sHdIc","  target",[120,144,145],{"class":134},":",[120,147,149],{"class":148},"sBMFI"," SplitTextTargets",[120,151,152],{"class":134},",\n",[120,154,156,159,161],{"class":122,"line":155},3,[120,157,158],{"class":141},"  parameters",[120,160,145],{"class":134},[120,162,163],{"class":148}," TextSplitterParams\n",[120,165,167,170],{"class":122,"line":166},4,[120,168,169],{"class":134},"):",[120,171,172],{"class":134}," {\n",[120,174,176,180,182,185,188,191,195],{"class":122,"line":175},5,[120,177,179],{"class":178},"swJcz","  lines",[120,181,145],{"class":134},[120,183,184],{"class":148}," Ref",[120,186,187],{"class":134},"\u003C",[120,189,190],{"class":148},"HTMLElement",[120,192,194],{"class":193},"sTEyZ","[]",[120,196,197],{"class":134},">,\n",[120,199,201,204,206,208,210,212,214],{"class":122,"line":200},6,[120,202,203],{"class":178},"  words",[120,205,145],{"class":134},[120,207,184],{"class":148},[120,209,187],{"class":134},[120,211,190],{"class":148},[120,213,194],{"class":193},[120,215,197],{"class":134},[120,217,219,222,224,226,228,230,232],{"class":122,"line":218},7,[120,220,221],{"class":178},"  chars",[120,223,145],{"class":134},[120,225,184],{"class":148},[120,227,187],{"class":134},[120,229,190],{"class":148},[120,231,194],{"class":193},[120,233,197],{"class":134},[120,235,237,240,242,245,247,250,252,255],{"class":122,"line":236},8,[120,238,239],{"class":178},"  properties",[120,241,145],{"class":134},[120,243,244],{"class":148}," ComputedRef",[120,246,187],{"class":134},[120,248,249],{"class":148},"NonFunctionProperties",[120,251,187],{"class":134},[120,253,254],{"class":148},"TextSplitter",[120,256,257],{"class":134},">>,\n",[120,259,261,264,266,269,272,275],{"class":122,"line":260},9,[120,262,263],{"class":178},"  revert",[120,265,145],{"class":134},[120,267,268],{"class":134}," ()",[120,270,271],{"class":126}," =>",[120,273,274],{"class":148}," void",[120,276,152],{"class":134},[120,278,280,283,285,287,289,291],{"class":122,"line":279},10,[120,281,282],{"class":178},"  split",[120,284,145],{"class":134},[120,286,268],{"class":134},[120,288,271],{"class":126},[120,290,274],{"class":148},[120,292,152],{"class":134},[120,294,296,299,301,303,305,307],{"class":122,"line":295},11,[120,297,298],{"class":178},"  refresh",[120,300,145],{"class":134},[120,302,268],{"class":134},[120,304,271],{"class":126},[120,306,274],{"class":148},[120,308,152],{"class":134},[120,310,312],{"class":122,"line":311},12,[120,313,314],{"class":134},"}\n",[316,317,319],"h3",{"id":318},"arguments","Arguments",[321,322,323,330],"field-group",{},[324,325,329],"field",{"name":326,"type":327,":required":328},"target","SplitTextTargets","true","The element or selector containing the text to split.",[324,331,334,335,339,340,343,344,343,347,350],{"name":332,"type":333},"parameters","TextSplitterParams","See ",[91,336,338],{"href":93,"rel":337},[95],"AnimeJS Text documentation"," for split options like ",[117,341,342],{},"lines",", ",[117,345,346],{},"words",[117,348,349],{},"chars",".",[105,352,354],{"id":353},"sample-usage","Sample usage",[356,357],"render-code-block-preview",{"src":358},"examples/composables/TextDemo.vue",[105,360,362],{"id":361},"return-value","Return Value",[87,364,365],{},"Returns an object with reactive references to the split elements and helper methods.",[367,368,369,386],"table",{},[370,371,372],"thead",{},[373,374,375,380,383],"tr",{},[376,377,379],"th",{"align":378},"left","Property",[376,381,382],{"align":378},"Type",[376,384,385],{"align":378},"Description",[387,388,389,417,440,463,490,511,531],"tbody",{},[373,390,391,396,414],{},[392,393,394],"td",{"align":378},[117,395,342],{},[392,397,398],{"align":378},[117,399,402,405,407,409,411],{"className":400,"language":401,"style":115},"language-ts-type shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","ts-type",[120,403,404],{"class":148},"Ref",[120,406,187],{"class":134},[120,408,190],{"class":148},[120,410,194],{"class":193},[120,412,413],{"class":134},">",[392,415,416],{"align":378},"Array containing line elements.",[373,418,419,423,437],{},[392,420,421],{"align":378},[117,422,346],{},[392,424,425],{"align":378},[117,426,427,429,431,433,435],{"className":400,"language":401,"style":115},[120,428,404],{"class":148},[120,430,187],{"class":134},[120,432,190],{"class":148},[120,434,194],{"class":193},[120,436,413],{"class":134},[392,438,439],{"align":378},"Array containing word elements.",[373,441,442,446,460],{},[392,443,444],{"align":378},[117,445,349],{},[392,447,448],{"align":378},[117,449,450,452,454,456,458],{"className":400,"language":401,"style":115},[120,451,404],{"class":148},[120,453,187],{"class":134},[120,455,190],{"class":148},[120,457,194],{"class":193},[120,459,413],{"class":134},[392,461,462],{"align":378},"Array containing character elements.",[373,464,465,470,484],{},[392,466,467],{"align":378},[117,468,469],{},"properties",[392,471,472],{"align":378},[117,473,474,477,479,482],{"className":400,"language":401,"style":115},[120,475,476],{"class":148},"ComputedRef",[120,478,187],{"class":134},[120,480,481],{"class":148},"object",[120,483,413],{"class":134},[392,485,486,487,489],{"align":378},"The underlying ",[117,488,254],{}," properties.",[373,491,492,497,508],{},[392,493,494],{"align":378},[117,495,496],{},"split",[392,498,499],{"align":378},[117,500,501,504,506],{"className":400,"language":401,"style":115},[120,502,503],{"class":134},"()",[120,505,271],{"class":126},[120,507,274],{"class":148},[392,509,510],{"align":378},"Manually trigger split.",[373,512,513,518,528],{},[392,514,515],{"align":378},[117,516,517],{},"revert",[392,519,520],{"align":378},[117,521,522,524,526],{"className":400,"language":401,"style":115},[120,523,503],{"class":134},[120,525,271],{"class":126},[120,527,274],{"class":148},[392,529,530],{"align":378},"Revert the DOM to its original state.",[373,532,533,538,548],{},[392,534,535],{"align":378},[117,536,537],{},"refresh",[392,539,540],{"align":378},[117,541,542,544,546],{"className":400,"language":401,"style":115},[120,543,503],{"class":134},[120,545,271],{"class":126},[120,547,274],{"class":148},[392,549,550],{"align":378},"Re-calculate splits (useful on resize).",[105,552,554],{"id":553},"api","API",[316,556,558],{"id":557},"types","Types",[110,560,562],{"className":112,"code":561,"language":114,"meta":115,"style":115},"type SplitTargets = HTMLElement | string\ntype SplitTextTargets = SplitTargets | MaybeElementRef\u003CHTMLElement> | null | undefined | MaybeElementRef\u003CVueInstance>\n",[117,563,564,584],{"__ignoreMap":115},[120,565,566,569,572,575,578,581],{"class":122,"line":123},[120,567,568],{"class":126},"type",[120,570,571],{"class":148}," SplitTargets",[120,573,574],{"class":134}," =",[120,576,577],{"class":148}," HTMLElement",[120,579,580],{"class":134}," |",[120,582,583],{"class":148}," string\n",[120,585,586,588,590,592,594,596,599,601,603,605,607,610,612,615,617,619,621,624],{"class":122,"line":138},[120,587,568],{"class":126},[120,589,149],{"class":148},[120,591,574],{"class":134},[120,593,571],{"class":148},[120,595,580],{"class":134},[120,597,598],{"class":148}," MaybeElementRef",[120,600,187],{"class":134},[120,602,190],{"class":148},[120,604,413],{"class":134},[120,606,580],{"class":134},[120,608,609],{"class":148}," null",[120,611,580],{"class":134},[120,613,614],{"class":148}," undefined",[120,616,580],{"class":134},[120,618,598],{"class":148},[120,620,187],{"class":134},[120,622,623],{"class":148},"VueInstance",[120,625,626],{"class":134},">\n",[87,628,334,629,632],{},[91,630,338],{"href":93,"rel":631},[95]," for more details.",[634,635,636],"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 pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}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);}",{"title":115,"searchDepth":138,"depth":138,"links":638},[639,642,643,644],{"id":107,"depth":138,"text":108,"children":640},[641],{"id":318,"depth":155,"text":319},{"id":353,"depth":138,"text":354},{"id":361,"depth":138,"text":362},{"id":553,"depth":138,"text":554,"children":645},[646],{"id":557,"depth":155,"text":558},"Documentation for useSplitText composable.","md",null,{},{"icon":52},{"title":49,"description":647},"ON8Ep83j6c-7dJEfXencPiM-0JK0R1-2hN6F00pfIXk",[655,657],{"title":44,"path":45,"stem":46,"description":656,"icon":47,"children":-1},"Documentation for useAnimatable composable.",{"title":54,"path":55,"stem":56,"description":658,"icon":57,"children":-1},"Documentation for useLayout composable.","\n::code-group\n```ts [Script]\nimport { stagger } from '#nanime/utils'\n\nconst text = useTemplateRef('phrase')\nconst { chars } = useSplitText(text, {\n  chars: true,\n})\n\nuseAnimate(chars, {\n  y: [{ to: '-30%' }, { to: 0 }],\n  delay: stagger(50),\n  duration: 600,\n  ease: 'inOutCirc',\n  loop: true,\n})\n```\n\n```vue [Template]\n\u003Ctemplate>\n  \u003Cspan ref=\"phrase\" class=\"text-xl text-default font-mono\">\n    Hello World!\n  \u003C/span>\n\u003C/template>\n```\n\n\n::\n\n::text-demo\n::\n\n::u-button\n---\nto: https://github.com/astraldev/nanime/blob/main/docs/app/components/content/examples/composables/TextDemo.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":661,"body":662},{},{"type":663,"children":664},"root",[665,1210,1214,1228],{"type":666,"tag":667,"props":668,"children":669},"element","code-group",{},[670,1084],{"type":666,"tag":110,"props":671,"children":674},{"className":112,"code":672,"filename":673,"language":114,"meta":115,"style":115},"import { stagger } from '#nanime/utils'\n\nconst text = useTemplateRef('phrase')\nconst { chars } = useSplitText(text, {\n  chars: true,\n})\n\nuseAnimate(chars, {\n  y: [{ to: '-30%' }, { to: 0 }],\n  delay: stagger(50),\n  duration: 600,\n  ease: 'inOutCirc',\n  loop: true,\n})\n","Script",[675],{"type":666,"tag":117,"props":676,"children":677},{"__ignoreMap":115},[678,726,735,784,827,849,860,867,887,967,1001,1022,1051,1072],{"type":666,"tag":120,"props":679,"children":680},{"class":122,"line":123},[681,688,694,700,705,710,715,721],{"type":666,"tag":120,"props":682,"children":684},{"style":683},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[685],{"type":686,"value":687},"text","import",{"type":666,"tag":120,"props":689,"children":691},{"style":690},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[692],{"type":686,"value":693}," {",{"type":666,"tag":120,"props":695,"children":697},{"style":696},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[698],{"type":686,"value":699}," stagger",{"type":666,"tag":120,"props":701,"children":702},{"style":690},[703],{"type":686,"value":704}," }",{"type":666,"tag":120,"props":706,"children":707},{"style":683},[708],{"type":686,"value":709}," from",{"type":666,"tag":120,"props":711,"children":712},{"style":690},[713],{"type":686,"value":714}," '",{"type":666,"tag":120,"props":716,"children":718},{"style":717},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[719],{"type":686,"value":720},"#nanime/utils",{"type":666,"tag":120,"props":722,"children":723},{"style":690},[724],{"type":686,"value":725},"'\n",{"type":666,"tag":120,"props":727,"children":728},{"class":122,"line":138},[729],{"type":666,"tag":120,"props":730,"children":732},{"emptyLinePlaceholder":731},true,[733],{"type":686,"value":734},"\n",{"type":666,"tag":120,"props":736,"children":737},{"class":122,"line":155},[738,744,749,754,760,765,770,775,779],{"type":666,"tag":120,"props":739,"children":741},{"style":740},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[742],{"type":686,"value":743},"const",{"type":666,"tag":120,"props":745,"children":746},{"style":696},[747],{"type":686,"value":748}," text ",{"type":666,"tag":120,"props":750,"children":751},{"style":690},[752],{"type":686,"value":753},"=",{"type":666,"tag":120,"props":755,"children":757},{"style":756},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[758],{"type":686,"value":759}," useTemplateRef",{"type":666,"tag":120,"props":761,"children":762},{"style":696},[763],{"type":686,"value":764},"(",{"type":666,"tag":120,"props":766,"children":767},{"style":690},[768],{"type":686,"value":769},"'",{"type":666,"tag":120,"props":771,"children":772},{"style":717},[773],{"type":686,"value":774},"phrase",{"type":666,"tag":120,"props":776,"children":777},{"style":690},[778],{"type":686,"value":769},{"type":666,"tag":120,"props":780,"children":781},{"style":696},[782],{"type":686,"value":783},")\n",{"type":666,"tag":120,"props":785,"children":786},{"class":122,"line":166},[787,791,795,800,805,809,813,818,823],{"type":666,"tag":120,"props":788,"children":789},{"style":740},[790],{"type":686,"value":743},{"type":666,"tag":120,"props":792,"children":793},{"style":690},[794],{"type":686,"value":693},{"type":666,"tag":120,"props":796,"children":797},{"style":696},[798],{"type":686,"value":799}," chars ",{"type":666,"tag":120,"props":801,"children":802},{"style":690},[803],{"type":686,"value":804},"}",{"type":666,"tag":120,"props":806,"children":807},{"style":690},[808],{"type":686,"value":574},{"type":666,"tag":120,"props":810,"children":811},{"style":756},[812],{"type":686,"value":131},{"type":666,"tag":120,"props":814,"children":815},{"style":696},[816],{"type":686,"value":817},"(text",{"type":666,"tag":120,"props":819,"children":820},{"style":690},[821],{"type":686,"value":822},",",{"type":666,"tag":120,"props":824,"children":825},{"style":690},[826],{"type":686,"value":172},{"type":666,"tag":120,"props":828,"children":829},{"class":122,"line":175},[830,835,839,845],{"type":666,"tag":120,"props":831,"children":833},{"style":832},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[834],{"type":686,"value":221},{"type":666,"tag":120,"props":836,"children":837},{"style":690},[838],{"type":686,"value":145},{"type":666,"tag":120,"props":840,"children":842},{"style":841},"--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC",[843],{"type":686,"value":844}," true",{"type":666,"tag":120,"props":846,"children":847},{"style":690},[848],{"type":686,"value":152},{"type":666,"tag":120,"props":850,"children":851},{"class":122,"line":200},[852,856],{"type":666,"tag":120,"props":853,"children":854},{"style":690},[855],{"type":686,"value":804},{"type":666,"tag":120,"props":857,"children":858},{"style":696},[859],{"type":686,"value":783},{"type":666,"tag":120,"props":861,"children":862},{"class":122,"line":218},[863],{"type":666,"tag":120,"props":864,"children":865},{"emptyLinePlaceholder":731},[866],{"type":686,"value":734},{"type":666,"tag":120,"props":868,"children":869},{"class":122,"line":236},[870,874,879,883],{"type":666,"tag":120,"props":871,"children":872},{"style":756},[873],{"type":686,"value":34},{"type":666,"tag":120,"props":875,"children":876},{"style":696},[877],{"type":686,"value":878},"(chars",{"type":666,"tag":120,"props":880,"children":881},{"style":690},[882],{"type":686,"value":822},{"type":666,"tag":120,"props":884,"children":885},{"style":690},[886],{"type":686,"value":172},{"type":666,"tag":120,"props":888,"children":889},{"class":122,"line":260},[890,895,899,904,909,914,918,922,927,931,936,940,944,948,954,958,963],{"type":666,"tag":120,"props":891,"children":892},{"style":832},[893],{"type":686,"value":894},"  y",{"type":666,"tag":120,"props":896,"children":897},{"style":690},[898],{"type":686,"value":145},{"type":666,"tag":120,"props":900,"children":901},{"style":696},[902],{"type":686,"value":903}," [",{"type":666,"tag":120,"props":905,"children":906},{"style":690},[907],{"type":686,"value":908},"{",{"type":666,"tag":120,"props":910,"children":911},{"style":832},[912],{"type":686,"value":913}," to",{"type":666,"tag":120,"props":915,"children":916},{"style":690},[917],{"type":686,"value":145},{"type":666,"tag":120,"props":919,"children":920},{"style":690},[921],{"type":686,"value":714},{"type":666,"tag":120,"props":923,"children":924},{"style":717},[925],{"type":686,"value":926},"-30%",{"type":666,"tag":120,"props":928,"children":929},{"style":690},[930],{"type":686,"value":769},{"type":666,"tag":120,"props":932,"children":933},{"style":690},[934],{"type":686,"value":935}," },",{"type":666,"tag":120,"props":937,"children":938},{"style":690},[939],{"type":686,"value":693},{"type":666,"tag":120,"props":941,"children":942},{"style":832},[943],{"type":686,"value":913},{"type":666,"tag":120,"props":945,"children":946},{"style":690},[947],{"type":686,"value":145},{"type":666,"tag":120,"props":949,"children":951},{"style":950},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[952],{"type":686,"value":953}," 0",{"type":666,"tag":120,"props":955,"children":956},{"style":690},[957],{"type":686,"value":704},{"type":666,"tag":120,"props":959,"children":960},{"style":696},[961],{"type":686,"value":962},"]",{"type":666,"tag":120,"props":964,"children":965},{"style":690},[966],{"type":686,"value":152},{"type":666,"tag":120,"props":968,"children":969},{"class":122,"line":279},[970,975,979,983,987,992,997],{"type":666,"tag":120,"props":971,"children":972},{"style":832},[973],{"type":686,"value":974},"  delay",{"type":666,"tag":120,"props":976,"children":977},{"style":690},[978],{"type":686,"value":145},{"type":666,"tag":120,"props":980,"children":981},{"style":756},[982],{"type":686,"value":699},{"type":666,"tag":120,"props":984,"children":985},{"style":696},[986],{"type":686,"value":764},{"type":666,"tag":120,"props":988,"children":989},{"style":950},[990],{"type":686,"value":991},"50",{"type":666,"tag":120,"props":993,"children":994},{"style":696},[995],{"type":686,"value":996},")",{"type":666,"tag":120,"props":998,"children":999},{"style":690},[1000],{"type":686,"value":152},{"type":666,"tag":120,"props":1002,"children":1003},{"class":122,"line":295},[1004,1009,1013,1018],{"type":666,"tag":120,"props":1005,"children":1006},{"style":832},[1007],{"type":686,"value":1008},"  duration",{"type":666,"tag":120,"props":1010,"children":1011},{"style":690},[1012],{"type":686,"value":145},{"type":666,"tag":120,"props":1014,"children":1015},{"style":950},[1016],{"type":686,"value":1017}," 600",{"type":666,"tag":120,"props":1019,"children":1020},{"style":690},[1021],{"type":686,"value":152},{"type":666,"tag":120,"props":1023,"children":1024},{"class":122,"line":311},[1025,1030,1034,1038,1043,1047],{"type":666,"tag":120,"props":1026,"children":1027},{"style":832},[1028],{"type":686,"value":1029},"  ease",{"type":666,"tag":120,"props":1031,"children":1032},{"style":690},[1033],{"type":686,"value":145},{"type":666,"tag":120,"props":1035,"children":1036},{"style":690},[1037],{"type":686,"value":714},{"type":666,"tag":120,"props":1039,"children":1040},{"style":717},[1041],{"type":686,"value":1042},"inOutCirc",{"type":666,"tag":120,"props":1044,"children":1045},{"style":690},[1046],{"type":686,"value":769},{"type":666,"tag":120,"props":1048,"children":1049},{"style":690},[1050],{"type":686,"value":152},{"type":666,"tag":120,"props":1052,"children":1054},{"class":122,"line":1053},13,[1055,1060,1064,1068],{"type":666,"tag":120,"props":1056,"children":1057},{"style":832},[1058],{"type":686,"value":1059},"  loop",{"type":666,"tag":120,"props":1061,"children":1062},{"style":690},[1063],{"type":686,"value":145},{"type":666,"tag":120,"props":1065,"children":1066},{"style":841},[1067],{"type":686,"value":844},{"type":666,"tag":120,"props":1069,"children":1070},{"style":690},[1071],{"type":686,"value":152},{"type":666,"tag":120,"props":1073,"children":1075},{"class":122,"line":1074},14,[1076,1080],{"type":666,"tag":120,"props":1077,"children":1078},{"style":690},[1079],{"type":686,"value":804},{"type":666,"tag":120,"props":1081,"children":1082},{"style":696},[1083],{"type":686,"value":783},{"type":666,"tag":110,"props":1085,"children":1090},{"className":1086,"code":1087,"filename":1088,"language":1089,"meta":115,"style":115},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003Cspan ref=\"phrase\" class=\"text-xl text-default font-mono\">\n    Hello World!\n  \u003C/span>\n\u003C/template>\n","Template","vue",[1091],{"type":666,"tag":117,"props":1092,"children":1093},{"__ignoreMap":115},[1094,1110,1170,1178,1194],{"type":666,"tag":120,"props":1095,"children":1096},{"class":122,"line":123},[1097,1101,1106],{"type":666,"tag":120,"props":1098,"children":1099},{"style":690},[1100],{"type":686,"value":187},{"type":666,"tag":120,"props":1102,"children":1103},{"style":832},[1104],{"type":686,"value":1105},"template",{"type":666,"tag":120,"props":1107,"children":1108},{"style":690},[1109],{"type":686,"value":626},{"type":666,"tag":120,"props":1111,"children":1112},{"class":122,"line":138},[1113,1118,1122,1127,1131,1136,1140,1144,1149,1153,1157,1162,1166],{"type":666,"tag":120,"props":1114,"children":1115},{"style":690},[1116],{"type":686,"value":1117},"  \u003C",{"type":666,"tag":120,"props":1119,"children":1120},{"style":832},[1121],{"type":686,"value":120},{"type":666,"tag":120,"props":1123,"children":1124},{"style":740},[1125],{"type":686,"value":1126}," ref",{"type":666,"tag":120,"props":1128,"children":1129},{"style":690},[1130],{"type":686,"value":753},{"type":666,"tag":120,"props":1132,"children":1133},{"style":690},[1134],{"type":686,"value":1135},"\"",{"type":666,"tag":120,"props":1137,"children":1138},{"style":717},[1139],{"type":686,"value":774},{"type":666,"tag":120,"props":1141,"children":1142},{"style":690},[1143],{"type":686,"value":1135},{"type":666,"tag":120,"props":1145,"children":1146},{"style":740},[1147],{"type":686,"value":1148}," class",{"type":666,"tag":120,"props":1150,"children":1151},{"style":690},[1152],{"type":686,"value":753},{"type":666,"tag":120,"props":1154,"children":1155},{"style":690},[1156],{"type":686,"value":1135},{"type":666,"tag":120,"props":1158,"children":1159},{"style":717},[1160],{"type":686,"value":1161},"text-xl text-default font-mono",{"type":666,"tag":120,"props":1163,"children":1164},{"style":690},[1165],{"type":686,"value":1135},{"type":666,"tag":120,"props":1167,"children":1168},{"style":690},[1169],{"type":686,"value":626},{"type":666,"tag":120,"props":1171,"children":1172},{"class":122,"line":155},[1173],{"type":666,"tag":120,"props":1174,"children":1175},{"style":696},[1176],{"type":686,"value":1177},"    Hello World!\n",{"type":666,"tag":120,"props":1179,"children":1180},{"class":122,"line":166},[1181,1186,1190],{"type":666,"tag":120,"props":1182,"children":1183},{"style":690},[1184],{"type":686,"value":1185},"  \u003C/",{"type":666,"tag":120,"props":1187,"children":1188},{"style":832},[1189],{"type":686,"value":120},{"type":666,"tag":120,"props":1191,"children":1192},{"style":690},[1193],{"type":686,"value":626},{"type":666,"tag":120,"props":1195,"children":1196},{"class":122,"line":175},[1197,1202,1206],{"type":666,"tag":120,"props":1198,"children":1199},{"style":690},[1200],{"type":686,"value":1201},"\u003C/",{"type":666,"tag":120,"props":1203,"children":1204},{"style":832},[1205],{"type":686,"value":1105},{"type":666,"tag":120,"props":1207,"children":1208},{"style":690},[1209],{"type":686,"value":626},{"type":666,"tag":1211,"props":1212,"children":1213},"text-demo",{},[],{"type":666,"tag":1215,"props":1216,"children":1225},"u-button",{"className":1217,"color":1220,"icon":1221,"target":1222,"to":1223,"variant":1224},[1218,1219],"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/TextDemo.vue","link",[1226],{"type":686,"value":1227},"View on GitHub",{"type":666,"tag":634,"props":1229,"children":1230},{},[1231],{"type":686,"value":1232},"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]