[{"data":1,"prerenderedAt":325},["ShallowReactive",2],{"docs-layout-toc:\u002Fdocs\u002Fcomponents\u002Fskeleton":3,"docs-header-toc:\u002Fdocs\u002Fcomponents\u002Fskeleton":147,"$ElIF7r_FtU":236},{"id":4,"title":5,"body":6,"description":41,"extension":140,"meta":141,"navigation":142,"path":143,"seo":144,"stem":145,"__hash__":146},"content\u002Fdocs\u002Fcomponents\u002Fskeleton.md","Skeleton",{"type":7,"value":8,"toc":134},"minimark",[9,14,22,26,35,82,87,90,130],[10,11,13],"h2",{"id":12},"component","Component",[15,16],"component-code",{":isPlaygroundEnabled":17,":props":18,":propsSettingsExcludedProps":19,"previewBackground":20,"srcDir":21},"false","{\"class\":\"w-64 h-64\"}","[\"class\"]","white","skeletons\u002FSkeleton.vue",[10,23,25],{"id":24},"usage","Usage",[27,28,29,30,34],"p",{},"Use the ",[31,32,33],"code",{},"\u003CSkeletton>"," component to show a loading placeholder while content is being fetched or rendered.\nIt’s useful for improving perceived performance during API calls, route transitions, or dynamic content rendering.",[36,37,42],"pre",{"className":38,"code":39,"language":40,"meta":41,"style":41},"language-vue shiki shiki-themes github-dark github-dark","\u003Ctemplate>\n    \u003CSkeletton \u002F>\n\u003C\u002Ftemplate>\n","vue","",[31,43,44,60,72],{"__ignoreMap":41},[45,46,49,53,57],"span",{"class":47,"line":48},"line",1,[45,50,52],{"class":51},"suv1-","\u003C",[45,54,56],{"class":55},"sxg3X","template",[45,58,59],{"class":51},">\n",[45,61,63,66,69],{"class":47,"line":62},2,[45,64,65],{"class":51},"    \u003C",[45,67,68],{"class":55},"Skeletton",[45,70,71],{"class":51}," \u002F>\n",[45,73,75,78,80],{"class":47,"line":74},3,[45,76,77],{"class":51},"\u003C\u002F",[45,79,56],{"class":55},[45,81,59],{"class":51},[83,84,86],"h3",{"id":85},"class-overrides","Class overrides",[27,88,89],{},"You can customize the size, shape, and appearance of the skeleton loader using Tailwind utility classes.",[36,91,93],{"className":38,"code":92,"language":40,"meta":41,"style":41},"\u003Ctemplate>\n    \u003CSkeletton class=\"w-32 h-6 rounded-md bg-neutral-200\" \u002F>\n\u003C\u002Ftemplate>\n",[31,94,95,103,122],{"__ignoreMap":41},[45,96,97,99,101],{"class":47,"line":48},[45,98,52],{"class":51},[45,100,56],{"class":55},[45,102,59],{"class":51},[45,104,105,107,109,113,116,120],{"class":47,"line":62},[45,106,65],{"class":51},[45,108,68],{"class":55},[45,110,112],{"class":111},"sFR8T"," class",[45,114,115],{"class":51},"=",[45,117,119],{"class":118},"s4wv1","\"w-32 h-6 rounded-md bg-neutral-200\"",[45,121,71],{"class":51},[45,123,124,126,128],{"class":47,"line":74},[45,125,77],{"class":51},[45,127,56],{"class":55},[45,129,59],{"class":51},[131,132,133],"style",{},"html pre.shiki code .suv1-, html code.shiki .suv1-{--shiki-default:#E1E4E8;--shiki-dark:#E1E4E8}html pre.shiki code .sxg3X, html code.shiki .sxg3X{--shiki-default:#85E89D;--shiki-dark:#85E89D}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 .sFR8T, html code.shiki .sFR8T{--shiki-default:#B392F0;--shiki-dark:#B392F0}html pre.shiki code .s4wv1, html code.shiki .s4wv1{--shiki-default:#9ECBFF;--shiki-dark:#9ECBFF}",{"title":41,"searchDepth":62,"depth":74,"links":135},[136,137],{"id":12,"depth":62,"text":13},{"id":24,"depth":62,"text":25,"children":138},[139],{"id":85,"depth":74,"text":86},"md",{},true,"\u002Fdocs\u002Fcomponents\u002Fskeleton",{"description":41},"docs\u002Fcomponents\u002Fskeleton","Zq7DAFBQ_ivu6K4Xtkxgn956lAHfIQsgPjMqUc0a3tc",{"id":4,"title":5,"body":148,"description":41,"extension":140,"meta":234,"navigation":142,"path":143,"seo":235,"stem":145,"__hash__":146},{"type":7,"value":149,"toc":228},[150,152,154,156,160,188,190,192,226],[10,151,13],{"id":12},[15,153],{":isPlaygroundEnabled":17,":props":18,":propsSettingsExcludedProps":19,"previewBackground":20,"srcDir":21},[10,155,25],{"id":24},[27,157,29,158,34],{},[31,159,33],{},[36,161,162],{"className":38,"code":39,"language":40,"meta":41,"style":41},[31,163,164,172,180],{"__ignoreMap":41},[45,165,166,168,170],{"class":47,"line":48},[45,167,52],{"class":51},[45,169,56],{"class":55},[45,171,59],{"class":51},[45,173,174,176,178],{"class":47,"line":62},[45,175,65],{"class":51},[45,177,68],{"class":55},[45,179,71],{"class":51},[45,181,182,184,186],{"class":47,"line":74},[45,183,77],{"class":51},[45,185,56],{"class":55},[45,187,59],{"class":51},[83,189,86],{"id":85},[27,191,89],{},[36,193,194],{"className":38,"code":92,"language":40,"meta":41,"style":41},[31,195,196,204,218],{"__ignoreMap":41},[45,197,198,200,202],{"class":47,"line":48},[45,199,52],{"class":51},[45,201,56],{"class":55},[45,203,59],{"class":51},[45,205,206,208,210,212,214,216],{"class":47,"line":62},[45,207,65],{"class":51},[45,209,68],{"class":55},[45,211,112],{"class":111},[45,213,115],{"class":51},[45,215,119],{"class":118},[45,217,71],{"class":51},[45,219,220,222,224],{"class":47,"line":74},[45,221,77],{"class":51},[45,223,56],{"class":55},[45,225,59],{"class":51},[131,227,133],{},{"title":41,"searchDepth":62,"depth":74,"links":229},[230,231],{"id":12,"depth":62,"text":13},{"id":24,"depth":62,"text":25,"children":232},[233],{"id":85,"depth":74,"text":86},{},{"description":41},{"id":4,"title":5,"body":237,"description":41,"extension":140,"meta":323,"navigation":142,"path":143,"seo":324,"stem":145,"__hash__":146},{"type":7,"value":238,"toc":317},[239,241,243,245,249,277,279,281,315],[10,240,13],{"id":12},[15,242],{":isPlaygroundEnabled":17,":props":18,":propsSettingsExcludedProps":19,"previewBackground":20,"srcDir":21},[10,244,25],{"id":24},[27,246,29,247,34],{},[31,248,33],{},[36,250,251],{"className":38,"code":39,"language":40,"meta":41,"style":41},[31,252,253,261,269],{"__ignoreMap":41},[45,254,255,257,259],{"class":47,"line":48},[45,256,52],{"class":51},[45,258,56],{"class":55},[45,260,59],{"class":51},[45,262,263,265,267],{"class":47,"line":62},[45,264,65],{"class":51},[45,266,68],{"class":55},[45,268,71],{"class":51},[45,270,271,273,275],{"class":47,"line":74},[45,272,77],{"class":51},[45,274,56],{"class":55},[45,276,59],{"class":51},[83,278,86],{"id":85},[27,280,89],{},[36,282,283],{"className":38,"code":92,"language":40,"meta":41,"style":41},[31,284,285,293,307],{"__ignoreMap":41},[45,286,287,289,291],{"class":47,"line":48},[45,288,52],{"class":51},[45,290,56],{"class":55},[45,292,59],{"class":51},[45,294,295,297,299,301,303,305],{"class":47,"line":62},[45,296,65],{"class":51},[45,298,68],{"class":55},[45,300,112],{"class":111},[45,302,115],{"class":51},[45,304,119],{"class":118},[45,306,71],{"class":51},[45,308,309,311,313],{"class":47,"line":74},[45,310,77],{"class":51},[45,312,56],{"class":55},[45,314,59],{"class":51},[131,316,133],{},{"title":41,"searchDepth":62,"depth":74,"links":318},[319,320],{"id":12,"depth":62,"text":13},{"id":24,"depth":62,"text":25,"children":321},[322],{"id":85,"depth":74,"text":86},{},{"description":41},1791731021110]