[{"data":1,"prerenderedAt":1940},["ShallowReactive",2],{"navigation_docs":3,"i-nanime:logo":163,"-components-layout-group":170,"-components-layout-group-surround":915,"preview-examples\u002Fcomponents\u002FLayoutGroupAccordionDemo.vue-true":920,"mdc-pmpq21-key":920},[4,35,95,115,129,153],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":6},"Getting Started",false,"\u002Fgetting-started","1.getting-started",[10,15,20,25,30],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F1.introduction","i-ph-info",{"title":16,"path":17,"stem":18,"icon":19},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-ph-download-simple",{"title":21,"path":22,"stem":23,"icon":24},"Configuration","\u002Fgetting-started\u002Fconfiguration","1.getting-started\u002F3.configuration","i-ph-sliders-horizontal",{"title":26,"path":27,"stem":28,"icon":29},"Performance","\u002Fgetting-started\u002Fperformance","1.getting-started\u002F4.performance","i-ph-gauge",{"title":31,"path":32,"stem":33,"icon":34},"Accessibility","\u002Fgetting-started\u002Faccessibility","1.getting-started\u002F5.accessibility","i-ph-person-simple-circle",{"title":36,"icon":6,"path":37,"stem":38,"children":39,"page":6},"Composables","\u002Fcomposables","2.composables",[40,44,49,54,59,64,69,74,79,84,90],{"title":11,"path":41,"stem":42,"icon":43},"\u002Fcomposables\u002Fintroduction","2.composables\u002F0.introduction","i-ph-stack",{"title":45,"path":46,"stem":47,"icon":48},"useAnimate","\u002Fcomposables\u002Fuse-animate","2.composables\u002F1.use-animate","i-ph-play-circle",{"title":50,"path":51,"stem":52,"icon":53},"useWaapiAnimate","\u002Fcomposables\u002Fuse-waapi-animate","2.composables\u002F2.use-waapi-animate","i-ph-lightning",{"title":55,"path":56,"stem":57,"icon":58},"useAnimatable","\u002Fcomposables\u002Fuse-animatable","2.composables\u002F3.use-animatable","i-ph-cube",{"title":60,"path":61,"stem":62,"icon":63},"useSplitText","\u002Fcomposables\u002Fuse-split-text","2.composables\u002F4.use-split-text","i-ph-text-t",{"title":65,"path":66,"stem":67,"icon":68},"useScrambleText","\u002Fcomposables\u002Fuse-scramble-text","2.composables\u002F5.use-scramble-text","i-ph-shuffle",{"title":70,"path":71,"stem":72,"icon":73},"useDraggable","\u002Fcomposables\u002Fuse-draggable","2.composables\u002F6.use-draggable","i-ph-hand-grabbing",{"title":75,"path":76,"stem":77,"icon":78},"useAnimeTimeline","\u002Fcomposables\u002Fuse-anime-timeline","2.composables\u002F7.use-anime-timeline","i-ph-list-numbers",{"title":80,"path":81,"stem":82,"icon":83},"useAnimeScroll","\u002Fcomposables\u002Fuse-anime-scroll","2.composables\u002F8.use-anime-scroll","i-ph-mouse-scroll",{"title":85,"path":86,"stem":87,"icon":88,"badge":89},"useAnimeLayout","\u002Fcomposables\u002Fuse-anime-layout","2.composables\u002F9.use-anime-layout","i-ph-layout","New",{"title":91,"path":92,"stem":93,"icon":94},"Utilities","\u002Fcomposables\u002Futilities","2.composables\u002F99.utilities","i-ph-puzzle-piece",{"title":96,"icon":6,"path":97,"stem":98,"children":99,"page":6},"Components","\u002Fcomponents","3.components",[100,105,110],{"title":101,"path":102,"stem":103,"icon":104,"badge":89},"Transitions","\u002Fcomponents\u002Ftransitions","3.components\u002F1.transitions","i-ph-arrows-left-right",{"title":106,"path":107,"stem":108,"icon":109,"badge":89},"Transition styles","\u002Fcomponents\u002Ftransition-styles","3.components\u002F2.transition-styles","i-ph-palette",{"title":111,"path":112,"stem":113,"icon":114,"badge":89},"Layout group","\u002Fcomponents\u002Flayout-group","3.components\u002F3.layout-group","i-ph-frame-corners",{"title":116,"icon":6,"path":117,"stem":118,"children":119,"page":6},"Comparisons","\u002Fcomparisons","4.comparisons",[120,125],{"title":121,"path":122,"stem":123,"icon":124,"badge":89},"Compared with Nuxt modules","\u002Fcomparisons\u002Fvs-nuxt-modules","4.comparisons\u002F1.vs-nuxt-modules","i-ph-scales",{"title":126,"path":127,"stem":128,"icon":124,"badge":89},"Compared with Vue packages","\u002Fcomparisons\u002Fvs-vue-packages","4.comparisons\u002F2.vs-vue-packages",{"title":130,"icon":6,"path":131,"stem":132,"children":133,"page":6},"Examples","\u002Fexamples","5.examples",[134,138,143,148],{"title":11,"path":135,"stem":136,"icon":137},"\u002Fexamples\u002Fintroduction","5.examples\u002F0.introduction","i-ph-shapes",{"title":139,"path":140,"stem":141,"icon":142},"Drive","\u002Fexamples\u002Fdrive","5.examples\u002F1.drive","i-ph-hard-drives",{"title":144,"path":145,"stem":146,"icon":147},"Road trip","\u002Fexamples\u002Froad-trip","5.examples\u002F2.road-trip","i-ph-car-profile",{"title":149,"path":150,"stem":151,"icon":152},"Player","\u002Fexamples\u002Fplayer","5.examples\u002F3.player","i-ph-music-notes",{"title":154,"icon":6,"path":155,"stem":156,"children":157,"page":6},"Updates","\u002Fchanges","6.changes",[158],{"title":159,"path":160,"stem":161,"icon":162},"Changelog","\u002Fchanges\u002Fchangelog","6.changes\u002F1.changelog","i-ph-clock-counter-clockwise",{"left":164,"top":165,"width":166,"height":167,"rotate":168,"vFlip":6,"hFlip":6,"body":169},84,74,344,367,0,"\u003Cpath d=\"M124 401 V230 C124 144 186 114 256 114 C326 114 388 144 388 230 V304\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"80\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u002F>\n  \u003Crect x=\"348\" y=\"358\" width=\"80\" height=\"80\" rx=\"12\" fill=\"#ff4b4b\"\u002F>",{"id":171,"title":111,"body":172,"description":906,"extension":907,"links":908,"meta":909,"navigation":910,"path":112,"seo":911,"stem":113,"__hash__":914},"docs\u002F3.components\u002F3.layout-group.md",{"type":173,"value":174,"toc":901},"minimark",[175,196,201,208,212,393,399,403,421,534,538,544,712,728,868,897],[176,177,178,182,183,190,191,195],"p",{},[179,180,181],"code",{},"\u003CAnimeLayoutGroup>"," wraps elements whose size or position changes, and\nanimates them to the new layout with AnimeJS\n",[184,185,189],"a",{"href":186,"rel":187},"https:\u002F\u002Fanimejs.com\u002Fdocumentation\u002Flayout",[188],"nofollow","layout",". It is the component\nform of ",[184,192,193],{"href":86},[179,194,85],{},".",[197,198,200],"h2",{"id":199},"usage","Usage",[176,202,203,204,207],{},"List the values that change the layout in ",[179,205,206],{},"deps",". When one changes, the\nchildren slide to their new places, and new ones fade in:",[209,210],"render-code-block-preview",{"src":211},"examples\u002Fcomponents\u002FLayoutGroupAccordionDemo.vue",[213,214,215,235],"table",{},[216,217,218],"thead",{},[219,220,221,226,229,232],"tr",{},[222,223,225],"th",{"align":224},"left","Prop",[222,227,228],{"align":224},"Type",[222,230,231],{"align":224},"Default",[222,233,234],{"align":224},"Description",[236,237,238,266,291,311,351,373],"tbody",{},[219,239,240,245,261,263],{},[241,242,243],"td",{"align":224},[179,244,206],{},[241,246,247],{"align":224},[179,248,252,257],{"className":249,"language":250,"style":251},"language-ts-type shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","ts-type","",[253,254,256],"span",{"class":255},"sBMFI","unknown",[253,258,260],{"class":259},"sTEyZ","[]",[241,262],{"align":224},[241,264,265],{"align":224},"Values or getters that trigger a layout animation when they change, including nested changes.",[219,267,268,273,280,285],{},[241,269,270],{"align":224},[179,271,272],{},"shallow",[241,274,275],{"align":224},[179,276,277],{"className":249,"language":250,"style":251},[253,278,279],{"class":255},"boolean",[241,281,282],{"align":224},[179,283,284],{},"false",[241,286,287,288,290],{"align":224},"Animate only when an entry of ",[179,289,206],{}," is replaced, not when something nested inside it changes.",[219,292,293,298,305,308],{},[241,294,295],{"align":224},[179,296,297],{},"elements",[241,299,300],{"align":224},[179,301,302],{"className":249,"language":250,"style":251},[253,303,304],{"class":255},"AnimeLayoutElements",[241,306,307],{"align":224},"every element inside",[241,309,310],{"align":224},"The elements that animate their own position and size: a selector, elements, components, or a list.",[219,312,313,318,325,330],{},[241,314,315],{"align":224},[179,316,317],{},"layoutOptions",[241,319,320],{"align":224},[179,321,322],{"className":249,"language":250,"style":251},[253,323,324],{"class":255},"AutoLayoutParams",[241,326,327],{"align":224},[179,328,329],{},"{ ease: spring({ bounce: 0.15, duration: 300 }) }",[241,331,332,333,336,337,340,341,344,345,347,348,195],{"align":224},"AnimeJS ",[179,334,335],{},"createLayout()"," params, such as ",[179,338,339],{},"duration"," or ",[179,342,343],{},"ease",". Setting either one replaces the spring. Use ",[179,346,297],{}," for ",[179,349,350],{},"children",[219,352,353,358,365,370],{},[241,354,355],{"align":224},[179,356,357],{},"tag",[241,359,360],{"align":224},[179,361,362],{"className":249,"language":250,"style":251},[253,363,364],{"class":255},"string",[241,366,367],{"align":224},[179,368,369],{},"'div'",[241,371,372],{"align":224},"Element rendered around the children.",[219,374,375,380,386,390],{},[241,376,377],{"align":224},[179,378,379],{},"completeOnTabHidden",[241,381,382],{"align":224},[179,383,384],{"className":249,"language":250,"style":251},[253,385,279],{"class":255},[241,387,388],{"align":224},[179,389,284],{},[241,391,392],{"align":224},"Jump running animations to their end when the browser tab is hidden.",[176,394,395,396,398],{},"Without ",[179,397,206],{},", every re-render of the group measures every child and\nanimates, even when nothing moved, such as when a parent passes a new\nobject or array prop.",[197,400,402],{"id":401},"choosing-between-the-two-groups","Choosing between the two groups",[176,404,405,407,408,414,415,417,418,420],{},[179,406,181],{}," and\n",[184,409,411],{"href":410},"\u002Fcomponents\u002Ftransitions#lists",[179,412,413],{},"\u003CAnimeTransitionGroup>"," both take\n",[179,416,206],{}," and ",[179,419,272],{},", but they animate different changes:",[213,422,423,437],{},[216,424,425],{},[219,426,427,429,433],{},[222,428],{"align":224},[222,430,431],{"align":224},[179,432,413],{},[222,434,435],{"align":224},[179,436,181],{},[236,438,439,453,477,493,520],{},[219,440,441,444,450],{},[241,442,443],{"align":224},"Built for",[241,445,446,449],{"align":224},[179,447,448],{},"v-for"," items that enter, leave and reorder",[241,451,452],{"align":224},"Mounted elements that change size or position",[219,454,455,458,467],{},[241,456,457],{"align":224},"Enter and leave",[241,459,460,417,463,466],{"align":224},[179,461,462],{},"enterAnimation",[179,464,465],{},"leaveAnimation"," run on each item",[241,468,469,472,473,476],{"align":224},[179,470,471],{},"v-show"," fades an element, ",[179,474,475],{},"v-if"," removes it at once",[219,478,479,483,490],{},[241,480,481],{"align":224},[179,482,206],{},[241,484,485,486,489],{"align":224},"Adds triggers on top of list changes. ",[179,487,488],{},":deps=\"[]\""," adds none",[241,491,492],{"align":224},"The only trigger",[219,494,495,498,512],{},[241,496,497],{"align":224},"Timing",[241,499,500,503,504,506,507,417,510],{"align":224},[179,501,502],{},"moveAnimation",": ",[179,505,339],{},", ",[179,508,509],{},"delay",[179,511,343],{},[241,513,514,516,517,519],{"align":224},[179,515,317],{},": any AnimeJS ",[179,518,335],{}," param",[219,521,522,525,528],{},[241,523,524],{"align":224},"What moves",[241,526,527],{"align":224},"Every element inside the group",[241,529,530,531,533],{"align":224},"Every element inside, or the ones ",[179,532,297],{}," picks",[197,535,537],{"id":536},"choosing-which-elements-move","Choosing which elements move",[176,539,540,541,543],{},"By default every element inside the group moves on its own, down to the\ntext inside a card. Pass ",[179,542,297],{}," to move only the cards:",[545,546,550],"pre",{"className":547,"code":548,"language":549,"meta":251,"style":251},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003CAnimeLayoutGroup :deps=\"[view]\" elements=\".card\">\n    \u003Cdiv v-for=\"item in items\" :key=\"item.id\" class=\"card\">\n      \u003Ch3>{{ item.title }}\u003C\u002Fh3>\n    \u003C\u002Fdiv>\n  \u003C\u002FAnimeLayoutGroup>\n\u003C\u002Ftemplate>\n","vue",[179,551,552,567,614,661,683,693,703],{"__ignoreMap":251},[253,553,556,560,564],{"class":554,"line":555},"line",1,[253,557,559],{"class":558},"sMK4o","\u003C",[253,561,563],{"class":562},"swJcz","template",[253,565,566],{"class":558},">\n",[253,568,570,573,576,579,582,585,588,591,594,597,599,602,604,606,610,612],{"class":554,"line":569},2,[253,571,572],{"class":558},"  \u003C",[253,574,575],{"class":562},"AnimeLayoutGroup",[253,577,578],{"class":558}," :",[253,580,206],{"class":581},"spNyl",[253,583,584],{"class":558},"=",[253,586,587],{"class":558},"\"",[253,589,590],{"class":558},"[",[253,592,593],{"class":259},"view",[253,595,596],{"class":558},"]",[253,598,587],{"class":558},[253,600,601],{"class":581}," elements",[253,603,584],{"class":558},[253,605,587],{"class":558},[253,607,609],{"class":608},"sfazB",".card",[253,611,587],{"class":558},[253,613,566],{"class":558},[253,615,617,620,623,626,628,630,633,635,638,640,642,645,647,650,652,654,657,659],{"class":554,"line":616},3,[253,618,619],{"class":558},"    \u003C",[253,621,622],{"class":562},"div",[253,624,625],{"class":581}," v-for",[253,627,584],{"class":558},[253,629,587],{"class":558},[253,631,632],{"class":608},"item in items",[253,634,587],{"class":558},[253,636,637],{"class":581}," :key",[253,639,584],{"class":558},[253,641,587],{"class":558},[253,643,644],{"class":608},"item.id",[253,646,587],{"class":558},[253,648,649],{"class":581}," class",[253,651,584],{"class":558},[253,653,587],{"class":558},[253,655,656],{"class":608},"card",[253,658,587],{"class":558},[253,660,566],{"class":558},[253,662,664,667,670,673,676,679,681],{"class":554,"line":663},4,[253,665,666],{"class":558},"      \u003C",[253,668,669],{"class":562},"h3",[253,671,672],{"class":558},">",[253,674,675],{"class":259},"{{ item.title }}",[253,677,678],{"class":558},"\u003C\u002F",[253,680,669],{"class":562},[253,682,566],{"class":558},[253,684,686,689,691],{"class":554,"line":685},5,[253,687,688],{"class":558},"    \u003C\u002F",[253,690,622],{"class":562},[253,692,566],{"class":558},[253,694,696,699,701],{"class":554,"line":695},6,[253,697,698],{"class":558},"  \u003C\u002F",[253,700,575],{"class":562},[253,702,566],{"class":558},[253,704,706,708,710],{"class":554,"line":705},7,[253,707,678],{"class":558},[253,709,563],{"class":562},[253,711,566],{"class":558},[713,714,715,716,718,719,722,723,195],"warning",{},"Anything inside a matched element jumps to its new spot halfway through\nthe move. Add it to ",[179,717,297],{},", as in ",[179,720,721],{},"\".card, .card h3\"",", to make it\nslide. See the\n",[184,724,727],{"href":725,"rel":726},"https:\u002F\u002Fanimejs.com\u002Fdocumentation\u002Flayout\u002Fcommon-auto-layout-gotchas",[188],"AnimeJS layout gotchas",[729,730,731,737],"tip",{},[176,732,733,734,736],{},"Instead of listing a selector for every element, give each element that\nmoves the same attribute, and pass that one attribute to ",[179,735,297],{},". The\nname is yours to pick:",[545,738,740],{"className":547,"code":739,"language":549,"meta":251,"style":251},"\u003Ctemplate>\n  \u003CAnimeLayoutGroup :deps=\"[view]\" elements=\"[data-layout]\">\n    \u003Cdiv v-for=\"item in items\" :key=\"item.id\" class=\"card\" data-layout>\n      \u003Ch3 data-layout>{{ item.title }}\u003C\u002Fh3>\n    \u003C\u002Fdiv>\n  \u003C\u002FAnimeLayoutGroup>\n\u003C\u002Ftemplate>\n",[179,741,742,750,785,826,844,852,860],{"__ignoreMap":251},[253,743,744,746,748],{"class":554,"line":555},[253,745,559],{"class":558},[253,747,563],{"class":562},[253,749,566],{"class":558},[253,751,752,754,756,758,760,762,764,766,768,770,772,774,776,778,781,783],{"class":554,"line":569},[253,753,572],{"class":558},[253,755,575],{"class":562},[253,757,578],{"class":558},[253,759,206],{"class":581},[253,761,584],{"class":558},[253,763,587],{"class":558},[253,765,590],{"class":558},[253,767,593],{"class":259},[253,769,596],{"class":558},[253,771,587],{"class":558},[253,773,601],{"class":581},[253,775,584],{"class":558},[253,777,587],{"class":558},[253,779,780],{"class":608},"[data-layout]",[253,782,587],{"class":558},[253,784,566],{"class":558},[253,786,787,789,791,793,795,797,799,801,803,805,807,809,811,813,815,817,819,821,824],{"class":554,"line":616},[253,788,619],{"class":558},[253,790,622],{"class":562},[253,792,625],{"class":581},[253,794,584],{"class":558},[253,796,587],{"class":558},[253,798,632],{"class":608},[253,800,587],{"class":558},[253,802,637],{"class":581},[253,804,584],{"class":558},[253,806,587],{"class":558},[253,808,644],{"class":608},[253,810,587],{"class":558},[253,812,649],{"class":581},[253,814,584],{"class":558},[253,816,587],{"class":558},[253,818,656],{"class":608},[253,820,587],{"class":558},[253,822,823],{"class":581}," data-layout",[253,825,566],{"class":558},[253,827,828,830,832,834,836,838,840,842],{"class":554,"line":663},[253,829,666],{"class":558},[253,831,669],{"class":562},[253,833,823],{"class":581},[253,835,672],{"class":558},[253,837,675],{"class":259},[253,839,678],{"class":558},[253,841,669],{"class":562},[253,843,566],{"class":558},[253,845,846,848,850],{"class":554,"line":685},[253,847,688],{"class":558},[253,849,622],{"class":562},[253,851,566],{"class":558},[253,853,854,856,858],{"class":554,"line":695},[253,855,698],{"class":558},[253,857,575],{"class":562},[253,859,566],{"class":558},[253,861,862,864,866],{"class":554,"line":705},[253,863,678],{"class":558},[253,865,563],{"class":562},[253,867,566],{"class":558},[869,870,871],"note",{},[872,873,874,884,887],"ul",{},[875,876,877,878,880,881,883],"li",{},"An element removed with ",[179,879,475],{}," vanishes at once. Use ",[179,882,471],{}," to fade it\nout too.",[875,885,886],{},"A selector only matches inside its own group. The group still measures\neverything inside it, so wrap only what moves.",[875,888,889,890,892,893,195],{},"For ",[179,891,448],{}," items that enter and leave, use\n",[184,894,895],{"href":410},[179,896,413],{},[898,899,900],"style",{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}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);}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}",{"title":251,"searchDepth":569,"depth":569,"links":902},[903,904,905],{"id":199,"depth":569,"text":200},{"id":401,"depth":569,"text":402},{"id":536,"depth":569,"text":537},"A wrapper that animates its children to their new size and position when state changes.","md",null,{},{"icon":114,"badge":89},{"title":912,"description":913},"AnimeLayoutGroup for Nuxt","Animate layout changes in Nuxt with Anime.js. \u003CAnimeLayoutGroup> records its children before Vue updates the DOM and animates them to their new size and position.","ITEQGZKMa6ZOTvDYYEc9r2RbuQNFMJexDwv7-rZkvTw",[916,918],{"title":106,"path":107,"stem":108,"description":917,"icon":109,"badge":89,"children":-1},"The built-in enter and leave styles, and custom ones in app.config.ts.",{"title":121,"path":122,"stem":123,"description":919,"icon":124,"badge":89,"children":-1},"How nanime compares with AnimeJS on its own in Nuxt, and with nuxt-anime.",{"data":921,"body":922,"toc":1938},{"title":251,"description":251},{"type":923,"children":924},"root",[925,930,1919,1933],{"type":926,"tag":927,"props":928,"children":929},"element","layout-group-accordion-demo",{},[],{"type":926,"tag":931,"props":932,"children":933},"code-group",{},[934,1352],{"type":926,"tag":545,"props":935,"children":940},{"className":936,"code":937,"filename":938,"language":939,"meta":251,"style":251},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","const questions = [\n  { title: 'What is nanime?', answer: '...' },\n  { title: 'Does it work with SSR?', answer: '...' },\n  { title: 'Which AnimeJS version does it use?', answer: '...' },\n]\n\nconst open = ref\u003Cnumber | null>(0)\n\nfunction toggle(index: number) {\n  open.value = open.value === index ? null : index\n}\n","Script","ts",[941],{"type":926,"tag":179,"props":942,"children":943},{"__ignoreMap":251},[944,970,1037,1093,1149,1157,1166,1228,1236,1279,1343],{"type":926,"tag":253,"props":945,"children":946},{"class":554,"line":555},[947,954,960,965],{"type":926,"tag":253,"props":948,"children":950},{"style":949},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[951],{"type":952,"value":953},"text","const",{"type":926,"tag":253,"props":955,"children":957},{"style":956},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[958],{"type":952,"value":959}," questions ",{"type":926,"tag":253,"props":961,"children":963},{"style":962},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[964],{"type":952,"value":584},{"type":926,"tag":253,"props":966,"children":967},{"style":956},[968],{"type":952,"value":969}," [\n",{"type":926,"tag":253,"props":971,"children":972},{"class":554,"line":569},[973,978,984,989,994,1000,1005,1010,1015,1019,1023,1028,1032],{"type":926,"tag":253,"props":974,"children":975},{"style":962},[976],{"type":952,"value":977},"  {",{"type":926,"tag":253,"props":979,"children":981},{"style":980},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[982],{"type":952,"value":983}," title",{"type":926,"tag":253,"props":985,"children":986},{"style":962},[987],{"type":952,"value":988},":",{"type":926,"tag":253,"props":990,"children":991},{"style":962},[992],{"type":952,"value":993}," '",{"type":926,"tag":253,"props":995,"children":997},{"style":996},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[998],{"type":952,"value":999},"What is nanime?",{"type":926,"tag":253,"props":1001,"children":1002},{"style":962},[1003],{"type":952,"value":1004},"'",{"type":926,"tag":253,"props":1006,"children":1007},{"style":962},[1008],{"type":952,"value":1009},",",{"type":926,"tag":253,"props":1011,"children":1012},{"style":980},[1013],{"type":952,"value":1014}," answer",{"type":926,"tag":253,"props":1016,"children":1017},{"style":962},[1018],{"type":952,"value":988},{"type":926,"tag":253,"props":1020,"children":1021},{"style":962},[1022],{"type":952,"value":993},{"type":926,"tag":253,"props":1024,"children":1025},{"style":996},[1026],{"type":952,"value":1027},"...",{"type":926,"tag":253,"props":1029,"children":1030},{"style":962},[1031],{"type":952,"value":1004},{"type":926,"tag":253,"props":1033,"children":1034},{"style":962},[1035],{"type":952,"value":1036}," },\n",{"type":926,"tag":253,"props":1038,"children":1039},{"class":554,"line":616},[1040,1044,1048,1052,1056,1061,1065,1069,1073,1077,1081,1085,1089],{"type":926,"tag":253,"props":1041,"children":1042},{"style":962},[1043],{"type":952,"value":977},{"type":926,"tag":253,"props":1045,"children":1046},{"style":980},[1047],{"type":952,"value":983},{"type":926,"tag":253,"props":1049,"children":1050},{"style":962},[1051],{"type":952,"value":988},{"type":926,"tag":253,"props":1053,"children":1054},{"style":962},[1055],{"type":952,"value":993},{"type":926,"tag":253,"props":1057,"children":1058},{"style":996},[1059],{"type":952,"value":1060},"Does it work with SSR?",{"type":926,"tag":253,"props":1062,"children":1063},{"style":962},[1064],{"type":952,"value":1004},{"type":926,"tag":253,"props":1066,"children":1067},{"style":962},[1068],{"type":952,"value":1009},{"type":926,"tag":253,"props":1070,"children":1071},{"style":980},[1072],{"type":952,"value":1014},{"type":926,"tag":253,"props":1074,"children":1075},{"style":962},[1076],{"type":952,"value":988},{"type":926,"tag":253,"props":1078,"children":1079},{"style":962},[1080],{"type":952,"value":993},{"type":926,"tag":253,"props":1082,"children":1083},{"style":996},[1084],{"type":952,"value":1027},{"type":926,"tag":253,"props":1086,"children":1087},{"style":962},[1088],{"type":952,"value":1004},{"type":926,"tag":253,"props":1090,"children":1091},{"style":962},[1092],{"type":952,"value":1036},{"type":926,"tag":253,"props":1094,"children":1095},{"class":554,"line":663},[1096,1100,1104,1108,1112,1117,1121,1125,1129,1133,1137,1141,1145],{"type":926,"tag":253,"props":1097,"children":1098},{"style":962},[1099],{"type":952,"value":977},{"type":926,"tag":253,"props":1101,"children":1102},{"style":980},[1103],{"type":952,"value":983},{"type":926,"tag":253,"props":1105,"children":1106},{"style":962},[1107],{"type":952,"value":988},{"type":926,"tag":253,"props":1109,"children":1110},{"style":962},[1111],{"type":952,"value":993},{"type":926,"tag":253,"props":1113,"children":1114},{"style":996},[1115],{"type":952,"value":1116},"Which AnimeJS version does it use?",{"type":926,"tag":253,"props":1118,"children":1119},{"style":962},[1120],{"type":952,"value":1004},{"type":926,"tag":253,"props":1122,"children":1123},{"style":962},[1124],{"type":952,"value":1009},{"type":926,"tag":253,"props":1126,"children":1127},{"style":980},[1128],{"type":952,"value":1014},{"type":926,"tag":253,"props":1130,"children":1131},{"style":962},[1132],{"type":952,"value":988},{"type":926,"tag":253,"props":1134,"children":1135},{"style":962},[1136],{"type":952,"value":993},{"type":926,"tag":253,"props":1138,"children":1139},{"style":996},[1140],{"type":952,"value":1027},{"type":926,"tag":253,"props":1142,"children":1143},{"style":962},[1144],{"type":952,"value":1004},{"type":926,"tag":253,"props":1146,"children":1147},{"style":962},[1148],{"type":952,"value":1036},{"type":926,"tag":253,"props":1150,"children":1151},{"class":554,"line":685},[1152],{"type":926,"tag":253,"props":1153,"children":1154},{"style":956},[1155],{"type":952,"value":1156},"]\n",{"type":926,"tag":253,"props":1158,"children":1159},{"class":554,"line":695},[1160],{"type":926,"tag":253,"props":1161,"children":1163},{"emptyLinePlaceholder":1162},true,[1164],{"type":952,"value":1165},"\n",{"type":926,"tag":253,"props":1167,"children":1168},{"class":554,"line":705},[1169,1173,1178,1182,1188,1192,1198,1203,1208,1212,1217,1223],{"type":926,"tag":253,"props":1170,"children":1171},{"style":949},[1172],{"type":952,"value":953},{"type":926,"tag":253,"props":1174,"children":1175},{"style":956},[1176],{"type":952,"value":1177}," open ",{"type":926,"tag":253,"props":1179,"children":1180},{"style":962},[1181],{"type":952,"value":584},{"type":926,"tag":253,"props":1183,"children":1185},{"style":1184},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[1186],{"type":952,"value":1187}," ref",{"type":926,"tag":253,"props":1189,"children":1190},{"style":962},[1191],{"type":952,"value":559},{"type":926,"tag":253,"props":1193,"children":1195},{"style":1194},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[1196],{"type":952,"value":1197},"number",{"type":926,"tag":253,"props":1199,"children":1200},{"style":962},[1201],{"type":952,"value":1202}," |",{"type":926,"tag":253,"props":1204,"children":1205},{"style":1194},[1206],{"type":952,"value":1207}," null",{"type":926,"tag":253,"props":1209,"children":1210},{"style":962},[1211],{"type":952,"value":672},{"type":926,"tag":253,"props":1213,"children":1214},{"style":956},[1215],{"type":952,"value":1216},"(",{"type":926,"tag":253,"props":1218,"children":1220},{"style":1219},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[1221],{"type":952,"value":1222},"0",{"type":926,"tag":253,"props":1224,"children":1225},{"style":956},[1226],{"type":952,"value":1227},")\n",{"type":926,"tag":253,"props":1229,"children":1231},{"class":554,"line":1230},8,[1232],{"type":926,"tag":253,"props":1233,"children":1234},{"emptyLinePlaceholder":1162},[1235],{"type":952,"value":1165},{"type":926,"tag":253,"props":1237,"children":1239},{"class":554,"line":1238},9,[1240,1245,1250,1254,1260,1264,1269,1274],{"type":926,"tag":253,"props":1241,"children":1242},{"style":949},[1243],{"type":952,"value":1244},"function",{"type":926,"tag":253,"props":1246,"children":1247},{"style":1184},[1248],{"type":952,"value":1249}," toggle",{"type":926,"tag":253,"props":1251,"children":1252},{"style":962},[1253],{"type":952,"value":1216},{"type":926,"tag":253,"props":1255,"children":1257},{"style":1256},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[1258],{"type":952,"value":1259},"index",{"type":926,"tag":253,"props":1261,"children":1262},{"style":962},[1263],{"type":952,"value":988},{"type":926,"tag":253,"props":1265,"children":1266},{"style":1194},[1267],{"type":952,"value":1268}," number",{"type":926,"tag":253,"props":1270,"children":1271},{"style":962},[1272],{"type":952,"value":1273},")",{"type":926,"tag":253,"props":1275,"children":1276},{"style":962},[1277],{"type":952,"value":1278}," {\n",{"type":926,"tag":253,"props":1280,"children":1282},{"class":554,"line":1281},10,[1283,1288,1292,1297,1302,1307,1311,1315,1320,1325,1330,1334,1338],{"type":926,"tag":253,"props":1284,"children":1285},{"style":956},[1286],{"type":952,"value":1287},"  open",{"type":926,"tag":253,"props":1289,"children":1290},{"style":962},[1291],{"type":952,"value":195},{"type":926,"tag":253,"props":1293,"children":1294},{"style":956},[1295],{"type":952,"value":1296},"value",{"type":926,"tag":253,"props":1298,"children":1299},{"style":962},[1300],{"type":952,"value":1301}," =",{"type":926,"tag":253,"props":1303,"children":1304},{"style":956},[1305],{"type":952,"value":1306}," open",{"type":926,"tag":253,"props":1308,"children":1309},{"style":962},[1310],{"type":952,"value":195},{"type":926,"tag":253,"props":1312,"children":1313},{"style":956},[1314],{"type":952,"value":1296},{"type":926,"tag":253,"props":1316,"children":1317},{"style":962},[1318],{"type":952,"value":1319}," ===",{"type":926,"tag":253,"props":1321,"children":1322},{"style":956},[1323],{"type":952,"value":1324}," index",{"type":926,"tag":253,"props":1326,"children":1327},{"style":962},[1328],{"type":952,"value":1329}," ?",{"type":926,"tag":253,"props":1331,"children":1332},{"style":962},[1333],{"type":952,"value":1207},{"type":926,"tag":253,"props":1335,"children":1336},{"style":962},[1337],{"type":952,"value":578},{"type":926,"tag":253,"props":1339,"children":1340},{"style":956},[1341],{"type":952,"value":1342}," index\n",{"type":926,"tag":253,"props":1344,"children":1346},{"class":554,"line":1345},11,[1347],{"type":926,"tag":253,"props":1348,"children":1349},{"style":962},[1350],{"type":952,"value":1351},"}\n",{"type":926,"tag":545,"props":1353,"children":1356},{"className":547,"code":1354,"filename":1355,"language":549,"meta":251,"style":251},"\u003Ctemplate>\n  \u003CAnimeLayoutGroup :deps=\"[open]\" class=\"flex w-full max-w-md flex-col gap-2\">\n    \u003Cdiv\n      v-for=\"(question, index) in questions\"\n      :key=\"question.title\"\n      class=\"rounded-lg bg-primary text-inverted\"\n    >\n      \u003Cbutton type=\"button\" class=\"...\" @click=\"toggle(index)\">\n        \u003Cspan>{{ question.title }}\u003C\u002Fspan>\n        \u003CUIcon\n          :name=\"open === index ? 'i-ph-minus-bold' : 'i-ph-plus-bold'\"\n          class=\"size-4 shrink-0\"\n        \u002F>\n      \u003C\u002Fbutton>\n      \u003Cp v-if=\"open === index\" class=\"px-4 pb-4 text-sm\">\n        {{ question.answer }}\n      \u003C\u002Fp>\n    \u003C\u002Fdiv>\n  \u003C\u002FAnimeLayoutGroup>\n\u003C\u002Ftemplate>\n","Template",[1357],{"type":926,"tag":179,"props":1358,"children":1359},{"__ignoreMap":251},[1360,1375,1444,1456,1482,1507,1532,1540,1619,1652,1664,1735,1761,1770,1787,1846,1855,1871,1887,1903],{"type":926,"tag":253,"props":1361,"children":1362},{"class":554,"line":555},[1363,1367,1371],{"type":926,"tag":253,"props":1364,"children":1365},{"style":962},[1366],{"type":952,"value":559},{"type":926,"tag":253,"props":1368,"children":1369},{"style":980},[1370],{"type":952,"value":563},{"type":926,"tag":253,"props":1372,"children":1373},{"style":962},[1374],{"type":952,"value":566},{"type":926,"tag":253,"props":1376,"children":1377},{"class":554,"line":569},[1378,1382,1386,1390,1394,1398,1402,1406,1411,1415,1419,1423,1427,1431,1436,1440],{"type":926,"tag":253,"props":1379,"children":1380},{"style":962},[1381],{"type":952,"value":572},{"type":926,"tag":253,"props":1383,"children":1384},{"style":980},[1385],{"type":952,"value":575},{"type":926,"tag":253,"props":1387,"children":1388},{"style":962},[1389],{"type":952,"value":578},{"type":926,"tag":253,"props":1391,"children":1392},{"style":949},[1393],{"type":952,"value":206},{"type":926,"tag":253,"props":1395,"children":1396},{"style":962},[1397],{"type":952,"value":584},{"type":926,"tag":253,"props":1399,"children":1400},{"style":962},[1401],{"type":952,"value":587},{"type":926,"tag":253,"props":1403,"children":1404},{"style":962},[1405],{"type":952,"value":590},{"type":926,"tag":253,"props":1407,"children":1408},{"style":956},[1409],{"type":952,"value":1410},"open",{"type":926,"tag":253,"props":1412,"children":1413},{"style":962},[1414],{"type":952,"value":596},{"type":926,"tag":253,"props":1416,"children":1417},{"style":962},[1418],{"type":952,"value":587},{"type":926,"tag":253,"props":1420,"children":1421},{"style":949},[1422],{"type":952,"value":649},{"type":926,"tag":253,"props":1424,"children":1425},{"style":962},[1426],{"type":952,"value":584},{"type":926,"tag":253,"props":1428,"children":1429},{"style":962},[1430],{"type":952,"value":587},{"type":926,"tag":253,"props":1432,"children":1433},{"style":996},[1434],{"type":952,"value":1435},"flex w-full max-w-md flex-col gap-2",{"type":926,"tag":253,"props":1437,"children":1438},{"style":962},[1439],{"type":952,"value":587},{"type":926,"tag":253,"props":1441,"children":1442},{"style":962},[1443],{"type":952,"value":566},{"type":926,"tag":253,"props":1445,"children":1446},{"class":554,"line":616},[1447,1451],{"type":926,"tag":253,"props":1448,"children":1449},{"style":962},[1450],{"type":952,"value":619},{"type":926,"tag":253,"props":1452,"children":1453},{"style":980},[1454],{"type":952,"value":1455},"div\n",{"type":926,"tag":253,"props":1457,"children":1458},{"class":554,"line":663},[1459,1464,1468,1472,1477],{"type":926,"tag":253,"props":1460,"children":1461},{"style":949},[1462],{"type":952,"value":1463},"      v-for",{"type":926,"tag":253,"props":1465,"children":1466},{"style":962},[1467],{"type":952,"value":584},{"type":926,"tag":253,"props":1469,"children":1470},{"style":962},[1471],{"type":952,"value":587},{"type":926,"tag":253,"props":1473,"children":1474},{"style":996},[1475],{"type":952,"value":1476},"(question, index) in questions",{"type":926,"tag":253,"props":1478,"children":1479},{"style":962},[1480],{"type":952,"value":1481},"\"\n",{"type":926,"tag":253,"props":1483,"children":1484},{"class":554,"line":685},[1485,1490,1494,1498,1503],{"type":926,"tag":253,"props":1486,"children":1487},{"style":949},[1488],{"type":952,"value":1489},"      :key",{"type":926,"tag":253,"props":1491,"children":1492},{"style":962},[1493],{"type":952,"value":584},{"type":926,"tag":253,"props":1495,"children":1496},{"style":962},[1497],{"type":952,"value":587},{"type":926,"tag":253,"props":1499,"children":1500},{"style":996},[1501],{"type":952,"value":1502},"question.title",{"type":926,"tag":253,"props":1504,"children":1505},{"style":962},[1506],{"type":952,"value":1481},{"type":926,"tag":253,"props":1508,"children":1509},{"class":554,"line":695},[1510,1515,1519,1523,1528],{"type":926,"tag":253,"props":1511,"children":1512},{"style":949},[1513],{"type":952,"value":1514},"      class",{"type":926,"tag":253,"props":1516,"children":1517},{"style":962},[1518],{"type":952,"value":584},{"type":926,"tag":253,"props":1520,"children":1521},{"style":962},[1522],{"type":952,"value":587},{"type":926,"tag":253,"props":1524,"children":1525},{"style":996},[1526],{"type":952,"value":1527},"rounded-lg bg-primary text-inverted",{"type":926,"tag":253,"props":1529,"children":1530},{"style":962},[1531],{"type":952,"value":1481},{"type":926,"tag":253,"props":1533,"children":1534},{"class":554,"line":705},[1535],{"type":926,"tag":253,"props":1536,"children":1537},{"style":962},[1538],{"type":952,"value":1539},"    >\n",{"type":926,"tag":253,"props":1541,"children":1542},{"class":554,"line":1230},[1543,1547,1552,1557,1561,1565,1569,1573,1577,1581,1585,1589,1593,1598,1602,1606,1611,1615],{"type":926,"tag":253,"props":1544,"children":1545},{"style":962},[1546],{"type":952,"value":666},{"type":926,"tag":253,"props":1548,"children":1549},{"style":980},[1550],{"type":952,"value":1551},"button",{"type":926,"tag":253,"props":1553,"children":1554},{"style":949},[1555],{"type":952,"value":1556}," type",{"type":926,"tag":253,"props":1558,"children":1559},{"style":962},[1560],{"type":952,"value":584},{"type":926,"tag":253,"props":1562,"children":1563},{"style":962},[1564],{"type":952,"value":587},{"type":926,"tag":253,"props":1566,"children":1567},{"style":996},[1568],{"type":952,"value":1551},{"type":926,"tag":253,"props":1570,"children":1571},{"style":962},[1572],{"type":952,"value":587},{"type":926,"tag":253,"props":1574,"children":1575},{"style":949},[1576],{"type":952,"value":649},{"type":926,"tag":253,"props":1578,"children":1579},{"style":962},[1580],{"type":952,"value":584},{"type":926,"tag":253,"props":1582,"children":1583},{"style":962},[1584],{"type":952,"value":587},{"type":926,"tag":253,"props":1586,"children":1587},{"style":996},[1588],{"type":952,"value":1027},{"type":926,"tag":253,"props":1590,"children":1591},{"style":962},[1592],{"type":952,"value":587},{"type":926,"tag":253,"props":1594,"children":1595},{"style":949},[1596],{"type":952,"value":1597}," @click",{"type":926,"tag":253,"props":1599,"children":1600},{"style":962},[1601],{"type":952,"value":584},{"type":926,"tag":253,"props":1603,"children":1604},{"style":962},[1605],{"type":952,"value":587},{"type":926,"tag":253,"props":1607,"children":1608},{"style":996},[1609],{"type":952,"value":1610},"toggle(index)",{"type":926,"tag":253,"props":1612,"children":1613},{"style":962},[1614],{"type":952,"value":587},{"type":926,"tag":253,"props":1616,"children":1617},{"style":962},[1618],{"type":952,"value":566},{"type":926,"tag":253,"props":1620,"children":1621},{"class":554,"line":1238},[1622,1627,1631,1635,1640,1644,1648],{"type":926,"tag":253,"props":1623,"children":1624},{"style":962},[1625],{"type":952,"value":1626},"        \u003C",{"type":926,"tag":253,"props":1628,"children":1629},{"style":980},[1630],{"type":952,"value":253},{"type":926,"tag":253,"props":1632,"children":1633},{"style":962},[1634],{"type":952,"value":672},{"type":926,"tag":253,"props":1636,"children":1637},{"style":956},[1638],{"type":952,"value":1639},"{{ question.title }}",{"type":926,"tag":253,"props":1641,"children":1642},{"style":962},[1643],{"type":952,"value":678},{"type":926,"tag":253,"props":1645,"children":1646},{"style":980},[1647],{"type":952,"value":253},{"type":926,"tag":253,"props":1649,"children":1650},{"style":962},[1651],{"type":952,"value":566},{"type":926,"tag":253,"props":1653,"children":1654},{"class":554,"line":1281},[1655,1659],{"type":926,"tag":253,"props":1656,"children":1657},{"style":962},[1658],{"type":952,"value":1626},{"type":926,"tag":253,"props":1660,"children":1661},{"style":980},[1662],{"type":952,"value":1663},"UIcon\n",{"type":926,"tag":253,"props":1665,"children":1666},{"class":554,"line":1345},[1667,1672,1677,1681,1685,1689,1694,1698,1703,1707,1712,1716,1721,1725,1730],{"type":926,"tag":253,"props":1668,"children":1669},{"style":962},[1670],{"type":952,"value":1671},"          :",{"type":926,"tag":253,"props":1673,"children":1674},{"style":949},[1675],{"type":952,"value":1676},"name",{"type":926,"tag":253,"props":1678,"children":1679},{"style":962},[1680],{"type":952,"value":584},{"type":926,"tag":253,"props":1682,"children":1683},{"style":962},[1684],{"type":952,"value":587},{"type":926,"tag":253,"props":1686,"children":1687},{"style":956},[1688],{"type":952,"value":1410},{"type":926,"tag":253,"props":1690,"children":1691},{"style":962},[1692],{"type":952,"value":1693}," === ",{"type":926,"tag":253,"props":1695,"children":1696},{"style":956},[1697],{"type":952,"value":1259},{"type":926,"tag":253,"props":1699,"children":1700},{"style":962},[1701],{"type":952,"value":1702}," ? ",{"type":926,"tag":253,"props":1704,"children":1705},{"style":962},[1706],{"type":952,"value":1004},{"type":926,"tag":253,"props":1708,"children":1709},{"style":996},[1710],{"type":952,"value":1711},"i-ph-minus-bold",{"type":926,"tag":253,"props":1713,"children":1714},{"style":962},[1715],{"type":952,"value":1004},{"type":926,"tag":253,"props":1717,"children":1718},{"style":962},[1719],{"type":952,"value":1720}," : ",{"type":926,"tag":253,"props":1722,"children":1723},{"style":962},[1724],{"type":952,"value":1004},{"type":926,"tag":253,"props":1726,"children":1727},{"style":996},[1728],{"type":952,"value":1729},"i-ph-plus-bold",{"type":926,"tag":253,"props":1731,"children":1732},{"style":962},[1733],{"type":952,"value":1734},"'\"\n",{"type":926,"tag":253,"props":1736,"children":1738},{"class":554,"line":1737},12,[1739,1744,1748,1752,1757],{"type":926,"tag":253,"props":1740,"children":1741},{"style":949},[1742],{"type":952,"value":1743},"          class",{"type":926,"tag":253,"props":1745,"children":1746},{"style":962},[1747],{"type":952,"value":584},{"type":926,"tag":253,"props":1749,"children":1750},{"style":962},[1751],{"type":952,"value":587},{"type":926,"tag":253,"props":1753,"children":1754},{"style":996},[1755],{"type":952,"value":1756},"size-4 shrink-0",{"type":926,"tag":253,"props":1758,"children":1759},{"style":962},[1760],{"type":952,"value":1481},{"type":926,"tag":253,"props":1762,"children":1764},{"class":554,"line":1763},13,[1765],{"type":926,"tag":253,"props":1766,"children":1767},{"style":962},[1768],{"type":952,"value":1769},"        \u002F>\n",{"type":926,"tag":253,"props":1771,"children":1773},{"class":554,"line":1772},14,[1774,1779,1783],{"type":926,"tag":253,"props":1775,"children":1776},{"style":962},[1777],{"type":952,"value":1778},"      \u003C\u002F",{"type":926,"tag":253,"props":1780,"children":1781},{"style":980},[1782],{"type":952,"value":1551},{"type":926,"tag":253,"props":1784,"children":1785},{"style":962},[1786],{"type":952,"value":566},{"type":926,"tag":253,"props":1788,"children":1790},{"class":554,"line":1789},15,[1791,1795,1799,1804,1808,1812,1817,1821,1825,1829,1833,1838,1842],{"type":926,"tag":253,"props":1792,"children":1793},{"style":962},[1794],{"type":952,"value":666},{"type":926,"tag":253,"props":1796,"children":1797},{"style":980},[1798],{"type":952,"value":176},{"type":926,"tag":253,"props":1800,"children":1801},{"style":949},[1802],{"type":952,"value":1803}," v-if",{"type":926,"tag":253,"props":1805,"children":1806},{"style":962},[1807],{"type":952,"value":584},{"type":926,"tag":253,"props":1809,"children":1810},{"style":962},[1811],{"type":952,"value":587},{"type":926,"tag":253,"props":1813,"children":1814},{"style":996},[1815],{"type":952,"value":1816},"open === index",{"type":926,"tag":253,"props":1818,"children":1819},{"style":962},[1820],{"type":952,"value":587},{"type":926,"tag":253,"props":1822,"children":1823},{"style":949},[1824],{"type":952,"value":649},{"type":926,"tag":253,"props":1826,"children":1827},{"style":962},[1828],{"type":952,"value":584},{"type":926,"tag":253,"props":1830,"children":1831},{"style":962},[1832],{"type":952,"value":587},{"type":926,"tag":253,"props":1834,"children":1835},{"style":996},[1836],{"type":952,"value":1837},"px-4 pb-4 text-sm",{"type":926,"tag":253,"props":1839,"children":1840},{"style":962},[1841],{"type":952,"value":587},{"type":926,"tag":253,"props":1843,"children":1844},{"style":962},[1845],{"type":952,"value":566},{"type":926,"tag":253,"props":1847,"children":1849},{"class":554,"line":1848},16,[1850],{"type":926,"tag":253,"props":1851,"children":1852},{"style":956},[1853],{"type":952,"value":1854},"        {{ question.answer }}\n",{"type":926,"tag":253,"props":1856,"children":1858},{"class":554,"line":1857},17,[1859,1863,1867],{"type":926,"tag":253,"props":1860,"children":1861},{"style":962},[1862],{"type":952,"value":1778},{"type":926,"tag":253,"props":1864,"children":1865},{"style":980},[1866],{"type":952,"value":176},{"type":926,"tag":253,"props":1868,"children":1869},{"style":962},[1870],{"type":952,"value":566},{"type":926,"tag":253,"props":1872,"children":1874},{"class":554,"line":1873},18,[1875,1879,1883],{"type":926,"tag":253,"props":1876,"children":1877},{"style":962},[1878],{"type":952,"value":688},{"type":926,"tag":253,"props":1880,"children":1881},{"style":980},[1882],{"type":952,"value":622},{"type":926,"tag":253,"props":1884,"children":1885},{"style":962},[1886],{"type":952,"value":566},{"type":926,"tag":253,"props":1888,"children":1890},{"class":554,"line":1889},19,[1891,1895,1899],{"type":926,"tag":253,"props":1892,"children":1893},{"style":962},[1894],{"type":952,"value":698},{"type":926,"tag":253,"props":1896,"children":1897},{"style":980},[1898],{"type":952,"value":575},{"type":926,"tag":253,"props":1900,"children":1901},{"style":962},[1902],{"type":952,"value":566},{"type":926,"tag":253,"props":1904,"children":1906},{"class":554,"line":1905},20,[1907,1911,1915],{"type":926,"tag":253,"props":1908,"children":1909},{"style":962},[1910],{"type":952,"value":678},{"type":926,"tag":253,"props":1912,"children":1913},{"style":980},[1914],{"type":952,"value":563},{"type":926,"tag":253,"props":1916,"children":1917},{"style":962},[1918],{"type":952,"value":566},{"type":926,"tag":1920,"props":1921,"children":1930},"u-button",{"className":1922,"color":1925,"icon":1926,"target":1927,"to":1928,"variant":1929},[1923,1924],"mt-2.5","pl-0.5","neutral","i-simple-icons-github","_blank","https:\u002F\u002Fgithub.com\u002Fastraldev\u002Fnanime\u002Fblob\u002Fmain\u002Fdocs\u002Fapp\u002Fcomponents\u002Fcontent\u002Fexamples\u002Fcomponents\u002FLayoutGroupAccordionDemo.vue","link",[1931],{"type":952,"value":1932},"View on GitHub",{"type":926,"tag":898,"props":1934,"children":1935},{},[1936],{"type":952,"value":1937},"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":251,"searchDepth":569,"depth":569,"links":1939},[],1792591720835]