[{"data":1,"prerenderedAt":202},["ShallowReactive",2],{"docs-layout-toc:\u002Fdocs\u002Fcomponents\u002Fspinner":3,"docs-header-toc:\u002Fdocs\u002Fcomponents\u002Fspinner":100,"$0ABh6M6ntg":151},{"id":4,"title":5,"body":6,"description":45,"extension":93,"meta":94,"navigation":95,"path":96,"seo":97,"stem":98,"__hash__":99},"content\u002Fdocs\u002Fcomponents\u002Fspinner.md","Spinner",{"type":7,"value":8,"toc":89},"minimark",[9,14,22,26,39,85],[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-32 h-32 border-8\"}","[\"class\"]","white","spinners\u002FSpinner.vue",[10,23,25],{"id":24},"usage","Usage",[27,28,29,30,34,35,38],"p",{},"Use the ",[31,32,33],"code",{},"\u003CSpinner>"," component to show a loading placeholder while content is being fetched or rendered.",[36,37],"br",{},"\nIt’s useful for improving perceived performance during API calls, route transitions, or dynamic content rendering.",[40,41,46],"pre",{"className":42,"code":43,"language":44,"meta":45,"style":45},"language-vue shiki shiki-themes github-dark github-dark","\u003Ctemplate>\n    \u003CSpinner \u002F>\n\u003C\u002Ftemplate>\n","vue","",[31,47,48,64,75],{"__ignoreMap":45},[49,50,53,57,61],"span",{"class":51,"line":52},"line",1,[49,54,56],{"class":55},"suv1-","\u003C",[49,58,60],{"class":59},"sxg3X","template",[49,62,63],{"class":55},">\n",[49,65,67,70,72],{"class":51,"line":66},2,[49,68,69],{"class":55},"    \u003C",[49,71,5],{"class":59},[49,73,74],{"class":55}," \u002F>\n",[49,76,78,81,83],{"class":51,"line":77},3,[49,79,80],{"class":55},"\u003C\u002F",[49,82,60],{"class":59},[49,84,63],{"class":55},[86,87,88],"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);}",{"title":45,"searchDepth":66,"depth":77,"links":90},[91,92],{"id":12,"depth":66,"text":13},{"id":24,"depth":66,"text":25},"md",{},true,"\u002Fdocs\u002Fcomponents\u002Fspinner",{"description":45},"docs\u002Fcomponents\u002Fspinner","CLwEkhJVP7As27yezrRPcfXVVZrhoRkQX5qtJcWawtE",{"id":4,"title":5,"body":101,"description":45,"extension":93,"meta":149,"navigation":95,"path":96,"seo":150,"stem":98,"__hash__":99},{"type":7,"value":102,"toc":145},[103,105,107,109,115,143],[10,104,13],{"id":12},[15,106],{":isPlaygroundEnabled":17,":props":18,":propsSettingsExcludedProps":19,"previewBackground":20,"srcDir":21},[10,108,25],{"id":24},[27,110,29,111,34,113,38],{},[31,112,33],{},[36,114],{},[40,116,117],{"className":42,"code":43,"language":44,"meta":45,"style":45},[31,118,119,127,135],{"__ignoreMap":45},[49,120,121,123,125],{"class":51,"line":52},[49,122,56],{"class":55},[49,124,60],{"class":59},[49,126,63],{"class":55},[49,128,129,131,133],{"class":51,"line":66},[49,130,69],{"class":55},[49,132,5],{"class":59},[49,134,74],{"class":55},[49,136,137,139,141],{"class":51,"line":77},[49,138,80],{"class":55},[49,140,60],{"class":59},[49,142,63],{"class":55},[86,144,88],{},{"title":45,"searchDepth":66,"depth":77,"links":146},[147,148],{"id":12,"depth":66,"text":13},{"id":24,"depth":66,"text":25},{},{"description":45},{"id":4,"title":5,"body":152,"description":45,"extension":93,"meta":200,"navigation":95,"path":96,"seo":201,"stem":98,"__hash__":99},{"type":7,"value":153,"toc":196},[154,156,158,160,166,194],[10,155,13],{"id":12},[15,157],{":isPlaygroundEnabled":17,":props":18,":propsSettingsExcludedProps":19,"previewBackground":20,"srcDir":21},[10,159,25],{"id":24},[27,161,29,162,34,164,38],{},[31,163,33],{},[36,165],{},[40,167,168],{"className":42,"code":43,"language":44,"meta":45,"style":45},[31,169,170,178,186],{"__ignoreMap":45},[49,171,172,174,176],{"class":51,"line":52},[49,173,56],{"class":55},[49,175,60],{"class":59},[49,177,63],{"class":55},[49,179,180,182,184],{"class":51,"line":66},[49,181,69],{"class":55},[49,183,5],{"class":59},[49,185,74],{"class":55},[49,187,188,190,192],{"class":51,"line":77},[49,189,80],{"class":55},[49,191,60],{"class":59},[49,193,63],{"class":55},[86,195,88],{},{"title":45,"searchDepth":66,"depth":77,"links":197},[198,199],{"id":12,"depth":66,"text":13},{"id":24,"depth":66,"text":25},{},{"description":45},1791731021244]