[{"data":1,"prerenderedAt":7965},["ShallowReactive",2],{"navigation_docs":3,"-blocks-blog-article-page":1530,"-blocks-blog-article-page-surround":7960},[4,28,35,1314,1337,1344,1499,1523],{"title":5,"path":6,"stem":7,"children":8,"icon":27},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,11,15,19,23],{"title":10,"path":6,"stem":7},"Introduction",{"title":12,"path":13,"stem":14},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation",{"title":16,"path":17,"stem":18},"Usage","\u002Fgetting-started\u002Fusage","1.getting-started\u002F3.usage",{"title":20,"path":21,"stem":22},"Theming","\u002Fgetting-started\u002Ftheming","1.getting-started\u002F4.theming",{"title":24,"path":25,"stem":26},"AI Agents","\u002Fgetting-started\u002Fai-agents","1.getting-started\u002F5.ai-agents","i-lucide-rocket",{"title":29,"path":30,"stem":31,"children":32,"icon":34},"Core Concepts","\u002Fcore-concepts","2.core-concepts\u002Findex",[33],{"title":29,"path":30,"stem":31},"i-lucide-lightbulb",{"title":36,"icon":37,"path":38,"stem":39,"children":40},"Components","i-lucide-component","\u002Fcomponents","3.components",[41,43,62,152,266,324,446,464,478,612,702,888,918,948,982,1016,1054,1284],{"title":36,"path":38,"stem":42},"3.components\u002Findex",{"title":44,"icon":45,"path":46,"stem":47,"children":48,"page":61},"3D","i-lucide-box","\u002Fcomponents\u002F3d","3.components\u002F3d",[49,53,57],{"title":50,"path":51,"stem":52},"3D Card","\u002Fcomponents\u002F3d\u002F3d-card","3.components\u002F3d\u002F3d-card",{"title":54,"path":55,"stem":56},"Book","\u002Fcomponents\u002F3d\u002Fbook","3.components\u002F3d\u002Fbook",{"title":58,"path":59,"stem":60},"Globe","\u002Fcomponents\u002F3d\u002Fglobe","3.components\u002F3d\u002Fglobe",false,{"title":63,"icon":64,"path":65,"stem":66,"children":67,"page":61},"AI","i-lucide-sparkles","\u002Fcomponents\u002Fai","3.components\u002Fai",[68,72,76,80,84,88,92,96,100,104,108,112,116,120,124,128,132,136,140,144,148],{"title":69,"path":70,"stem":71},"Agent Avatar","\u002Fcomponents\u002Fai\u002Fagent-avatar","3.components\u002Fai\u002Fagent-avatar",{"title":73,"path":74,"stem":75},"AI Approval","\u002Fcomponents\u002Fai\u002Fai-approval","3.components\u002Fai\u002Fai-approval",{"title":77,"path":78,"stem":79},"AI Artifact","\u002Fcomponents\u002Fai\u002Fai-artifact","3.components\u002Fai\u002Fai-artifact",{"title":81,"path":82,"stem":83},"AI Branch","\u002Fcomponents\u002Fai\u002Fai-branch","3.components\u002Fai\u002Fai-branch",{"title":85,"path":86,"stem":87},"AI Citation","\u002Fcomponents\u002Fai\u002Fai-citation","3.components\u002Fai\u002Fai-citation",{"title":89,"path":90,"stem":91},"AI Context Meter","\u002Fcomponents\u002Fai\u002Fai-context-meter","3.components\u002Fai\u002Fai-context-meter",{"title":93,"path":94,"stem":95},"AI Conversation","\u002Fcomponents\u002Fai\u002Fai-conversation","3.components\u002Fai\u002Fai-conversation",{"title":97,"path":98,"stem":99},"AI Diff","\u002Fcomponents\u002Fai\u002Fai-diff","3.components\u002Fai\u002Fai-diff",{"title":101,"path":102,"stem":103},"AI Message","\u002Fcomponents\u002Fai\u002Fai-message","3.components\u002Fai\u002Fai-message",{"title":105,"path":106,"stem":107},"AI Messages","\u002Fcomponents\u002Fai\u002Fai-messages","3.components\u002Fai\u002Fai-messages",{"title":109,"path":110,"stem":111},"AI Orb","\u002Fcomponents\u002Fai\u002Fai-orb","3.components\u002Fai\u002Fai-orb",{"title":113,"path":114,"stem":115},"AI Orb Face","\u002Fcomponents\u002Fai\u002Fai-orb-face","3.components\u002Fai\u002Fai-orb-face",{"title":117,"path":118,"stem":119},"AI Orb Face Mouth","\u002Fcomponents\u002Fai\u002Fai-orb-face-mouth","3.components\u002Fai\u002Fai-orb-face-mouth",{"title":121,"path":122,"stem":123},"AI Prompt Input","\u002Fcomponents\u002Fai\u002Fai-prompt-input","3.components\u002Fai\u002Fai-prompt-input",{"title":125,"path":126,"stem":127},"AI Reasoning","\u002Fcomponents\u002Fai\u002Fai-reasoning","3.components\u002Fai\u002Fai-reasoning",{"title":129,"path":130,"stem":131},"AI Response","\u002Fcomponents\u002Fai\u002Fai-response","3.components\u002Fai\u002Fai-response",{"title":133,"path":134,"stem":135},"AI Sources","\u002Fcomponents\u002Fai\u002Fai-sources","3.components\u002Fai\u002Fai-sources",{"title":137,"path":138,"stem":139},"AI Suggestions","\u002Fcomponents\u002Fai\u002Fai-suggestions","3.components\u002Fai\u002Fai-suggestions",{"title":141,"path":142,"stem":143},"AI Task List","\u002Fcomponents\u002Fai\u002Fai-task-list","3.components\u002Fai\u002Fai-task-list",{"title":145,"path":146,"stem":147},"AI Tool Call","\u002Fcomponents\u002Fai\u002Fai-tool-call","3.components\u002Fai\u002Fai-tool-call",{"title":149,"path":150,"stem":151},"Image Generation Panel","\u002Fcomponents\u002Fai\u002Fimage-generation-panel","3.components\u002Fai\u002Fimage-generation-panel",{"title":153,"icon":154,"path":155,"stem":156,"children":157,"page":61},"Backgrounds","i-lucide-layers","\u002Fcomponents\u002Fbackgrounds","3.components\u002Fbackgrounds",[158,162,166,170,174,178,182,186,190,194,198,202,206,210,214,218,222,226,230,234,238,242,246,250,254,258,262],{"title":159,"path":160,"stem":161},"Animated Background","\u002Fcomponents\u002Fbackgrounds\u002Fanimated-background","3.components\u002Fbackgrounds\u002Fanimated-background",{"title":163,"path":164,"stem":165},"Animated Grid Pattern","\u002Fcomponents\u002Fbackgrounds\u002Fanimated-grid-pattern","3.components\u002Fbackgrounds\u002Fanimated-grid-pattern",{"title":167,"path":168,"stem":169},"Animated Spotlight","\u002Fcomponents\u002Fbackgrounds\u002Fanimated-spotlight","3.components\u002Fbackgrounds\u002Fanimated-spotlight",{"title":171,"path":172,"stem":173},"Aurora Background","\u002Fcomponents\u002Fbackgrounds\u002Faurora-background","3.components\u002Fbackgrounds\u002Faurora-background",{"title":175,"path":176,"stem":177},"Aurora Curtain","\u002Fcomponents\u002Fbackgrounds\u002Faurora-curtain","3.components\u002Fbackgrounds\u002Faurora-curtain",{"title":179,"path":180,"stem":181},"Background Beams","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-beams","3.components\u002Fbackgrounds\u002Fbackground-beams",{"title":183,"path":184,"stem":185},"Background Gradient Animation","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-gradient-animation","3.components\u002Fbackgrounds\u002Fbackground-gradient-animation",{"title":187,"path":188,"stem":189},"Background Lines","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-lines","3.components\u002Fbackgrounds\u002Fbackground-lines",{"title":191,"path":192,"stem":193},"Background Ripple Effect","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-ripple-effect","3.components\u002Fbackgrounds\u002Fbackground-ripple-effect",{"title":195,"path":196,"stem":197},"Boxes Core","\u002Fcomponents\u002Fbackgrounds\u002Fboxes-core","3.components\u002Fbackgrounds\u002Fboxes-core",{"title":199,"path":200,"stem":201},"Directional Light","\u002Fcomponents\u002Fbackgrounds\u002Fdirectional-light","3.components\u002Fbackgrounds\u002Fdirectional-light",{"title":203,"path":204,"stem":205},"Dotted Glow Background","\u002Fcomponents\u002Fbackgrounds\u002Fdotted-glow-background","3.components\u002Fbackgrounds\u002Fdotted-glow-background",{"title":207,"path":208,"stem":209},"Dotted Map","\u002Fcomponents\u002Fbackgrounds\u002Fdotted-map","3.components\u002Fbackgrounds\u002Fdotted-map",{"title":211,"path":212,"stem":213},"Flickering Grid","\u002Fcomponents\u002Fbackgrounds\u002Fflickering-grid","3.components\u002Fbackgrounds\u002Fflickering-grid",{"title":215,"path":216,"stem":217},"Hexagon Pattern","\u002Fcomponents\u002Fbackgrounds\u002Fhexagon-pattern","3.components\u002Fbackgrounds\u002Fhexagon-pattern",{"title":219,"path":220,"stem":221},"Interactive Grid Pattern","\u002Fcomponents\u002Fbackgrounds\u002Finteractive-grid-pattern","3.components\u002Fbackgrounds\u002Finteractive-grid-pattern",{"title":223,"path":224,"stem":225},"Lamp Container","\u002Fcomponents\u002Fbackgrounds\u002Flamp-container","3.components\u002Fbackgrounds\u002Flamp-container",{"title":227,"path":228,"stem":229},"Light Rays","\u002Fcomponents\u002Fbackgrounds\u002Flight-rays","3.components\u002Fbackgrounds\u002Flight-rays",{"title":231,"path":232,"stem":233},"Meteors","\u002Fcomponents\u002Fbackgrounds\u002Fmeteors","3.components\u002Fbackgrounds\u002Fmeteors",{"title":235,"path":236,"stem":237},"Noise Texture","\u002Fcomponents\u002Fbackgrounds\u002Fnoise-texture","3.components\u002Fbackgrounds\u002Fnoise-texture",{"title":239,"path":240,"stem":241},"Particles","\u002Fcomponents\u002Fbackgrounds\u002Fparticles","3.components\u002Fbackgrounds\u002Fparticles",{"title":243,"path":244,"stem":245},"Retro Grid","\u002Fcomponents\u002Fbackgrounds\u002Fretro-grid","3.components\u002Fbackgrounds\u002Fretro-grid",{"title":247,"path":248,"stem":249},"Shooting Stars","\u002Fcomponents\u002Fbackgrounds\u002Fshooting-stars","3.components\u002Fbackgrounds\u002Fshooting-stars",{"title":251,"path":252,"stem":253},"Stars Background","\u002Fcomponents\u002Fbackgrounds\u002Fstars-background","3.components\u002Fbackgrounds\u002Fstars-background",{"title":255,"path":256,"stem":257},"Striped Pattern","\u002Fcomponents\u002Fbackgrounds\u002Fstriped-pattern","3.components\u002Fbackgrounds\u002Fstriped-pattern",{"title":259,"path":260,"stem":261},"Vortex","\u002Fcomponents\u002Fbackgrounds\u002Fvortex","3.components\u002Fbackgrounds\u002Fvortex",{"title":263,"path":264,"stem":265},"Warp Background","\u002Fcomponents\u002Fbackgrounds\u002Fwarp-background","3.components\u002Fbackgrounds\u002Fwarp-background",{"title":267,"icon":268,"path":269,"stem":270,"children":271,"page":61},"Buttons","i-lucide-mouse-pointer-click","\u002Fcomponents\u002Fbuttons","3.components\u002Fbuttons",[272,276,280,284,288,292,296,300,304,308,312,316,320],{"title":273,"path":274,"stem":275},"Button Copy","\u002Fcomponents\u002Fbuttons\u002Fbutton-copy","3.components\u002Fbuttons\u002Fbutton-copy",{"title":277,"path":278,"stem":279},"Clip Corners Button","\u002Fcomponents\u002Fbuttons\u002Fclip-corners-button","3.components\u002Fbuttons\u002Fclip-corners-button",{"title":281,"path":282,"stem":283},"Dot Morph Button","\u002Fcomponents\u002Fbuttons\u002Fdot-morph-button","3.components\u002Fbuttons\u002Fdot-morph-button",{"title":285,"path":286,"stem":287},"Interactive Hover Button","\u002Fcomponents\u002Fbuttons\u002Finteractive-hover-button","3.components\u002Fbuttons\u002Finteractive-hover-button",{"title":289,"path":290,"stem":291},"Magnetic Button","\u002Fcomponents\u002Fbuttons\u002Fmagnetic-button","3.components\u002Fbuttons\u002Fmagnetic-button",{"title":293,"path":294,"stem":295},"Music Toggle","\u002Fcomponents\u002Fbuttons\u002Fmusic-toggle","3.components\u002Fbuttons\u002Fmusic-toggle",{"title":297,"path":298,"stem":299},"Pulsating Button","\u002Fcomponents\u002Fbuttons\u002Fpulsating-button","3.components\u002Fbuttons\u002Fpulsating-button",{"title":301,"path":302,"stem":303},"Rainbow Button","\u002Fcomponents\u002Fbuttons\u002Frainbow-button","3.components\u002Fbuttons\u002Frainbow-button",{"title":305,"path":306,"stem":307},"Ripple Button","\u002Fcomponents\u002Fbuttons\u002Fripple-button","3.components\u002Fbuttons\u002Fripple-button",{"title":309,"path":310,"stem":311},"Shimmer Button","\u002Fcomponents\u002Fbuttons\u002Fshimmer-button","3.components\u002Fbuttons\u002Fshimmer-button",{"title":313,"path":314,"stem":315},"Shiny Button","\u002Fcomponents\u002Fbuttons\u002Fshiny-button","3.components\u002Fbuttons\u002Fshiny-button",{"title":317,"path":318,"stem":319},"Smooth Button","\u002Fcomponents\u002Fbuttons\u002Fsmooth-button","3.components\u002Fbuttons\u002Fsmooth-button",{"title":321,"path":322,"stem":323},"Theme Toggle","\u002Fcomponents\u002Fbuttons\u002Ftheme-toggle","3.components\u002Fbuttons\u002Ftheme-toggle",{"title":325,"icon":326,"path":327,"stem":328,"children":329,"page":61},"Cards","i-lucide-layout-panel-top","\u002Fcomponents\u002Fcards","3.components\u002Fcards",[330,334,338,342,346,350,354,358,362,366,370,374,378,382,386,390,394,398,402,406,410,414,418,422,426,430,434,438,442],{"title":331,"path":332,"stem":333},"App Download Stack","\u002Fcomponents\u002Fcards\u002Fapp-download-stack","3.components\u002Fcards\u002Fapp-download-stack",{"title":335,"path":336,"stem":337},"Apple Invites","\u002Fcomponents\u002Fcards\u002Fapple-invites","3.components\u002Fcards\u002Fapple-invites",{"title":339,"path":340,"stem":341},"Bento Grid","\u002Fcomponents\u002Fcards\u002Fbento-grid","3.components\u002Fcards\u002Fbento-grid",{"title":343,"path":344,"stem":345},"Stacked Cards","\u002Fcomponents\u002Fcards\u002Fcard-stack","3.components\u002Fcards\u002Fcard-stack",{"title":347,"path":348,"stem":349},"Card Swipe Deck","\u002Fcomponents\u002Fcards\u002Fcard-swipe-deck","3.components\u002Fcards\u002Fcard-swipe-deck",{"title":351,"path":352,"stem":353},"Draggable Card","\u002Fcomponents\u002Fcards\u002Fdraggable-card","3.components\u002Fcards\u002Fdraggable-card",{"title":355,"path":356,"stem":357},"Evervault Card","\u002Fcomponents\u002Fcards\u002Fever-vault-card","3.components\u002Fcards\u002Fever-vault-card",{"title":359,"path":360,"stem":361},"Expandable Cards","\u002Fcomponents\u002Fcards\u002Fexpandable-cards","3.components\u002Fcards\u002Fexpandable-cards",{"title":363,"path":364,"stem":365},"Figma Comment","\u002Fcomponents\u002Fcards\u002Ffigma-comment","3.components\u002Fcards\u002Ffigma-comment",{"title":367,"path":368,"stem":369},"Focus Cards","\u002Fcomponents\u002Fcards\u002Ffocus-cards","3.components\u002Fcards\u002Ffocus-cards",{"title":371,"path":372,"stem":373},"Glare Card","\u002Fcomponents\u002Fcards\u002Fglare-card","3.components\u002Fcards\u002Fglare-card",{"title":375,"path":376,"stem":377},"Glass Card","\u002Fcomponents\u002Fcards\u002Fglass-card","3.components\u002Fcards\u002Fglass-card",{"title":379,"path":380,"stem":381},"Glass Panel","\u002Fcomponents\u002Fcards\u002Fglass-panel","3.components\u002Fcards\u002Fglass-panel",{"title":383,"path":384,"stem":385},"Glow Hover Cards","\u002Fcomponents\u002Fcards\u002Fglow-hover-cards","3.components\u002Fcards\u002Fglow-hover-cards",{"title":387,"path":388,"stem":389},"Glowing Stars Card","\u002Fcomponents\u002Fcards\u002Fglowing-stars-card","3.components\u002Fcards\u002Fglowing-stars-card",{"title":391,"path":392,"stem":393},"Mac Terminal","\u002Fcomponents\u002Fcards\u002Fmac-terminal","3.components\u002Fcards\u002Fmac-terminal",{"title":395,"path":396,"stem":397},"Magic Card","\u002Fcomponents\u002Fcards\u002Fmagic-card","3.components\u002Fcards\u002Fmagic-card",{"title":399,"path":400,"stem":401},"Mail Card","\u002Fcomponents\u002Fcards\u002Fmail-card","3.components\u002Fcards\u002Fmail-card",{"title":403,"path":404,"stem":405},"Photo Stack","\u002Fcomponents\u002Fcards\u002Fphoto-stack","3.components\u002Fcards\u002Fphoto-stack",{"title":407,"path":408,"stem":409},"Price Flow","\u002Fcomponents\u002Fcards\u002Fprice-flow","3.components\u002Fcards\u002Fprice-flow",{"title":411,"path":412,"stem":413},"Product Card","\u002Fcomponents\u002Fcards\u002Fproduct-card","3.components\u002Fcards\u002Fproduct-card",{"title":415,"path":416,"stem":417},"Scrollable Card Stack","\u002Fcomponents\u002Fcards\u002Fscrollable-card-stack","3.components\u002Fcards\u002Fscrollable-card-stack",{"title":419,"path":420,"stem":421},"Shine Border","\u002Fcomponents\u002Fcards\u002Fshine-border","3.components\u002Fcards\u002Fshine-border",{"title":423,"path":424,"stem":425},"Social Hover Card","\u002Fcomponents\u002Fcards\u002Fsocial-hover-card","3.components\u002Fcards\u002Fsocial-hover-card",{"title":427,"path":428,"stem":429},"Switchboard Card","\u002Fcomponents\u002Fcards\u002Fswitchboard-card","3.components\u002Fcards\u002Fswitchboard-card",{"title":431,"path":432,"stem":433},"Tilt Card","\u002Fcomponents\u002Fcards\u002Ftilt-card","3.components\u002Fcards\u002Ftilt-card",{"title":435,"path":436,"stem":437},"Tweet Card","\u002Fcomponents\u002Fcards\u002Ftweet-card","3.components\u002Fcards\u002Ftweet-card",{"title":439,"path":440,"stem":441},"Wallet Card","\u002Fcomponents\u002Fcards\u002Fwallet-card","3.components\u002Fcards\u002Fwallet-card",{"title":443,"path":444,"stem":445},"Wobble Card","\u002Fcomponents\u002Fcards\u002Fwobble-card","3.components\u002Fcards\u002Fwobble-card",{"title":447,"icon":448,"path":449,"stem":450,"children":451,"page":61},"Carousels","i-lucide-gallery-horizontal-end","\u002Fcomponents\u002Fcarousels","3.components\u002Fcarousels",[452,456,460],{"title":453,"path":454,"stem":455},"Carousel","\u002Fcomponents\u002Fcarousels\u002Fcarousel","3.components\u002Fcarousels\u002Fcarousel",{"title":457,"path":458,"stem":459},"Coverflow Carousel","\u002Fcomponents\u002Fcarousels\u002Fcoverflow-carousel","3.components\u002Fcarousels\u002Fcoverflow-carousel",{"title":461,"path":462,"stem":463},"Reviews Carousel","\u002Fcomponents\u002Fcarousels\u002Freviews-carousel","3.components\u002Fcarousels\u002Freviews-carousel",{"title":465,"icon":466,"path":467,"stem":468,"children":469,"page":61},"Directional","i-lucide-move-3d","\u002Fcomponents\u002Fdirectional","3.components\u002Fdirectional",[470,474],{"title":471,"path":472,"stem":473},"Direction Aware Hover","\u002Fcomponents\u002Fdirectional\u002Fdirection-aware-hover","3.components\u002Fdirectional\u002Fdirection-aware-hover",{"title":475,"path":476,"stem":477},"Direction Aware Hover New","\u002Fcomponents\u002Fdirectional\u002Fdirection-aware-hover-new","3.components\u002Fdirectional\u002Fdirection-aware-hover-new",{"title":479,"icon":480,"path":481,"stem":482,"children":483,"page":61},"Visual Effects","i-lucide-wand-sparkles","\u002Fcomponents\u002Feffects","3.components\u002Feffects",[484,488,492,496,500,504,508,512,516,520,524,528,532,536,540,544,548,552,556,560,564,568,572,576,580,584,588,592,596,600,604,608],{"title":485,"path":486,"stem":487},"Animated Beam","\u002Fcomponents\u002Feffects\u002Fanimated-beam","3.components\u002Feffects\u002Fanimated-beam",{"title":489,"path":490,"stem":491},"Arcade Pixel","\u002Fcomponents\u002Feffects\u002Farcade-pixel","3.components\u002Feffects\u002Farcade-pixel",{"title":493,"path":494,"stem":495},"ASCII Render","\u002Fcomponents\u002Feffects\u002Fascii-render","3.components\u002Feffects\u002Fascii-render",{"title":497,"path":498,"stem":499},"Border Beam","\u002Fcomponents\u002Feffects\u002Fborder-beam","3.components\u002Feffects\u002Fborder-beam",{"title":501,"path":502,"stem":503},"Border Trail","\u002Fcomponents\u002Feffects\u002Fborder-trail","3.components\u002Feffects\u002Fborder-trail",{"title":505,"path":506,"stem":507},"Confetti","\u002Fcomponents\u002Feffects\u002Fconfetti","3.components\u002Feffects\u002Fconfetti",{"title":509,"path":510,"stem":511},"Dither Chart","\u002Fcomponents\u002Feffects\u002Fdither-chart","3.components\u002Feffects\u002Fdither-chart",{"title":513,"path":514,"stem":515},"Dither Image","\u002Fcomponents\u002Feffects\u002Fdither-image","3.components\u002Feffects\u002Fdither-image",{"title":517,"path":518,"stem":519},"Div Grid","\u002Fcomponents\u002Feffects\u002Fdiv-grid","3.components\u002Feffects\u002Fdiv-grid",{"title":521,"path":522,"stem":523},"Drawing Cursor","\u002Fcomponents\u002Feffects\u002Fdrawing-cursor","3.components\u002Feffects\u002Fdrawing-cursor",{"title":525,"path":526,"stem":527},"Emboss Surface","\u002Fcomponents\u002Feffects\u002Femboss-surface","3.components\u002Feffects\u002Femboss-surface",{"title":529,"path":530,"stem":531},"Brightness slider","\u002Fcomponents\u002Feffects\u002Fexposure-slider","3.components\u002Feffects\u002Fexposure-slider",{"title":533,"path":534,"stem":535},"Flowing Stroke","\u002Fcomponents\u002Feffects\u002Fflowing-stroke","3.components\u002Feffects\u002Fflowing-stroke",{"title":537,"path":538,"stem":539},"Glow Effect","\u002Fcomponents\u002Feffects\u002Fglow-effect","3.components\u002Feffects\u002Fglow-effect",{"title":541,"path":542,"stem":543},"Glowing Effect","\u002Fcomponents\u002Feffects\u002Fglowing-effect","3.components\u002Feffects\u002Fglowing-effect",{"title":545,"path":546,"stem":547},"Gooey Filter","\u002Fcomponents\u002Feffects\u002Fgooey-filter","3.components\u002Feffects\u002Fgooey-filter",{"title":549,"path":550,"stem":551},"Gravity Stars","\u002Fcomponents\u002Feffects\u002Fgravity-stars","3.components\u002Feffects\u002Fgravity-stars",{"title":553,"path":554,"stem":555},"Iridescent foil","\u002Fcomponents\u002Feffects\u002Fholographic-foil","3.components\u002Feffects\u002Fholographic-foil",{"title":557,"path":558,"stem":559},"Icon Cloud","\u002Fcomponents\u002Feffects\u002Ficon-cloud","3.components\u002Feffects\u002Ficon-cloud",{"title":561,"path":562,"stem":563},"Liquid Metal","\u002Fcomponents\u002Feffects\u002Fliquid-metal","3.components\u002Feffects\u002Fliquid-metal",{"title":565,"path":566,"stem":567},"Mask Container","\u002Fcomponents\u002Feffects\u002Fmask-container","3.components\u002Feffects\u002Fmask-container",{"title":569,"path":570,"stem":571},"Orbiting Circles","\u002Fcomponents\u002Feffects\u002Forbiting-circles","3.components\u002Feffects\u002Forbiting-circles",{"title":573,"path":574,"stem":575},"Depth layers","\u002Fcomponents\u002Feffects\u002Fparallax-layers","3.components\u002Feffects\u002Fparallax-layers",{"title":577,"path":578,"stem":579},"Pixel Flow Field","\u002Fcomponents\u002Feffects\u002Fpixel-flow-field","3.components\u002Feffects\u002Fpixel-flow-field",{"title":581,"path":582,"stem":583},"Pixelated Canvas","\u002Fcomponents\u002Feffects\u002Fpixelated-canvas","3.components\u002Feffects\u002Fpixelated-canvas",{"title":585,"path":586,"stem":587},"Progressive Blur","\u002Fcomponents\u002Feffects\u002Fprogressive-blur","3.components\u002Feffects\u002Fprogressive-blur",{"title":589,"path":590,"stem":591},"Siri Orb","\u002Fcomponents\u002Feffects\u002Fsiri-orb","3.components\u002Feffects\u002Fsiri-orb",{"title":593,"path":594,"stem":595},"Spotlight","\u002Fcomponents\u002Feffects\u002Fspotlight","3.components\u002Feffects\u002Fspotlight",{"title":597,"path":598,"stem":599},"Squircle","\u002Fcomponents\u002Feffects\u002Fsquircle","3.components\u002Feffects\u002Fsquircle",{"title":601,"path":602,"stem":603},"SVG Clip Mask","\u002Fcomponents\u002Feffects\u002Fsvg-clip-mask","3.components\u002Feffects\u002Fsvg-clip-mask",{"title":605,"path":606,"stem":607},"Tracing Beam","\u002Fcomponents\u002Feffects\u002Ftracing-beam","3.components\u002Feffects\u002Ftracing-beam",{"title":609,"path":610,"stem":611},"Video Ambient","\u002Fcomponents\u002Feffects\u002Fvideo-ambient","3.components\u002Feffects\u002Fvideo-ambient",{"title":613,"icon":614,"path":615,"stem":616,"children":617,"page":61},"Forms","i-lucide-text-cursor-input","\u002Fcomponents\u002Fforms","3.components\u002Fforms",[618,622,626,630,634,638,642,646,650,654,658,662,666,670,674,678,682,686,690,694,698],{"title":619,"path":620,"stem":621},"Animated File Upload","\u002Fcomponents\u002Fforms\u002Fanimated-file-upload","3.components\u002Fforms\u002Fanimated-file-upload",{"title":623,"path":624,"stem":625},"Animated Input","\u002Fcomponents\u002Fforms\u002Fanimated-input","3.components\u002Fforms\u002Fanimated-input",{"title":627,"path":628,"stem":629},"Animated Number Input","\u002Fcomponents\u002Fforms\u002Fanimated-number-input","3.components\u002Fforms\u002Fanimated-number-input",{"title":631,"path":632,"stem":633},"Animated OTP Input","\u002Fcomponents\u002Fforms\u002Fanimated-otp-input","3.components\u002Fforms\u002Fanimated-otp-input",{"title":635,"path":636,"stem":637},"Animated Progress Bar","\u002Fcomponents\u002Fforms\u002Fanimated-progress-bar","3.components\u002Fforms\u002Fanimated-progress-bar",{"title":639,"path":640,"stem":641},"Animated Stepper","\u002Fcomponents\u002Fforms\u002Fanimated-stepper","3.components\u002Fforms\u002Fanimated-stepper",{"title":643,"path":644,"stem":645},"Animated Tags","\u002Fcomponents\u002Fforms\u002Fanimated-tags","3.components\u002Fforms\u002Fanimated-tags",{"title":647,"path":648,"stem":649},"Animated Toggle","\u002Fcomponents\u002Fforms\u002Fanimated-toggle","3.components\u002Fforms\u002Fanimated-toggle",{"title":651,"path":652,"stem":653},"Auth Form","\u002Fcomponents\u002Fforms\u002Fauth-form","3.components\u002Fforms\u002Fauth-form",{"title":655,"path":656,"stem":657},"Checkbox","\u002Fcomponents\u002Fforms\u002Fcheckbox","3.components\u002Fforms\u002Fcheckbox",{"title":659,"path":660,"stem":661},"Country Picker","\u002Fcomponents\u002Fforms\u002Fcountry-picker","3.components\u002Fforms\u002Fcountry-picker",{"title":663,"path":664,"stem":665},"Digit Roll","\u002Fcomponents\u002Fforms\u002Fdigit-roll","3.components\u002Fforms\u002Fdigit-roll",{"title":667,"path":668,"stem":669},"Duration Picker","\u002Fcomponents\u002Fforms\u002Fduration-picker","3.components\u002Fforms\u002Fduration-picker",{"title":671,"path":672,"stem":673},"Favicon Search","\u002Fcomponents\u002Fforms\u002Ffavicon-search","3.components\u002Fforms\u002Ffavicon-search",{"title":675,"path":676,"stem":677},"Float Input","\u002Fcomponents\u002Fforms\u002Ffloat-input","3.components\u002Fforms\u002Ffloat-input",{"title":679,"path":680,"stem":681},"Form","\u002Fcomponents\u002Fforms\u002Fform","3.components\u002Fforms\u002Fform",{"title":683,"path":684,"stem":685},"Morph Toggle","\u002Fcomponents\u002Fforms\u002Fmorph-toggle","3.components\u002Fforms\u002Fmorph-toggle",{"title":687,"path":688,"stem":689},"Radio Group","\u002Fcomponents\u002Fforms\u002Fradio-group","3.components\u002Fforms\u002Fradio-group",{"title":691,"path":692,"stem":693},"Scrubber","\u002Fcomponents\u002Fforms\u002Fscrubber","3.components\u002Fforms\u002Fscrubber",{"title":695,"path":696,"stem":697},"Social Selector","\u002Fcomponents\u002Fforms\u002Fsocial-selector","3.components\u002Fforms\u002Fsocial-selector",{"title":699,"path":700,"stem":701},"Swap Panel","\u002Fcomponents\u002Fforms\u002Fswap-panel","3.components\u002Fforms\u002Fswap-panel",{"title":703,"icon":704,"path":705,"stem":706,"children":707,"page":61},"Interactive","i-lucide-hand","\u002Fcomponents\u002Finteractive","3.components\u002Finteractive",[708,712,716,720,724,728,732,736,740,744,748,752,756,760,764,768,772,776,780,784,788,792,796,800,804,808,812,816,820,824,828,832,836,840,844,848,852,856,860,864,868,872,876,880,884],{"title":709,"path":710,"stem":711},"Accordion","\u002Fcomponents\u002Finteractive\u002Faccordion","3.components\u002Finteractive\u002Faccordion",{"title":713,"path":714,"stem":715},"Motion dialog","\u002Fcomponents\u002Finteractive\u002Fanimated-dialog","3.components\u002Finteractive\u002Fanimated-dialog",{"title":717,"path":718,"stem":719},"Animated Tooltip","\u002Fcomponents\u002Finteractive\u002Fanimated-tooltip","3.components\u002Finteractive\u002Fanimated-tooltip",{"title":721,"path":722,"stem":723},"Basic Dropdown","\u002Fcomponents\u002Finteractive\u002Fbasic-dropdown","3.components\u002Finteractive\u002Fbasic-dropdown",{"title":725,"path":726,"stem":727},"Basic Toast","\u002Fcomponents\u002Finteractive\u002Fbasic-toast","3.components\u002Finteractive\u002Fbasic-toast",{"title":729,"path":730,"stem":731},"Code Block","\u002Fcomponents\u002Finteractive\u002Fcode-block","3.components\u002Finteractive\u002Fcode-block",{"title":733,"path":734,"stem":735},"Code Comparison","\u002Fcomponents\u002Finteractive\u002Fcode-comparison","3.components\u002Finteractive\u002Fcode-comparison",{"title":737,"path":738,"stem":739},"Contribution Graph","\u002Fcomponents\u002Finteractive\u002Fcontribution-graph","3.components\u002Finteractive\u002Fcontribution-graph",{"title":741,"path":742,"stem":743},"Cool Mode","\u002Fcomponents\u002Finteractive\u002Fcool-mode","3.components\u002Finteractive\u002Fcool-mode",{"title":745,"path":746,"stem":747},"Count Badge","\u002Fcomponents\u002Finteractive\u002Fcount-badge","3.components\u002Finteractive\u002Fcount-badge",{"title":749,"path":750,"stem":751},"Dock","\u002Fcomponents\u002Finteractive\u002Fdock","3.components\u002Finteractive\u002Fdock",{"title":753,"path":754,"stem":755},"Drag and Drop","\u002Fcomponents\u002Finteractive\u002Fdrag-and-drop","3.components\u002Finteractive\u002Fdrag-and-drop",{"title":757,"path":758,"stem":759},"Drawer","\u002Fcomponents\u002Finteractive\u002Fdrawer","3.components\u002Finteractive\u002Fdrawer",{"title":761,"path":762,"stem":763},"Dynamic Group","\u002Fcomponents\u002Finteractive\u002Fdynamic-group","3.components\u002Finteractive\u002Fdynamic-group",{"title":765,"path":766,"stem":767},"Dynamic Island","\u002Fcomponents\u002Finteractive\u002Fdynamic-island","3.components\u002Finteractive\u002Fdynamic-island",{"title":769,"path":770,"stem":771},"Emoji Reaction","\u002Fcomponents\u002Finteractive\u002Femoji-reaction","3.components\u002Finteractive\u002Femoji-reaction",{"title":773,"path":774,"stem":775},"Fluid Hover Highlight","\u002Fcomponents\u002Finteractive\u002Ffluid-hover-highlight","3.components\u002Finteractive\u002Ffluid-hover-highlight",{"title":777,"path":778,"stem":779},"Folder Reveal","\u002Fcomponents\u002Finteractive\u002Ffolder-reveal","3.components\u002Finteractive\u002Ffolder-reveal",{"title":781,"path":782,"stem":783},"GitHub Stars Animation","\u002Fcomponents\u002Finteractive\u002Fgithub-stars-animation","3.components\u002Finteractive\u002Fgithub-stars-animation",{"title":785,"path":786,"stem":787},"Hover Expand","\u002Fcomponents\u002Finteractive\u002Fhover-expand","3.components\u002Finteractive\u002Fhover-expand",{"title":789,"path":790,"stem":791},"Hover Image List","\u002Fcomponents\u002Finteractive\u002Fhover-image-list","3.components\u002Finteractive\u002Fhover-image-list",{"title":793,"path":794,"stem":795},"Image compare","\u002Fcomponents\u002Finteractive\u002Fimage-comparison","3.components\u002Finteractive\u002Fimage-comparison",{"title":797,"path":798,"stem":799},"Image Metadata Preview","\u002Fcomponents\u002Finteractive\u002Fimage-metadata-preview","3.components\u002Finteractive\u002Fimage-metadata-preview",{"title":801,"path":802,"stem":803},"Inline Testimonials","\u002Fcomponents\u002Finteractive\u002Finline-testimonials","3.components\u002Finteractive\u002Finline-testimonials",{"title":805,"path":806,"stem":807},"Interactive Image Selector","\u002Fcomponents\u002Finteractive\u002Finteractive-image-selector","3.components\u002Finteractive\u002Finteractive-image-selector",{"title":809,"path":810,"stem":811},"Job Listing","\u002Fcomponents\u002Finteractive\u002Fjob-listing","3.components\u002Finteractive\u002Fjob-listing",{"title":813,"path":814,"stem":815},"Lens","\u002Fcomponents\u002Finteractive\u002Flens","3.components\u002Finteractive\u002Flens",{"title":817,"path":818,"stem":819},"Morph Icon","\u002Fcomponents\u002Finteractive\u002Fmorph-icon","3.components\u002Finteractive\u002Fmorph-icon",{"title":821,"path":822,"stem":823},"Morph Surface","\u002Fcomponents\u002Finteractive\u002Fmorph-surface","3.components\u002Finteractive\u002Fmorph-surface",{"title":825,"path":826,"stem":827},"Shape-shift dialog","\u002Fcomponents\u002Finteractive\u002Fmorphing-dialog","3.components\u002Finteractive\u002Fmorphing-dialog",{"title":829,"path":830,"stem":831},"Shape-shift popover","\u002Fcomponents\u002Finteractive\u002Fmorphing-popover","3.components\u002Finteractive\u002Fmorphing-popover",{"title":833,"path":834,"stem":835},"Notification Badge","\u002Fcomponents\u002Finteractive\u002Fnotification-badge","3.components\u002Finteractive\u002Fnotification-badge",{"title":837,"path":838,"stem":839},"Orbital Image Wheel","\u002Fcomponents\u002Finteractive\u002Forbital-image-wheel","3.components\u002Finteractive\u002Forbital-image-wheel",{"title":841,"path":842,"stem":843},"Phototab","\u002Fcomponents\u002Finteractive\u002Fphototab","3.components\u002Finteractive\u002Fphototab",{"title":845,"path":846,"stem":847},"Pinned List","\u002Fcomponents\u002Finteractive\u002Fpinned-list","3.components\u002Finteractive\u002Fpinned-list",{"title":849,"path":850,"stem":851},"Pixel Brush Canvas","\u002Fcomponents\u002Finteractive\u002Fpixel-brush-canvas","3.components\u002Finteractive\u002Fpixel-brush-canvas",{"title":853,"path":854,"stem":855},"Power Off Slide","\u002Fcomponents\u002Finteractive\u002Fpower-off-slide","3.components\u002Finteractive\u002Fpower-off-slide",{"title":857,"path":858,"stem":859},"Rich Popover","\u002Fcomponents\u002Finteractive\u002Frich-popover","3.components\u002Finteractive\u002Frich-popover",{"title":861,"path":862,"stem":863},"Scratch to Reveal","\u002Fcomponents\u002Finteractive\u002Fscratch-to-reveal","3.components\u002Finteractive\u002Fscratch-to-reveal",{"title":865,"path":866,"stem":867},"Time Machine Stack","\u002Fcomponents\u002Finteractive\u002Ftime-machine-stack","3.components\u002Finteractive\u002Ftime-machine-stack",{"title":869,"path":870,"stem":871},"Unlock Face ID","\u002Fcomponents\u002Finteractive\u002Funlock-face-id","3.components\u002Finteractive\u002Funlock-face-id",{"title":873,"path":874,"stem":875},"User Account Avatar","\u002Fcomponents\u002Finteractive\u002Fuser-account-avatar","3.components\u002Finteractive\u002Fuser-account-avatar",{"title":877,"path":878,"stem":879},"Vector Editor Toolbar","\u002Fcomponents\u002Finteractive\u002Fvector-editor-toolbar","3.components\u002Finteractive\u002Fvector-editor-toolbar",{"title":881,"path":882,"stem":883},"Video Modal","\u002Fcomponents\u002Finteractive\u002Fvideo-modal","3.components\u002Finteractive\u002Fvideo-modal",{"title":885,"path":886,"stem":887},"Zoomable Image","\u002Fcomponents\u002Finteractive\u002Fzoomable-image","3.components\u002Finteractive\u002Fzoomable-image",{"title":889,"icon":890,"path":891,"stem":892,"children":893,"page":61},"Layout","i-lucide-layout-grid","\u002Fcomponents\u002Flayout","3.components\u002Flayout",[894,898,902,906,910,914],{"title":895,"path":896,"stem":897},"Android","\u002Fcomponents\u002Flayout\u002Fandroid","3.components\u002Flayout\u002Fandroid",{"title":899,"path":900,"stem":901},"Animated Group","\u002Fcomponents\u002Flayout\u002Fanimated-group","3.components\u002Flayout\u002Fanimated-group",{"title":903,"path":904,"stem":905},"Breakpoint Indicator","\u002Fcomponents\u002Flayout\u002Fbreakpoint-indicator","3.components\u002Flayout\u002Fbreakpoint-indicator",{"title":907,"path":908,"stem":909},"Collision","\u002Fcomponents\u002Flayout\u002Fcollision","3.components\u002Flayout\u002Fcollision",{"title":911,"path":912,"stem":913},"iPhone 15 Pro","\u002Fcomponents\u002Flayout\u002Fiphone-15-pro","3.components\u002Flayout\u002Fiphone-15-pro",{"title":915,"path":916,"stem":917},"Safari","\u002Fcomponents\u002Flayout\u002Fsafari","3.components\u002Flayout\u002Fsafari",{"title":919,"icon":920,"path":921,"stem":922,"children":923,"page":61},"Loaders & Progress","i-lucide-loader-circle","\u002Fcomponents\u002Floaders","3.components\u002Floaders",[924,928,932,936,940,944],{"title":925,"path":926,"stem":927},"AI Loader","\u002Fcomponents\u002Floaders\u002Fai-loader","3.components\u002Floaders\u002Fai-loader",{"title":929,"path":930,"stem":931},"Circular Progress","\u002Fcomponents\u002Floaders\u002Fcircular-progress","3.components\u002Floaders\u002Fcircular-progress",{"title":933,"path":934,"stem":935},"Content Skeleton","\u002Fcomponents\u002Floaders\u002Fcontent-skeleton","3.components\u002Floaders\u002Fcontent-skeleton",{"title":937,"path":938,"stem":939},"Grid Loader","\u002Fcomponents\u002Floaders\u002Fgrid-loader","3.components\u002Floaders\u002Fgrid-loader",{"title":941,"path":942,"stem":943},"Motion Loader","\u002Fcomponents\u002Floaders\u002Fmotion-loader","3.components\u002Floaders\u002Fmotion-loader",{"title":945,"path":946,"stem":947},"Page Preloader","\u002Fcomponents\u002Floaders\u002Fpage-preloader","3.components\u002Floaders\u002Fpage-preloader",{"title":949,"icon":950,"path":951,"stem":952,"children":953,"page":61},"Interaction & Movement","i-lucide-move","\u002Fcomponents\u002Fmovement","3.components\u002Fmovement",[954,958,962,966,970,974,978],{"title":955,"path":956,"stem":957},"Cursor","\u002Fcomponents\u002Fmovement\u002Fcursor","3.components\u002Fmovement\u002Fcursor",{"title":959,"path":960,"stem":961},"Cursor Follow","\u002Fcomponents\u002Fmovement\u002Fcursor-follow","3.components\u002Fmovement\u002Fcursor-follow",{"title":963,"path":964,"stem":965},"Cursor Image Trail","\u002Fcomponents\u002Fmovement\u002Fcursor-image-trail","3.components\u002Fmovement\u002Fcursor-image-trail",{"title":967,"path":968,"stem":969},"Force Dot","\u002Fcomponents\u002Fmovement\u002Fforce-dot","3.components\u002Fmovement\u002Fforce-dot",{"title":971,"path":972,"stem":973},"Magnetic","\u002Fcomponents\u002Fmovement\u002Fmagnetic","3.components\u002Fmovement\u002Fmagnetic",{"title":975,"path":976,"stem":977},"Magnetic Field","\u002Fcomponents\u002Fmovement\u002Fmagnetic-field","3.components\u002Fmovement\u002Fmagnetic-field",{"title":979,"path":980,"stem":981},"Tilt","\u002Fcomponents\u002Fmovement\u002Ftilt","3.components\u002Fmovement\u002Ftilt",{"title":983,"icon":984,"path":985,"stem":986,"children":987,"page":61},"Navigation & Toolbars","i-lucide-menu","\u002Fcomponents\u002Fnavigation","3.components\u002Fnavigation",[988,992,996,1000,1004,1008,1012],{"title":989,"path":990,"stem":991},"Breadcrumb","\u002Fcomponents\u002Fnavigation\u002Fbreadcrumb","3.components\u002Fnavigation\u002Fbreadcrumb",{"title":993,"path":994,"stem":995},"Expandable Navbar","\u002Fcomponents\u002Fnavigation\u002Fexpandable-navbar","3.components\u002Fnavigation\u002Fexpandable-navbar",{"title":997,"path":998,"stem":999},"File Tree","\u002Fcomponents\u002Fnavigation\u002Ffile-tree","3.components\u002Fnavigation\u002Ffile-tree",{"title":1001,"path":1002,"stem":1003},"Floating Navbar","\u002Fcomponents\u002Fnavigation\u002Ffloating-navbar","3.components\u002Fnavigation\u002Ffloating-navbar",{"title":1005,"path":1006,"stem":1007},"Pagination","\u002Fcomponents\u002Fnavigation\u002Fpagination","3.components\u002Fnavigation\u002Fpagination",{"title":1009,"path":1010,"stem":1011},"Toolbar adaptive","\u002Fcomponents\u002Fnavigation\u002Ftoolbar-dynamic","3.components\u002Fnavigation\u002Ftoolbar-dynamic",{"title":1013,"path":1014,"stem":1015},"Toolbar collapsible","\u002Fcomponents\u002Fnavigation\u002Ftoolbar-expandable","3.components\u002Fnavigation\u002Ftoolbar-expandable",{"title":1017,"icon":1018,"path":1019,"stem":1020,"children":1021,"page":61},"Scroll & Viewport","i-lucide-scroll-text","\u002Fcomponents\u002Fscroll","3.components\u002Fscroll",[1022,1026,1030,1034,1038,1042,1046,1050],{"title":1023,"path":1024,"stem":1025},"In View","\u002Fcomponents\u002Fscroll\u002Fin-view","3.components\u002Fscroll\u002Fin-view",{"title":1027,"path":1028,"stem":1029},"Infinite Slider","\u002Fcomponents\u002Fscroll\u002Finfinite-slider","3.components\u002Fscroll\u002Finfinite-slider",{"title":1031,"path":1032,"stem":1033},"Kinetic Type Scroll","\u002Fcomponents\u002Fscroll\u002Fkinetic-type-scroll","3.components\u002Fscroll\u002Fkinetic-type-scroll",{"title":1035,"path":1036,"stem":1037},"Marquee","\u002Fcomponents\u002Fscroll\u002Fmarquee","3.components\u002Fscroll\u002Fmarquee",{"title":1039,"path":1040,"stem":1041},"Scroll Image Reveal","\u002Fcomponents\u002Fscroll\u002Fscroll-image-reveal","3.components\u002Fscroll\u002Fscroll-image-reveal",{"title":1043,"path":1044,"stem":1045},"Scroll Progress","\u002Fcomponents\u002Fscroll\u002Fscroll-progress","3.components\u002Fscroll\u002Fscroll-progress",{"title":1047,"path":1048,"stem":1049},"Scroll Velocity","\u002Fcomponents\u002Fscroll\u002Fscroll-velocity","3.components\u002Fscroll\u002Fscroll-velocity",{"title":1051,"path":1052,"stem":1053},"Svg Draw On Scroll","\u002Fcomponents\u002Fscroll\u002Fsvg-draw-on-scroll","3.components\u002Fscroll\u002Fsvg-draw-on-scroll",{"title":1055,"icon":1056,"path":1057,"stem":1058,"children":1059,"page":61},"Text & Numbers","i-lucide-type","\u002Fcomponents\u002Ftext","3.components\u002Ftext",[1060,1064,1068,1072,1076,1080,1084,1088,1092,1096,1100,1104,1108,1112,1116,1120,1124,1128,1132,1136,1140,1144,1148,1152,1156,1160,1164,1168,1172,1176,1180,1184,1188,1192,1196,1200,1204,1208,1212,1216,1220,1224,1228,1232,1236,1240,1244,1248,1252,1256,1260,1264,1268,1272,1276,1280],{"title":1061,"path":1062,"stem":1063},"Animated Avatar Group","\u002Fcomponents\u002Ftext\u002Fanimated-avatar-group","3.components\u002Ftext\u002Fanimated-avatar-group",{"title":1065,"path":1066,"stem":1067},"Animated List","\u002Fcomponents\u002Ftext\u002Fanimated-list","3.components\u002Ftext\u002Fanimated-list",{"title":1069,"path":1070,"stem":1071},"Animated Number","\u002Fcomponents\u002Ftext\u002Fanimated-number","3.components\u002Ftext\u002Fanimated-number",{"title":1073,"path":1074,"stem":1075},"Blur Out Up","\u002Fcomponents\u002Ftext\u002Fblur-out-up","3.components\u002Ftext\u002Fblur-out-up",{"title":1077,"path":1078,"stem":1079},"Bottom Up Letters","\u002Fcomponents\u002Ftext\u002Fbottom-up-letters","3.components\u002Ftext\u002Fbottom-up-letters",{"title":1081,"path":1082,"stem":1083},"Comic Text","\u002Fcomponents\u002Ftext\u002Fcomic-text","3.components\u002Ftext\u002Fcomic-text",{"title":1085,"path":1086,"stem":1087},"Counting Number","\u002Fcomponents\u002Ftext\u002Fcounting-number","3.components\u002Ftext\u002Fcounting-number",{"title":1089,"path":1090,"stem":1091},"Depth Parallax Words","\u002Fcomponents\u002Ftext\u002Fdepth-parallax-words","3.components\u002Ftext\u002Fdepth-parallax-words",{"title":1093,"path":1094,"stem":1095},"Fade Through","\u002Fcomponents\u002Ftext\u002Ffade-through","3.components\u002Ftext\u002Ffade-through",{"title":1097,"path":1098,"stem":1099},"Focus Blur Resolve","\u002Fcomponents\u002Ftext\u002Ffocus-blur-resolve","3.components\u002Ftext\u002Ffocus-blur-resolve",{"title":1101,"path":1102,"stem":1103},"Gravity Letters","\u002Fcomponents\u002Ftext\u002Fgravity-letters","3.components\u002Ftext\u002Fgravity-letters",{"title":1105,"path":1106,"stem":1107},"Kinetic Center Build","\u002Fcomponents\u002Ftext\u002Fkinetic-center-build","3.components\u002Ftext\u002Fkinetic-center-build",{"title":1109,"path":1110,"stem":1111},"Line By Line Slide","\u002Fcomponents\u002Ftext\u002Fline-by-line-slide","3.components\u002Ftext\u002Fline-by-line-slide",{"title":1113,"path":1114,"stem":1115},"Line Shadow Text","\u002Fcomponents\u002Ftext\u002Fline-shadow-text","3.components\u002Ftext\u002Fline-shadow-text",{"title":1117,"path":1118,"stem":1119},"Mask Reveal Up","\u002Fcomponents\u002Ftext\u002Fmask-reveal-up","3.components\u002Ftext\u002Fmask-reveal-up",{"title":1121,"path":1122,"stem":1123},"Micro Scale Fade","\u002Fcomponents\u002Ftext\u002Fmicro-scale-fade","3.components\u002Ftext\u002Fmicro-scale-fade",{"title":1125,"path":1126,"stem":1127},"Number Flow","\u002Fcomponents\u002Ftext\u002Fnumber-flow","3.components\u002Ftext\u002Fnumber-flow",{"title":1129,"path":1130,"stem":1131},"Per Character Rise","\u002Fcomponents\u002Ftext\u002Fper-character-rise","3.components\u002Ftext\u002Fper-character-rise",{"title":1133,"path":1134,"stem":1135},"Per Word Crossfade","\u002Fcomponents\u002Ftext\u002Fper-word-crossfade","3.components\u002Ftext\u002Fper-word-crossfade",{"title":1137,"path":1138,"stem":1139},"Perspective Text 3D","\u002Fcomponents\u002Ftext\u002Fperspective-text-3d","3.components\u002Ftext\u002Fperspective-text-3d",{"title":1141,"path":1142,"stem":1143},"Ransom Note","\u002Fcomponents\u002Ftext\u002Fransom-note","3.components\u002Ftext\u002Fransom-note",{"title":1145,"path":1146,"stem":1147},"Rolling Text","\u002Fcomponents\u002Ftext\u002Frolling-text","3.components\u002Ftext\u002Frolling-text",{"title":1149,"path":1150,"stem":1151},"Scale Down Fade","\u002Fcomponents\u002Ftext\u002Fscale-down-fade","3.components\u002Ftext\u002Fscale-down-fade",{"title":1153,"path":1154,"stem":1155},"Scroll Reveal Paragraph","\u002Fcomponents\u002Ftext\u002Fscroll-reveal-paragraph","3.components\u002Ftext\u002Fscroll-reveal-paragraph",{"title":1157,"path":1158,"stem":1159},"Shared Axis","\u002Fcomponents\u002Ftext\u002Fshared-axis","3.components\u002Ftext\u002Fshared-axis",{"title":1161,"path":1162,"stem":1163},"Shimmer Sweep","\u002Fcomponents\u002Ftext\u002Fshimmer-sweep","3.components\u002Ftext\u002Fshimmer-sweep",{"title":1165,"path":1166,"stem":1167},"Shine Text","\u002Fcomponents\u002Ftext\u002Fshine-text","3.components\u002Ftext\u002Fshine-text",{"title":1169,"path":1170,"stem":1171},"Short Lower in","\u002Fcomponents\u002Ftext\u002Fshort-slide-down","3.components\u002Ftext\u002Fshort-slide-down",{"title":1173,"path":1174,"stem":1175},"Short Slide Right","\u002Fcomponents\u002Ftext\u002Fshort-slide-right","3.components\u002Ftext\u002Fshort-slide-right",{"title":1177,"path":1178,"stem":1179},"Sliding Number","\u002Fcomponents\u002Ftext\u002Fsliding-number","3.components\u002Ftext\u002Fsliding-number",{"title":1181,"path":1182,"stem":1183},"Soft Blur In","\u002Fcomponents\u002Ftext\u002Fsoft-blur-in","3.components\u002Ftext\u002Fsoft-blur-in",{"title":1185,"path":1186,"stem":1187},"Sparkles Text","\u002Fcomponents\u002Ftext\u002Fsparkles-text","3.components\u002Ftext\u002Fsparkles-text",{"title":1189,"path":1190,"stem":1191},"Spinning Text","\u002Fcomponents\u002Ftext\u002Fspinning-text","3.components\u002Ftext\u002Fspinning-text",{"title":1193,"path":1194,"stem":1195},"Spring Scale In","\u002Fcomponents\u002Ftext\u002Fspring-scale-in","3.components\u002Ftext\u002Fspring-scale-in",{"title":1197,"path":1198,"stem":1199},"Stagger From Center","\u002Fcomponents\u002Ftext\u002Fstagger-from-center","3.components\u002Ftext\u002Fstagger-from-center",{"title":1201,"path":1202,"stem":1203},"Stagger From Edges","\u002Fcomponents\u002Ftext\u002Fstagger-from-edges","3.components\u002Ftext\u002Fstagger-from-edges",{"title":1205,"path":1206,"stem":1207},"Text Animate","\u002Fcomponents\u002Ftext\u002Ftext-animate","3.components\u002Ftext\u002Ftext-animate",{"title":1209,"path":1210,"stem":1211},"Text motion","\u002Fcomponents\u002Ftext\u002Ftext-effect","3.components\u002Ftext\u002Ftext-effect",{"title":1213,"path":1214,"stem":1215},"Text Glitch","\u002Fcomponents\u002Ftext\u002Ftext-glitch","3.components\u002Ftext\u002Ftext-glitch",{"title":1217,"path":1218,"stem":1219},"Text Glitch New","\u002Fcomponents\u002Ftext\u002Ftext-glitch-new","3.components\u002Ftext\u002Ftext-glitch-new",{"title":1221,"path":1222,"stem":1223},"Text Gradient","\u002Fcomponents\u002Ftext\u002Ftext-gradient","3.components\u002Ftext\u002Ftext-gradient",{"title":1225,"path":1226,"stem":1227},"Text Highlighter","\u002Fcomponents\u002Ftext\u002Ftext-highlighter","3.components\u002Ftext\u002Ftext-highlighter",{"title":1229,"path":1230,"stem":1231},"Text Loop","\u002Fcomponents\u002Ftext\u002Ftext-loop","3.components\u002Ftext\u002Ftext-loop",{"title":1233,"path":1234,"stem":1235},"Text Morph","\u002Fcomponents\u002Ftext\u002Ftext-morph","3.components\u002Ftext\u002Ftext-morph",{"title":1237,"path":1238,"stem":1239},"Text Reveal","\u002Fcomponents\u002Ftext\u002Ftext-reveal","3.components\u002Ftext\u002Ftext-reveal",{"title":1241,"path":1242,"stem":1243},"Text Roll","\u002Fcomponents\u002Ftext\u002Ftext-roll","3.components\u002Ftext\u002Ftext-roll",{"title":1245,"path":1246,"stem":1247},"Text Scramble","\u002Fcomponents\u002Ftext\u002Ftext-scramble","3.components\u002Ftext\u002Ftext-scramble",{"title":1249,"path":1250,"stem":1251},"Text Shimmer","\u002Fcomponents\u002Ftext\u002Ftext-shimmer","3.components\u002Ftext\u002Ftext-shimmer",{"title":1253,"path":1254,"stem":1255},"Text Shimmer Wave","\u002Fcomponents\u002Ftext\u002Ftext-shimmer-wave","3.components\u002Ftext\u002Ftext-shimmer-wave",{"title":1257,"path":1258,"stem":1259},"Top Down Letters","\u002Fcomponents\u002Ftext\u002Ftop-down-letters","3.components\u002Ftext\u002Ftop-down-letters",{"title":1261,"path":1262,"stem":1263},"True Focus","\u002Fcomponents\u002Ftext\u002Ftrue-focus","3.components\u002Ftext\u002Ftrue-focus",{"title":1265,"path":1266,"stem":1267},"Typing Text","\u002Fcomponents\u002Ftext\u002Ftyping-text","3.components\u002Ftext\u002Ftyping-text",{"title":1269,"path":1270,"stem":1271},"Variable Proximity","\u002Fcomponents\u002Ftext\u002Fvariable-proximity","3.components\u002Ftext\u002Fvariable-proximity",{"title":1273,"path":1274,"stem":1275},"Video Text","\u002Fcomponents\u002Ftext\u002Fvideo-text","3.components\u002Ftext\u002Fvideo-text",{"title":1277,"path":1278,"stem":1279},"Wave Text","\u002Fcomponents\u002Ftext\u002Fwave-text","3.components\u002Ftext\u002Fwave-text",{"title":1281,"path":1282,"stem":1283},"Word Rotate","\u002Fcomponents\u002Ftext\u002Fword-rotate","3.components\u002Ftext\u002Fword-rotate",{"title":1285,"icon":1286,"path":1287,"stem":1288,"children":1289,"page":61},"Transitions","i-lucide-git-compare","\u002Fcomponents\u002Ftransitions","3.components\u002Ftransitions",[1290,1294,1298,1302,1306,1310],{"title":1291,"path":1292,"stem":1293},"Aperture Blur Transition","\u002Fcomponents\u002Ftransitions\u002Faperture-blur-transition","3.components\u002Ftransitions\u002Faperture-blur-transition",{"title":1295,"path":1296,"stem":1297},"Chroma Blur Transition","\u002Fcomponents\u002Ftransitions\u002Fchroma-blur-transition","3.components\u002Ftransitions\u002Fchroma-blur-transition",{"title":1299,"path":1300,"stem":1301},"Prism Sweep Transition","\u002Fcomponents\u002Ftransitions\u002Fprism-sweep-transition","3.components\u002Ftransitions\u002Fprism-sweep-transition",{"title":1303,"path":1304,"stem":1305},"SDF Blob Transition","\u002Fcomponents\u002Ftransitions\u002Fsdf-blob-transition","3.components\u002Ftransitions\u002Fsdf-blob-transition",{"title":1307,"path":1308,"stem":1309},"Shader Reveal Transition","\u002Fcomponents\u002Ftransitions\u002Fshader-reveal-transition","3.components\u002Ftransitions\u002Fshader-reveal-transition",{"title":1311,"path":1312,"stem":1313},"Transition Panel","\u002Fcomponents\u002Ftransitions\u002Ftransition-panel","3.components\u002Ftransitions\u002Ftransition-panel",{"title":1315,"path":1316,"stem":1317,"children":1318,"icon":1336},"Composables","\u002Fcomposables","4.composables\u002Findex",[1319,1320,1324,1328,1332],{"title":1315,"path":1316,"stem":1317},{"title":1321,"path":1322,"stem":1323},"useCanvasCursor","\u002Fcomposables\u002Fuse-canvas-cursor","4.composables\u002Fuse-canvas-cursor",{"title":1325,"path":1326,"stem":1327},"useFluidCursor","\u002Fcomposables\u002Fuse-fluid-cursor","4.composables\u002Fuse-fluid-cursor",{"title":1329,"path":1330,"stem":1331},"useMotionBlockUI","\u002Fcomposables\u002Fuse-motion-block-ui","4.composables\u002Fuse-motion-block-ui",{"title":1333,"path":1334,"stem":1335},"useThemeColor","\u002Fcomposables\u002Fuse-theme-color","4.composables\u002Fuse-theme-color","i-lucide-puzzle",{"title":1338,"path":1339,"stem":1340,"children":1341,"icon":1343},"Guides","\u002Fguides","5.guides\u002Findex",[1342],{"title":1338,"path":1339,"stem":1340},"i-lucide-book-open",{"title":1345,"icon":1346,"path":1347,"stem":1348,"children":1349},"Blocks","i-lucide-blocks","\u002Fblocks","6.blocks",[1350,1352,1365,1374,1387,1400,1416,1429,1438,1447,1460,1469,1482,1491],{"title":1345,"path":1347,"stem":1351},"6.blocks\u002Findex",{"title":1353,"path":1354,"stem":1355,"children":1356,"page":61},"Blog","\u002Fblocks\u002Fblog","6.blocks\u002Fblog",[1357,1361],{"title":1358,"path":1359,"stem":1360},"Article Page","\u002Fblocks\u002Fblog\u002Farticle-page","6.blocks\u002Fblog\u002Farticle-page",{"title":1362,"path":1363,"stem":1364},"Blog Listing","\u002Fblocks\u002Fblog\u002Fblog-listing","6.blocks\u002Fblog\u002Fblog-listing",{"title":1366,"path":1367,"stem":1368,"children":1369,"page":61},"Cta","\u002Fblocks\u002Fcta","6.blocks\u002Fcta",[1370],{"title":1371,"path":1372,"stem":1373},"Centered CTA","\u002Fblocks\u002Fcta\u002Fcentered-cta","6.blocks\u002Fcta\u002Fcentered-cta",{"title":1375,"path":1376,"stem":1377,"children":1378,"page":61},"Dashboard Components","\u002Fblocks\u002Fdashboard-components","6.blocks\u002Fdashboard-components",[1379,1383],{"title":1380,"path":1381,"stem":1382},"Analytics Dashboard","\u002Fblocks\u002Fdashboard-components\u002Fanalytics-dashboard","6.blocks\u002Fdashboard-components\u002Fanalytics-dashboard",{"title":1384,"path":1385,"stem":1386},"User Management Table","\u002Fblocks\u002Fdashboard-components\u002Fuser-management","6.blocks\u002Fdashboard-components\u002Fuser-management",{"title":1388,"path":1389,"stem":1390,"children":1391,"page":61},"E Commerce","\u002Fblocks\u002Fe-commerce","6.blocks\u002Fe-commerce",[1392,1396],{"title":1393,"path":1394,"stem":1395},"Product Grid","\u002Fblocks\u002Fe-commerce\u002Fproduct-grid","6.blocks\u002Fe-commerce\u002Fproduct-grid",{"title":1397,"path":1398,"stem":1399},"Shopping Cart","\u002Fblocks\u002Fe-commerce\u002Fshopping-cart","6.blocks\u002Fe-commerce\u002Fshopping-cart",{"title":1401,"path":1402,"stem":1403,"children":1404,"page":61},"Featured Components","\u002Fblocks\u002Ffeatured-components","6.blocks\u002Ffeatured-components",[1405,1409,1412],{"title":1406,"path":1407,"stem":1408},"Animated Gradient","\u002Fblocks\u002Ffeatured-components\u002Fanimated-gradient","6.blocks\u002Ffeatured-components\u002Fanimated-gradient",{"title":167,"path":1410,"stem":1411},"\u002Fblocks\u002Ffeatured-components\u002Fanimated-spotlight","6.blocks\u002Ffeatured-components\u002Fanimated-spotlight",{"title":1413,"path":1414,"stem":1415},"Ripple Effect","\u002Fblocks\u002Ffeatured-components\u002Fripple-effect","6.blocks\u002Ffeatured-components\u002Fripple-effect",{"title":1417,"path":1418,"stem":1419,"children":1420,"page":61},"Features","\u002Fblocks\u002Ffeatures","6.blocks\u002Ffeatures",[1421,1425],{"title":1422,"path":1423,"stem":1424},"Feature Grid","\u002Fblocks\u002Ffeatures\u002Ffeature-grid","6.blocks\u002Ffeatures\u002Ffeature-grid",{"title":1426,"path":1427,"stem":1428},"Glare Card Features","\u002Fblocks\u002Ffeatures\u002Fglare-card-features","6.blocks\u002Ffeatures\u002Fglare-card-features",{"title":1430,"path":1431,"stem":1432,"children":1433,"page":61},"Footers","\u002Fblocks\u002Ffooters","6.blocks\u002Ffooters",[1434],{"title":1435,"path":1436,"stem":1437},"Multi-column Footer","\u002Fblocks\u002Ffooters\u002Fmulti-column-footer","6.blocks\u002Ffooters\u002Fmulti-column-footer",{"title":1439,"path":1440,"stem":1441,"children":1442,"page":61},"Hero Sections","\u002Fblocks\u002Fhero-sections","6.blocks\u002Fhero-sections",[1443],{"title":1444,"path":1445,"stem":1446},"Gradient Hero","\u002Fblocks\u002Fhero-sections\u002Fgradient-hero","6.blocks\u002Fhero-sections\u002Fgradient-hero",{"title":1448,"path":1449,"stem":1450,"children":1451,"page":61},"Landing Page","\u002Fblocks\u002Flanding-page","6.blocks\u002Flanding-page",[1452,1456],{"title":1453,"path":1454,"stem":1455},"Feature Showcase","\u002Fblocks\u002Flanding-page\u002Ffeature-showcase","6.blocks\u002Flanding-page\u002Ffeature-showcase",{"title":1457,"path":1458,"stem":1459},"Testimonial Carousel","\u002Fblocks\u002Flanding-page\u002Ftestimonial-carousel","6.blocks\u002Flanding-page\u002Ftestimonial-carousel",{"title":1461,"path":1462,"stem":1463,"children":1464,"page":61},"Navigation","\u002Fblocks\u002Fnavigation","6.blocks\u002Fnavigation",[1465],{"title":1466,"path":1467,"stem":1468},"Modern Navbar","\u002Fblocks\u002Fnavigation\u002Fmodern-navbar","6.blocks\u002Fnavigation\u002Fmodern-navbar",{"title":1470,"path":1471,"stem":1472,"children":1473,"page":61},"Portfolio","\u002Fblocks\u002Fportfolio","6.blocks\u002Fportfolio",[1474,1478],{"title":1475,"path":1476,"stem":1477},"Case Study","\u002Fblocks\u002Fportfolio\u002Fcase-study","6.blocks\u002Fportfolio\u002Fcase-study",{"title":1479,"path":1480,"stem":1481},"Project Gallery","\u002Fblocks\u002Fportfolio\u002Fproject-gallery","6.blocks\u002Fportfolio\u002Fproject-gallery",{"title":1483,"path":1484,"stem":1485,"children":1486,"page":61},"Pricing","\u002Fblocks\u002Fpricing","6.blocks\u002Fpricing",[1487],{"title":1488,"path":1489,"stem":1490},"Pricing Cards","\u002Fblocks\u002Fpricing\u002Fpricing-cards","6.blocks\u002Fpricing\u002Fpricing-cards",{"title":1492,"path":1493,"stem":1494,"children":1495,"page":61},"Testimonials","\u002Fblocks\u002Ftestimonials","6.blocks\u002Ftestimonials",[1496],{"title":1457,"path":1497,"stem":1498},"\u002Fblocks\u002Ftestimonials\u002Ftestimonial-carousel","6.blocks\u002Ftestimonials\u002Ftestimonial-carousel",{"title":1500,"icon":1501,"path":1502,"stem":1503,"children":1504},"Templates","i-lucide-layout-template","\u002Ftemplates","7.templates",[1505,1507,1511,1515,1519],{"title":1500,"path":1502,"stem":1506},"7.templates\u002Findex",{"title":1508,"path":1509,"stem":1510},"Basic Landing Page","\u002Ftemplates\u002Fbasic-landing-page","7.templates\u002F2.basic-landing-page",{"title":1512,"path":1513,"stem":1514},"SaaS Landing Page","\u002Ftemplates\u002Fsaas-landing-page","7.templates\u002F3.saas-landing-page",{"title":1516,"path":1517,"stem":1518},"E-commerce Landing Page","\u002Ftemplates\u002Fecommerce-landing-page","7.templates\u002F4.ecommerce-landing-page",{"title":1520,"path":1521,"stem":1522},"Creative Agency Landing Page","\u002Ftemplates\u002Fcreative-agency-landing-page","7.templates\u002F5.creative-agency-landing-page",{"title":1524,"path":1525,"stem":1526,"children":1527,"icon":1529},"API Reference","\u002Fapi-reference","8.api-reference\u002Findex",[1528],{"title":1524,"path":1525,"stem":1526},"i-lucide-braces",{"id":1531,"title":1358,"body":1532,"description":7955,"extension":4284,"links":7956,"meta":7957,"navigation":5707,"path":1359,"seo":7958,"stem":1360,"__hash__":7959},"docs\u002F6.blocks\u002Fblog\u002Farticle-page.md",{"type":1533,"value":1534,"toc":7952},"minimark",[1535,1539,1543,7948],[1536,1537,1538],"p",{},"A complete article page with featured image, author information, table of contents, and related articles. Perfect for blog posts and documentation pages.",[1540,1541,16],"h2",{"id":1542},"usage",[1544,1545,1547,1560],"code-preview",{"label":1546},"Preview",[1548,1549,1555,1556],"div",{"className":1550},[1551,1552,1553,1554],"flex","justify-center","w-full","h-full","  ",[1557,1558],"component-example",{"name":1559},"ArticlePageExample",[1561,1562,1564],"template",{"v-slot:code":1563},"",[1565,1566,1570],"pre",{"className":1567,"code":1568,"language":1569,"meta":1563,"style":1563},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003Cdiv class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-12\">\n    \u003C!-- Article Header -->\n    \u003Cheader class=\"mb-12\">\n      \u003CMInView\n        :variants=\"{ hidden: { opacity: 0, y: 20 }, visible: { opacity: 1, y: 0 } }\"\n        :transition=\"{ duration: 0.5 }\"\n      >\n        \u003Cdiv class=\"flex items-center gap-2 mb-4\">\n          \u003CUBadge\n            :color=\"getCategoryColor(article.category)\"\n            variant=\"subtle\"\n          >\n            {{ article.category }}\n          \u003C\u002FUBadge>\n          \u003Cspan class=\"text-gray-500 dark:text-gray-400\">{{ article.date }}\u003C\u002Fspan>\n          \u003Cspan class=\"text-gray-500 dark:text-gray-400\">•\u003C\u002Fspan>\n          \u003Cspan class=\"text-gray-500 dark:text-gray-400\">{{ article.readTime }} min read\u003C\u002Fspan>\n        \u003C\u002Fdiv>\n      \u003C\u002FMInView>\n      \n      \u003CMInView\n        :variants=\"{ hidden: { opacity: 0, y: 20 }, visible: { opacity: 1, y: 0 } }\"\n        :transition=\"{ duration: 0.5, delay: 0.1 }\"\n      >\n        \u003Ch1 class=\"text-4xl md:text-5xl font-bold text-gray-900 dark:text-white mb-6\">\n          {{ article.title }}\n        \u003C\u002Fh1>\n      \u003C\u002FMInView>\n      \n      \u003CMInView\n        :variants=\"{ hidden: { opacity: 0, y: 20 }, visible: { opacity: 1, y: 0 } }\"\n        :transition=\"{ duration: 0.5, delay: 0.2 }\"\n      >\n        \u003Cp class=\"text-xl text-gray-600 dark:text-gray-400 mb-8\">\n          {{ article.excerpt }}\n        \u003C\u002Fp>\n      \u003C\u002FMInView>\n      \n      \u003CMInView\n        :variants=\"{ hidden: { opacity: 0, y: 20 }, visible: { opacity: 1, y: 0 } }\"\n        :transition=\"{ duration: 0.5, delay: 0.3 }\"\n        class=\"flex items-center\"\n      >\n        \u003CUAvatar\n          :src=\"article.author.avatar\"\n          :alt=\"article.author.name\"\n          size=\"lg\"\n          class=\"mr-4\"\n        \u002F>\n        \u003Cdiv>\n          \u003Cp class=\"font-medium text-gray-900 dark:text-white\">{{ article.author.name }}\u003C\u002Fp>\n          \u003Cp class=\"text-gray-500 dark:text-gray-400 text-sm\">{{ article.author.role }}\u003C\u002Fp>\n        \u003C\u002Fdiv>\n      \u003C\u002FMInView>\n    \u003C\u002Fheader>\n    \n    \u003C!-- Featured Image -->\n    \u003CMInView\n      :variants=\"{ hidden: { opacity: 0, y: 20 }, visible: { opacity: 1, y: 0 } }\"\n      :transition=\"{ duration: 0.5, delay: 0.4 }\"\n      class=\"mb-12\"\n    >\n      \u003Cimg\n        :src=\"article.featuredImage\"\n        :alt=\"article.title\"\n        class=\"w-full h-96 object-cover rounded-xl\"\n      >\n    \u003C\u002FMInView>\n    \n    \u003Cdiv class=\"flex flex-col lg:flex-row gap-12\">\n      \u003C!-- Main Content -->\n      \u003Cmain class=\"lg:w-3\u002F4\">\n        \u003C!-- Article Content -->\n        \u003CMAnimatedGroup\n          :stagger-children=\"0.1\"\n          preset=\"fade\"\n          initial=\"hidden\"\n          animate=\"visible\"\n          class=\"prose prose-lg dark:prose-invert max-w-none\"\n        >\n          \u003Cdiv v-html=\"article.content\">\u003C\u002Fdiv>\n        \u003C\u002FMAnimatedGroup>\n        \n        \u003C!-- Tags -->\n        \u003CMInView\n          :variants=\"{ hidden: { opacity: 0, y: 20 }, visible: { opacity: 1, y: 0 } }\"\n          :transition=\"{ duration: 0.5 }\"\n          class=\"mt-12 pt-8 border-t border-gray-200 dark:border-gray-800\"\n        >\n          \u003Cdiv class=\"flex flex-wrap gap-2\">\n            \u003CUBadge\n              v-for=\"tag in article.tags\"\n              :key=\"tag\"\n              variant=\"soft\"\n              size=\"lg\"\n              class=\"px-3 py-1\"\n            >\n              {{ tag }}\n            \u003C\u002FUBadge>\n          \u003C\u002Fdiv>\n        \u003C\u002FMInView>\n        \n        \u003C!-- Author Card -->\n        \u003CMInView\n          :variants=\"{ hidden: { opacity: 0, y: 20 }, visible: { opacity: 1, y: 0 } }\"\n          :transition=\"{ duration: 0.5, delay: 0.1 }\"\n          class=\"mt-12\"\n        >\n          \u003CUCard>\n            \u003Cdiv class=\"flex items-start\">\n              \u003CUAvatar\n                :src=\"article.author.avatar\"\n                :alt=\"article.author.name\"\n                size=\"xl\"\n                class=\"mr-6\"\n              \u002F>\n              \u003Cdiv>\n                \u003Ch3 class=\"text-xl font-bold text-gray-900 dark:text-white mb-2\">\n                  Written by {{ article.author.name }}\n                \u003C\u002Fh3>\n                \u003Cp class=\"text-gray-600 dark:text-gray-400 mb-4\">\n                  {{ article.author.bio }}\n                \u003C\u002Fp>\n                \u003Cdiv class=\"flex space-x-3\">\n                  \u003CUButton\n                    v-if=\"article.author.twitter\"\n                    :to=\"article.author.twitter\"\n                    color=\"gray\"\n                    variant=\"ghost\"\n                    icon=\"i-simple-icons-twitter\"\n                    size=\"sm\"\n                  \u002F>\n                  \u003CUButton\n                    v-if=\"article.author.linkedin\"\n                    :to=\"article.author.linkedin\"\n                    color=\"gray\"\n                    variant=\"ghost\"\n                    icon=\"i-simple-icons-linkedin\"\n                    size=\"sm\"\n                  \u002F>\n                  \u003CUButton\n                    v-if=\"article.author.github\"\n                    :to=\"article.author.github\"\n                    color=\"gray\"\n                    variant=\"ghost\"\n                    icon=\"i-simple-icons-github\"\n                    size=\"sm\"\n                  \u002F>\n                \u003C\u002Fdiv>\n              \u003C\u002Fdiv>\n            \u003C\u002Fdiv>\n          \u003C\u002FUCard>\n        \u003C\u002FMInView>\n        \n        \u003C!-- Comments Section -->\n        \u003CMInView\n          :variants=\"{ hidden: { opacity: 0, y: 20 }, visible: { opacity: 1, y: 0 } }\"\n          :transition=\"{ duration: 0.5, delay: 0.2 }\"\n          class=\"mt-12\"\n        >\n          \u003Cdiv class=\"border-t border-gray-200 dark:border-gray-800 pt-8\">\n            \u003Ch3 class=\"text-2xl font-bold text-gray-900 dark:text-white mb-6\">\n              Comments ({{ comments.length }})\n            \u003C\u002Fh3>\n            \n            \u003Cdiv class=\"space-y-6 mb-8\">\n              \u003Cdiv\n                v-for=\"comment in comments\"\n                :key=\"comment.id\"\n                class=\"flex\"\n              >\n                \u003CUAvatar\n                  :src=\"comment.author.avatar\"\n                  :alt=\"comment.author.name\"\n                  size=\"md\"\n                  class=\"mr-4\"\n                \u002F>\n                \u003Cdiv class=\"flex-1\">\n                  \u003Cdiv class=\"bg-gray-100 dark:bg-gray-800 rounded-lg p-4\">\n                    \u003Cdiv class=\"flex items-center justify-between mb-2\">\n                      \u003Cspan class=\"font-medium text-gray-900 dark:text-white\">\n                        {{ comment.author.name }}\n                      \u003C\u002Fspan>\n                      \u003Cspan class=\"text-sm text-gray-500 dark:text-gray-400\">\n                        {{ formatDate(comment.date) }}\n                      \u003C\u002Fspan>\n                    \u003C\u002Fdiv>\n                    \u003Cp class=\"text-gray-700 dark:text-gray-300\">\n                      {{ comment.content }}\n                    \u003C\u002Fp>\n                  \u003C\u002Fdiv>\n                  \u003Cdiv class=\"mt-2 ml-2\">\n                    \u003CUButton\n                      color=\"gray\"\n                      variant=\"ghost\"\n                      size=\"xs\"\n                      icon=\"i-heroicons-arrow-up-tray\"\n                      label=\"Reply\"\n                    \u002F>\n                  \u003C\u002Fdiv>\n                \u003C\u002Fdiv>\n              \u003C\u002Fdiv>\n            \u003C\u002Fdiv>\n            \n            \u003CUCard>\n              \u003Ch4 class=\"font-bold text-gray-900 dark:text-white mb-4\">\n                Leave a comment\n              \u003C\u002Fh4>\n              \u003CUTextarea\n                v-model=\"newComment\"\n                placeholder=\"Share your thoughts...\"\n                :rows=\"4\"\n                class=\"mb-4\"\n              \u002F>\n              \u003Cdiv class=\"flex justify-between items-center\">\n                \u003Cdiv class=\"flex items-center\">\n                  \u003CUCheckbox\n                    v-model=\"subscribeToReplies\"\n                    label=\"Subscribe to replies\"\n                    class=\"mr-4\"\n                  \u002F>\n                \u003C\u002Fdiv>\n                \u003CUButton\n                  :disabled=\"!newComment.trim()\"\n                  @click=\"addComment\"\n                >\n                  Post Comment\n                \u003C\u002FUButton>\n              \u003C\u002Fdiv>\n            \u003C\u002FUCard>\n          \u003C\u002Fdiv>\n        \u003C\u002FMInView>\n      \u003C\u002Fmain>\n      \n      \u003C!-- Sidebar -->\n      \u003Caside class=\"lg:w-1\u002F4\">\n        \u003C!-- Table of Contents -->\n        \u003CMAnimatedGroup\n          :stagger-children=\"0.05\"\n          preset=\"fade\"\n          initial=\"hidden\"\n          animate=\"visible\"\n          class=\"sticky top-8\"\n        >\n          \u003CUCard class=\"mb-8\">\n            \u003Ch3 class=\"font-bold text-lg text-gray-900 dark:text-white mb-4\">\n              Table of Contents\n            \u003C\u002Fh3>\n            \u003Cul class=\"space-y-2\">\n              \u003Cli\n                v-for=\"(heading, index) in article.headings\"\n                :key=\"index\"\n              >\n                \u003Ca\n                  :href=\"`#${heading.id}`\"\n                  class=\"text-gray-600 dark:text-gray-400 hover:text-primary-500 dark:hover:text-primary-400 transition-colors\"\n                  :class=\"{ 'font-medium text-primary-500 dark:text-primary-400': activeHeading === heading.id }\"\n                >\n                  {{ heading.text }}\n                \u003C\u002Fa>\n              \u003C\u002Fli>\n            \u003C\u002Ful>\n          \u003C\u002FUCard>\n          \n          \u003C!-- Related Articles -->\n          \u003CUCard>\n            \u003Ch3 class=\"font-bold text-lg text-gray-900 dark:text-white mb-4\">\n              Related Articles\n            \u003C\u002Fh3>\n            \u003Cul class=\"space-y-4\">\n              \u003Cli\n                v-for=\"related in relatedArticles\"\n                :key=\"related.id\"\n              >\n                \u003CNuxtLink\n                  :to=\"`\u002Fblog\u002F${related.slug}`\"\n                  class=\"block group\"\n                >\n                  \u003Cimg\n                    :src=\"related.image\"\n                    :alt=\"related.title\"\n                    class=\"w-full h-24 object-cover rounded-lg mb-2\"\n                  >\n                  \u003Ch4 class=\"font-medium text-gray-900 dark:text-white group-hover:text-primary-500 dark:group-hover:text-primary-400 transition-colors\">\n                    {{ related.title }}\n                  \u003C\u002Fh4>\n                  \u003Cp class=\"text-sm text-gray-500 dark:text-gray-400 mt-1\">\n                    {{ related.date }}\n                  \u003C\u002Fp>\n                \u003C\u002FNuxtLink>\n              \u003C\u002Fli>\n            \u003C\u002Ful>\n          \u003C\u002FUCard>\n        \u003C\u002FMAnimatedGroup>\n      \u003C\u002Faside>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nconst activeHeading = ref('')\nconst newComment = ref('')\nconst subscribeToReplies = ref(false)\n\nconst article = {\n  id: 1,\n  title: 'Getting Started with Vue 3 Composition API',\n  excerpt: 'Learn how to leverage the Composition API in Vue 3 to build more maintainable and scalable applications.',\n  category: 'Technology',\n  date: 'May 15, 2023',\n  readTime: 8,\n  featuredImage: 'https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1633356122102-3fe601e05bd2?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&q=80',\n  author: {\n    name: 'Alex Johnson',\n    avatar: 'https:\u002F\u002Frandomuser.me\u002Fapi\u002Fportraits\u002Fmen\u002F32.jpg',\n    role: 'Senior Frontend Developer',\n    bio: 'Alex is a senior frontend developer with over 8 years of experience building web applications. He specializes in Vue.js and React.',\n    twitter: 'https:\u002F\u002Ftwitter.com\u002Fexample',\n    linkedin: 'https:\u002F\u002Flinkedin.com\u002Fin\u002Fexample',\n    github: 'https:\u002F\u002Fgithub.com\u002Fexample'\n  },\n  tags: ['Vue.js', 'JavaScript', 'Frontend', 'Composition API'],\n  headings: [\n    { id: 'introduction', text: 'Introduction' },\n    { id: 'setup', text: 'Getting your project ready' },\n    { id: 'reactive-data', text: 'Working with Reactive Data' },\n    { id: 'computed-properties', text: 'Computed Properties and Watchers' },\n    { id: 'lifecycle-hooks', text: 'Lifecycle Hooks' },\n    { id: 'best-practices', text: 'Best Practices' },\n    { id: 'conclusion', text: 'Conclusion' }\n  ],\n  content: `\n    \u003Ch2 id=\"introduction\">Introduction\u003C\u002Fh2>\n    \u003Cp>The Vue 3 Composition API is a new way to organize and reuse logic in Vue components. It provides a more flexible alternative to the Options API, allowing developers to group related logic together and share it across components more easily.\u003C\u002Fp>\n    \n    \u003Ch2 id=\"setup\">Getting your project ready\u003C\u002Fh2>\n    \u003Cp>To get started with the Composition API, you'll need to have Vue 3 installed in your project. If you're starting a new project, you can use the Vue CLI:\u003C\u002Fp>\n    \u003Cpre>\u003Ccode class=\"language-bash\">npm install -g @vue\u002Fcli\nvue create my-project\ncd my-project\nvue add vue-next\u003C\u002Fcode>\u003C\u002Fpre>\n    \n    \u003Ch2 id=\"reactive-data\">Working with Reactive Data\u003C\u002Fh2>\n    \u003Cp>One of the key features of the Composition API is the \u003Ccode>ref\u003C\u002Fcode> and \u003Ccode>reactive\u003C\u002Fcode> functions for creating reactive data. Here's how you can use them:\u003C\u002Fp>\n    \u003Cpre>\u003Ccode class=\"language-javascript\">import { ref, reactive } from 'vue'\n\nexport default {\n  setup() {\n    const count = ref(0)\n    const state = reactive({\n      name: 'John',\n      age: 30\n    })\n    \n    const increment = () => {\n      count.value++\n    }\n    \n    return {\n      count,\n      state,\n      increment\n    }\n  }\n}\u003C\u002Fcode>\u003C\u002Fpre>\n    \n    \u003Ch2 id=\"computed-properties\">Computed Properties and Watchers\u003C\u002Fh2>\n    \u003Cp>The Composition API also provides \u003Ccode>computed\u003C\u002Fcode> and \u003Ccode>watch\u003C\u002Fcode> functions for creating computed properties and watchers:\u003C\u002Fp>\n    \u003Cpre>\u003Ccode class=\"language-javascript\">import { ref, computed, watch } from 'vue'\n\nexport default {\n  setup() {\n    const firstName = ref('John')\n    const lastName = ref('Doe')\n    \n    const fullName = computed(() => {\n      return \\`\\${firstName.value} \\${lastName.value}\\`\n    })\n    \n    watch(firstName, (newVal, oldVal) => {\n      console.log(\\`First name changed from \\${oldVal} to \\${newVal}\\`)\n    })\n    \n    return {\n      firstName,\n      lastName,\n      fullName\n    }\n  }\n}\u003C\u002Fcode>\u003C\u002Fpre>\n    \n    \u003Ch2 id=\"lifecycle-hooks\">Lifecycle Hooks\u003C\u002Fh2>\n    \u003Cp>Lifecycle hooks in the Composition API are prefixed with \"on\" and imported from Vue:\u003C\u002Fp>\n    \u003Cpre>\u003Ccode class=\"language-javascript\">import { onMounted, onUnmounted } from 'vue'\n\nexport default {\n  setup() {\n    onMounted(() => {\n      console.log('Component mounted!')\n    })\n    \n    onUnmounted(() => {\n      console.log('Component unmounted!')\n    })\n  }\n}\u003C\u002Fcode>\u003C\u002Fpre>\n    \n    \u003Ch2 id=\"best-practices\">Best Practices\u003C\u002Fh2>\n    \u003Cp>When using the Composition API, consider these best practices:\u003C\u002Fp>\n    \u003Cul>\n      \u003Cli>Group related logic together in composable functions\u003C\u002Fli>\n      \u003Cli>Use descriptive names for refs and reactive objects\u003C\u002Fli>\n      \u003Cli>Keep setup functions small and focused\u003C\u002Fli>\n      \u003Cli>Extract reusable logic into separate modules\u003C\u002Fli>\n    \u003C\u002Ful>\n    \n    \u003Ch2 id=\"conclusion\">Conclusion\u003C\u002Fh2>\n    \u003Cp>The Vue 3 Composition API offers a powerful and flexible way to organize your Vue components. By following these guidelines and experimenting with the API, you'll be able to build more maintainable and scalable Vue applications.\u003C\u002Fp>\n  `\n}\n\nconst relatedArticles = [\n  {\n    id: 2,\n    title: 'Advanced Vue Patterns',\n    date: 'May 10, 2023',\n    image: 'https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1555066931-4365d14bab8c?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80',\n    slug: 'advanced-vue-patterns'\n  },\n  {\n    id: 3,\n    title: 'State Management in Vue 3',\n    date: 'May 5, 2023',\n    image: 'https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1460925895917-afdab827c52f?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80',\n    slug: 'state-management-in-vue-3'\n  },\n  {\n    id: 4,\n    title: 'Building a Vue 3 Component Library',\n    date: 'April 28, 2023',\n    image: 'https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1547891654-e66ed7ebb968?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80',\n    slug: 'building-a-vue-3-component-library'\n  }\n]\n\nconst comments = ref([\n  {\n    id: 1,\n    author: {\n      name: 'Sarah Williams',\n      avatar: 'https:\u002F\u002Frandomuser.me\u002Fapi\u002Fportraits\u002Fwomen\u002F44.jpg'\n    },\n    content: 'Great article! The Composition API has really changed how I structure my Vue components. Thanks for the clear examples.',\n    date: '2023-05-16T10:30:00Z'\n  },\n  {\n    id: 2,\n    author: {\n      name: 'Michael Chen',\n      avatar: 'https:\u002F\u002Frandomuser.me\u002Fapi\u002Fportraits\u002Fmen\u002F22.jpg'\n    },\n    content: 'I\\'ve been using the Composition API for a few months now, and I completely agree with your best practices section. Grouping related logic has made my code so much more maintainable.',\n    date: '2023-05-16T14:15:00Z'\n  }\n])\n\nconst getCategoryColor = (category: string) => {\n  switch (category) {\n    case 'Technology': return 'blue'\n    case 'Design': return 'purple'\n    case 'Business': return 'green'\n    case 'Lifestyle': return 'pink'\n    case 'Travel': return 'amber'\n    default: return 'gray'\n  }\n}\n\nconst formatDate = (dateString: string) => {\n  const date = new Date(dateString)\n  return date.toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' })\n}\n\nconst addComment = () => {\n  if (!newComment.value.trim()) return\n  \n  comments.value.push({\n    id: comments.value.length + 1,\n    author: {\n      name: 'Current User',\n      avatar: 'https:\u002F\u002Frandomuser.me\u002Fapi\u002Fportraits\u002Flego\u002F1.jpg'\n    },\n    content: newComment.value,\n    date: new Date().toISOString()\n  })\n  \n  newComment.value = ''\n}\n\u003C\u002Fscript>\n","vue",[1571,1572,1573,1588,1614,1621,1643,1652,1724,1751,1757,1778,1787,1822,1837,1843,1849,1860,1891,1919,1947,1957,1968,1974,1981,2036,2069,2074,2095,2101,2110,2119,2124,2131,2186,2218,2223,2243,2249,2258,2267,2272,2279,2334,2366,2381,2386,2394,2421,2446,2461,2476,2482,2491,2520,2549,2558,2567,2577,2583,2589,2596,2652,2684,2698,2704,2712,2727,2742,2756,2761,2770,2775,2795,2801,2822,2828,2836,2852,2867,2881,2895,2909,2915,2941,2951,2957,2963,2970,3025,3048,3062,3067,3087,3095,3121,3138,3153,3167,3182,3188,3194,3204,3213,3222,3227,3233,3240,3295,3326,3340,3345,3355,3375,3383,3407,3430,3445,3460,3466,3475,3497,3503,3513,3533,3539,3548,3568,3577,3600,3625,3640,3655,3670,3685,3691,3698,3720,3743,3756,3769,3783,3796,3801,3808,3830,3853,3866,3879,3893,3906,3911,3920,3930,3939,3948,3957,3962,3968,3975,4030,4061,4074,4079,4099,4119,4125,4134,4140,4160,4168,4183,4198,4211,4217,4224,4249,4272,4287,4301,4307,4327,4347,4368,4388,4394,4404,4424,4430,4439,4449,4469,4475,4484,4494,4514,4521,4535,4549,4564,4579,4594,4600,4609,4618,4627,4636,4641,4650,4671,4677,4686,4694,4709,4724,4741,4755,4760,4780,4799,4807,4822,4837,4851,4856,4865,4872,4899,4917,4923,4929,4939,4948,4957,4966,4975,4984,4989,4995,5016,5022,5029,5045,5058,5071,5084,5098,5103,5123,5143,5149,5158,5179,5187,5201,5215,5220,5228,5243,5257,5272,5277,5283,5293,5303,5312,5321,5327,5333,5342,5361,5367,5376,5396,5403,5417,5431,5436,5444,5473,5487,5492,5499,5514,5529,5543,5549,5569,5575,5584,5604,5610,5619,5629,5638,5647,5656,5665,5674,5683,5693,5702,5709,5734,5756,5774,5794,5799,5812,5827,5846,5863,5880,5897,5910,5927,5937,5954,5971,5988,6005,6022,6039,6055,6061,6112,6123,6157,6188,6219,6250,6281,6312,6344,6352,6363,6369,6375,6380,6386,6392,6398,6404,6410,6416,6421,6427,6433,6439,6444,6450,6456,6462,6468,6474,6480,6486,6491,6497,6503,6509,6514,6520,6526,6532,6538,6543,6549,6555,6560,6566,6572,6578,6583,6588,6593,6599,6605,6610,6616,6637,6642,6647,6653,6679,6684,6689,6694,6700,6706,6712,6717,6722,6727,6732,6738,6744,6750,6755,6760,6765,6771,6777,6782,6787,6793,6799,6804,6809,6814,6819,6825,6831,6837,6843,6849,6855,6861,6867,6872,6878,6884,6890,6896,6901,6913,6919,6932,6949,6966,6983,6998,7003,7008,7020,7036,7052,7068,7082,7087,7092,7104,7120,7136,7152,7166,7171,7177,7182,7197,7202,7213,7223,7240,7255,7261,7278,7292,7297,7302,7313,7322,7338,7352,7357,7379,7393,7398,7404,7409,7438,7454,7478,7501,7524,7547,7570,7586,7591,7596,7601,7626,7650,7720,7725,7730,7747,7774,7780,7799,7825,7834,7850,7864,7869,7885,7906,7914,7919,7934,7939],"code",{"__ignoreMap":1563},[1574,1575,1578,1582,1585],"span",{"class":1576,"line":1577},"line",1,[1574,1579,1581],{"class":1580},"sMK4o","\u003C",[1574,1583,1561],{"class":1584},"swJcz",[1574,1586,1587],{"class":1580},">\n",[1574,1589,1591,1594,1596,1600,1603,1606,1610,1612],{"class":1576,"line":1590},2,[1574,1592,1593],{"class":1580},"  \u003C",[1574,1595,1548],{"class":1584},[1574,1597,1599],{"class":1598},"spNyl"," class",[1574,1601,1602],{"class":1580},"=",[1574,1604,1605],{"class":1580},"\"",[1574,1607,1609],{"class":1608},"sfazB","max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-12",[1574,1611,1605],{"class":1580},[1574,1613,1587],{"class":1580},[1574,1615,1617],{"class":1576,"line":1616},3,[1574,1618,1620],{"class":1619},"sHwdD","    \u003C!-- Article Header -->\n",[1574,1622,1624,1627,1630,1632,1634,1636,1639,1641],{"class":1576,"line":1623},4,[1574,1625,1626],{"class":1580},"    \u003C",[1574,1628,1629],{"class":1584},"header",[1574,1631,1599],{"class":1598},[1574,1633,1602],{"class":1580},[1574,1635,1605],{"class":1580},[1574,1637,1638],{"class":1608},"mb-12",[1574,1640,1605],{"class":1580},[1574,1642,1587],{"class":1580},[1574,1644,1646,1649],{"class":1576,"line":1645},5,[1574,1647,1648],{"class":1580},"      \u003C",[1574,1650,1651],{"class":1584},"MInView\n",[1574,1653,1655,1658,1661,1663,1665,1668,1671,1674,1677,1680,1684,1687,1690,1692,1695,1698,1701,1703,1705,1707,1710,1712,1714,1716,1718,1721],{"class":1576,"line":1654},6,[1574,1656,1657],{"class":1580},"        :",[1574,1659,1660],{"class":1598},"variants",[1574,1662,1602],{"class":1580},[1574,1664,1605],{"class":1580},[1574,1666,1667],{"class":1580},"{ ",[1574,1669,1670],{"class":1584},"hidden",[1574,1672,1673],{"class":1580},": { ",[1574,1675,1676],{"class":1584},"opacity",[1574,1678,1679],{"class":1580},": ",[1574,1681,1683],{"class":1682},"sbssI","0",[1574,1685,1686],{"class":1580},", ",[1574,1688,1689],{"class":1584},"y",[1574,1691,1679],{"class":1580},[1574,1693,1694],{"class":1682},"20",[1574,1696,1697],{"class":1580}," }, ",[1574,1699,1700],{"class":1584},"visible",[1574,1702,1673],{"class":1580},[1574,1704,1676],{"class":1584},[1574,1706,1679],{"class":1580},[1574,1708,1709],{"class":1682},"1",[1574,1711,1686],{"class":1580},[1574,1713,1689],{"class":1584},[1574,1715,1679],{"class":1580},[1574,1717,1683],{"class":1682},[1574,1719,1720],{"class":1580}," } }",[1574,1722,1723],{"class":1580},"\"\n",[1574,1725,1727,1729,1732,1734,1736,1738,1741,1743,1746,1749],{"class":1576,"line":1726},7,[1574,1728,1657],{"class":1580},[1574,1730,1731],{"class":1598},"transition",[1574,1733,1602],{"class":1580},[1574,1735,1605],{"class":1580},[1574,1737,1667],{"class":1580},[1574,1739,1740],{"class":1584},"duration",[1574,1742,1679],{"class":1580},[1574,1744,1745],{"class":1682},"0.5",[1574,1747,1748],{"class":1580}," }",[1574,1750,1723],{"class":1580},[1574,1752,1754],{"class":1576,"line":1753},8,[1574,1755,1756],{"class":1580},"      >\n",[1574,1758,1760,1763,1765,1767,1769,1771,1774,1776],{"class":1576,"line":1759},9,[1574,1761,1762],{"class":1580},"        \u003C",[1574,1764,1548],{"class":1584},[1574,1766,1599],{"class":1598},[1574,1768,1602],{"class":1580},[1574,1770,1605],{"class":1580},[1574,1772,1773],{"class":1608},"flex items-center gap-2 mb-4",[1574,1775,1605],{"class":1580},[1574,1777,1587],{"class":1580},[1574,1779,1781,1784],{"class":1576,"line":1780},10,[1574,1782,1783],{"class":1580},"          \u003C",[1574,1785,1786],{"class":1584},"UBadge\n",[1574,1788,1790,1793,1796,1798,1800,1804,1807,1811,1814,1817,1820],{"class":1576,"line":1789},11,[1574,1791,1792],{"class":1580},"            :",[1574,1794,1795],{"class":1598},"color",[1574,1797,1602],{"class":1580},[1574,1799,1605],{"class":1580},[1574,1801,1803],{"class":1802},"s2Zo4","getCategoryColor",[1574,1805,1806],{"class":1580},"(",[1574,1808,1810],{"class":1809},"sTEyZ","article",[1574,1812,1813],{"class":1580},".",[1574,1815,1816],{"class":1809},"category",[1574,1818,1819],{"class":1580},")",[1574,1821,1723],{"class":1580},[1574,1823,1825,1828,1830,1832,1835],{"class":1576,"line":1824},12,[1574,1826,1827],{"class":1598},"            variant",[1574,1829,1602],{"class":1580},[1574,1831,1605],{"class":1580},[1574,1833,1834],{"class":1608},"subtle",[1574,1836,1723],{"class":1580},[1574,1838,1840],{"class":1576,"line":1839},13,[1574,1841,1842],{"class":1580},"          >\n",[1574,1844,1846],{"class":1576,"line":1845},14,[1574,1847,1848],{"class":1809},"            {{ article.category }}\n",[1574,1850,1852,1855,1858],{"class":1576,"line":1851},15,[1574,1853,1854],{"class":1580},"          \u003C\u002F",[1574,1856,1857],{"class":1584},"UBadge",[1574,1859,1587],{"class":1580},[1574,1861,1863,1865,1867,1869,1871,1873,1876,1878,1881,1884,1887,1889],{"class":1576,"line":1862},16,[1574,1864,1783],{"class":1580},[1574,1866,1574],{"class":1584},[1574,1868,1599],{"class":1598},[1574,1870,1602],{"class":1580},[1574,1872,1605],{"class":1580},[1574,1874,1875],{"class":1608},"text-gray-500 dark:text-gray-400",[1574,1877,1605],{"class":1580},[1574,1879,1880],{"class":1580},">",[1574,1882,1883],{"class":1809},"{{ article.date }}",[1574,1885,1886],{"class":1580},"\u003C\u002F",[1574,1888,1574],{"class":1584},[1574,1890,1587],{"class":1580},[1574,1892,1894,1896,1898,1900,1902,1904,1906,1908,1910,1913,1915,1917],{"class":1576,"line":1893},17,[1574,1895,1783],{"class":1580},[1574,1897,1574],{"class":1584},[1574,1899,1599],{"class":1598},[1574,1901,1602],{"class":1580},[1574,1903,1605],{"class":1580},[1574,1905,1875],{"class":1608},[1574,1907,1605],{"class":1580},[1574,1909,1880],{"class":1580},[1574,1911,1912],{"class":1809},"•",[1574,1914,1886],{"class":1580},[1574,1916,1574],{"class":1584},[1574,1918,1587],{"class":1580},[1574,1920,1922,1924,1926,1928,1930,1932,1934,1936,1938,1941,1943,1945],{"class":1576,"line":1921},18,[1574,1923,1783],{"class":1580},[1574,1925,1574],{"class":1584},[1574,1927,1599],{"class":1598},[1574,1929,1602],{"class":1580},[1574,1931,1605],{"class":1580},[1574,1933,1875],{"class":1608},[1574,1935,1605],{"class":1580},[1574,1937,1880],{"class":1580},[1574,1939,1940],{"class":1809},"{{ article.readTime }} min read",[1574,1942,1886],{"class":1580},[1574,1944,1574],{"class":1584},[1574,1946,1587],{"class":1580},[1574,1948,1950,1953,1955],{"class":1576,"line":1949},19,[1574,1951,1952],{"class":1580},"        \u003C\u002F",[1574,1954,1548],{"class":1584},[1574,1956,1587],{"class":1580},[1574,1958,1960,1963,1966],{"class":1576,"line":1959},20,[1574,1961,1962],{"class":1580},"      \u003C\u002F",[1574,1964,1965],{"class":1584},"MInView",[1574,1967,1587],{"class":1580},[1574,1969,1971],{"class":1576,"line":1970},21,[1574,1972,1973],{"class":1809},"      \n",[1574,1975,1977,1979],{"class":1576,"line":1976},22,[1574,1978,1648],{"class":1580},[1574,1980,1651],{"class":1584},[1574,1982,1984,1986,1988,1990,1992,1994,1996,1998,2000,2002,2004,2006,2008,2010,2012,2014,2016,2018,2020,2022,2024,2026,2028,2030,2032,2034],{"class":1576,"line":1983},23,[1574,1985,1657],{"class":1580},[1574,1987,1660],{"class":1598},[1574,1989,1602],{"class":1580},[1574,1991,1605],{"class":1580},[1574,1993,1667],{"class":1580},[1574,1995,1670],{"class":1584},[1574,1997,1673],{"class":1580},[1574,1999,1676],{"class":1584},[1574,2001,1679],{"class":1580},[1574,2003,1683],{"class":1682},[1574,2005,1686],{"class":1580},[1574,2007,1689],{"class":1584},[1574,2009,1679],{"class":1580},[1574,2011,1694],{"class":1682},[1574,2013,1697],{"class":1580},[1574,2015,1700],{"class":1584},[1574,2017,1673],{"class":1580},[1574,2019,1676],{"class":1584},[1574,2021,1679],{"class":1580},[1574,2023,1709],{"class":1682},[1574,2025,1686],{"class":1580},[1574,2027,1689],{"class":1584},[1574,2029,1679],{"class":1580},[1574,2031,1683],{"class":1682},[1574,2033,1720],{"class":1580},[1574,2035,1723],{"class":1580},[1574,2037,2039,2041,2043,2045,2047,2049,2051,2053,2055,2057,2060,2062,2065,2067],{"class":1576,"line":2038},24,[1574,2040,1657],{"class":1580},[1574,2042,1731],{"class":1598},[1574,2044,1602],{"class":1580},[1574,2046,1605],{"class":1580},[1574,2048,1667],{"class":1580},[1574,2050,1740],{"class":1584},[1574,2052,1679],{"class":1580},[1574,2054,1745],{"class":1682},[1574,2056,1686],{"class":1580},[1574,2058,2059],{"class":1584},"delay",[1574,2061,1679],{"class":1580},[1574,2063,2064],{"class":1682},"0.1",[1574,2066,1748],{"class":1580},[1574,2068,1723],{"class":1580},[1574,2070,2072],{"class":1576,"line":2071},25,[1574,2073,1756],{"class":1580},[1574,2075,2077,2079,2082,2084,2086,2088,2091,2093],{"class":1576,"line":2076},26,[1574,2078,1762],{"class":1580},[1574,2080,2081],{"class":1584},"h1",[1574,2083,1599],{"class":1598},[1574,2085,1602],{"class":1580},[1574,2087,1605],{"class":1580},[1574,2089,2090],{"class":1608},"text-4xl md:text-5xl font-bold text-gray-900 dark:text-white mb-6",[1574,2092,1605],{"class":1580},[1574,2094,1587],{"class":1580},[1574,2096,2098],{"class":1576,"line":2097},27,[1574,2099,2100],{"class":1809},"          {{ article.title }}\n",[1574,2102,2104,2106,2108],{"class":1576,"line":2103},28,[1574,2105,1952],{"class":1580},[1574,2107,2081],{"class":1584},[1574,2109,1587],{"class":1580},[1574,2111,2113,2115,2117],{"class":1576,"line":2112},29,[1574,2114,1962],{"class":1580},[1574,2116,1965],{"class":1584},[1574,2118,1587],{"class":1580},[1574,2120,2122],{"class":1576,"line":2121},30,[1574,2123,1973],{"class":1809},[1574,2125,2127,2129],{"class":1576,"line":2126},31,[1574,2128,1648],{"class":1580},[1574,2130,1651],{"class":1584},[1574,2132,2134,2136,2138,2140,2142,2144,2146,2148,2150,2152,2154,2156,2158,2160,2162,2164,2166,2168,2170,2172,2174,2176,2178,2180,2182,2184],{"class":1576,"line":2133},32,[1574,2135,1657],{"class":1580},[1574,2137,1660],{"class":1598},[1574,2139,1602],{"class":1580},[1574,2141,1605],{"class":1580},[1574,2143,1667],{"class":1580},[1574,2145,1670],{"class":1584},[1574,2147,1673],{"class":1580},[1574,2149,1676],{"class":1584},[1574,2151,1679],{"class":1580},[1574,2153,1683],{"class":1682},[1574,2155,1686],{"class":1580},[1574,2157,1689],{"class":1584},[1574,2159,1679],{"class":1580},[1574,2161,1694],{"class":1682},[1574,2163,1697],{"class":1580},[1574,2165,1700],{"class":1584},[1574,2167,1673],{"class":1580},[1574,2169,1676],{"class":1584},[1574,2171,1679],{"class":1580},[1574,2173,1709],{"class":1682},[1574,2175,1686],{"class":1580},[1574,2177,1689],{"class":1584},[1574,2179,1679],{"class":1580},[1574,2181,1683],{"class":1682},[1574,2183,1720],{"class":1580},[1574,2185,1723],{"class":1580},[1574,2187,2189,2191,2193,2195,2197,2199,2201,2203,2205,2207,2209,2211,2214,2216],{"class":1576,"line":2188},33,[1574,2190,1657],{"class":1580},[1574,2192,1731],{"class":1598},[1574,2194,1602],{"class":1580},[1574,2196,1605],{"class":1580},[1574,2198,1667],{"class":1580},[1574,2200,1740],{"class":1584},[1574,2202,1679],{"class":1580},[1574,2204,1745],{"class":1682},[1574,2206,1686],{"class":1580},[1574,2208,2059],{"class":1584},[1574,2210,1679],{"class":1580},[1574,2212,2213],{"class":1682},"0.2",[1574,2215,1748],{"class":1580},[1574,2217,1723],{"class":1580},[1574,2219,2221],{"class":1576,"line":2220},34,[1574,2222,1756],{"class":1580},[1574,2224,2226,2228,2230,2232,2234,2236,2239,2241],{"class":1576,"line":2225},35,[1574,2227,1762],{"class":1580},[1574,2229,1536],{"class":1584},[1574,2231,1599],{"class":1598},[1574,2233,1602],{"class":1580},[1574,2235,1605],{"class":1580},[1574,2237,2238],{"class":1608},"text-xl text-gray-600 dark:text-gray-400 mb-8",[1574,2240,1605],{"class":1580},[1574,2242,1587],{"class":1580},[1574,2244,2246],{"class":1576,"line":2245},36,[1574,2247,2248],{"class":1809},"          {{ article.excerpt }}\n",[1574,2250,2252,2254,2256],{"class":1576,"line":2251},37,[1574,2253,1952],{"class":1580},[1574,2255,1536],{"class":1584},[1574,2257,1587],{"class":1580},[1574,2259,2261,2263,2265],{"class":1576,"line":2260},38,[1574,2262,1962],{"class":1580},[1574,2264,1965],{"class":1584},[1574,2266,1587],{"class":1580},[1574,2268,2270],{"class":1576,"line":2269},39,[1574,2271,1973],{"class":1809},[1574,2273,2275,2277],{"class":1576,"line":2274},40,[1574,2276,1648],{"class":1580},[1574,2278,1651],{"class":1584},[1574,2280,2282,2284,2286,2288,2290,2292,2294,2296,2298,2300,2302,2304,2306,2308,2310,2312,2314,2316,2318,2320,2322,2324,2326,2328,2330,2332],{"class":1576,"line":2281},41,[1574,2283,1657],{"class":1580},[1574,2285,1660],{"class":1598},[1574,2287,1602],{"class":1580},[1574,2289,1605],{"class":1580},[1574,2291,1667],{"class":1580},[1574,2293,1670],{"class":1584},[1574,2295,1673],{"class":1580},[1574,2297,1676],{"class":1584},[1574,2299,1679],{"class":1580},[1574,2301,1683],{"class":1682},[1574,2303,1686],{"class":1580},[1574,2305,1689],{"class":1584},[1574,2307,1679],{"class":1580},[1574,2309,1694],{"class":1682},[1574,2311,1697],{"class":1580},[1574,2313,1700],{"class":1584},[1574,2315,1673],{"class":1580},[1574,2317,1676],{"class":1584},[1574,2319,1679],{"class":1580},[1574,2321,1709],{"class":1682},[1574,2323,1686],{"class":1580},[1574,2325,1689],{"class":1584},[1574,2327,1679],{"class":1580},[1574,2329,1683],{"class":1682},[1574,2331,1720],{"class":1580},[1574,2333,1723],{"class":1580},[1574,2335,2337,2339,2341,2343,2345,2347,2349,2351,2353,2355,2357,2359,2362,2364],{"class":1576,"line":2336},42,[1574,2338,1657],{"class":1580},[1574,2340,1731],{"class":1598},[1574,2342,1602],{"class":1580},[1574,2344,1605],{"class":1580},[1574,2346,1667],{"class":1580},[1574,2348,1740],{"class":1584},[1574,2350,1679],{"class":1580},[1574,2352,1745],{"class":1682},[1574,2354,1686],{"class":1580},[1574,2356,2059],{"class":1584},[1574,2358,1679],{"class":1580},[1574,2360,2361],{"class":1682},"0.3",[1574,2363,1748],{"class":1580},[1574,2365,1723],{"class":1580},[1574,2367,2369,2372,2374,2376,2379],{"class":1576,"line":2368},43,[1574,2370,2371],{"class":1598},"        class",[1574,2373,1602],{"class":1580},[1574,2375,1605],{"class":1580},[1574,2377,2378],{"class":1608},"flex items-center",[1574,2380,1723],{"class":1580},[1574,2382,2384],{"class":1576,"line":2383},44,[1574,2385,1756],{"class":1580},[1574,2387,2389,2391],{"class":1576,"line":2388},45,[1574,2390,1762],{"class":1580},[1574,2392,2393],{"class":1584},"UAvatar\n",[1574,2395,2397,2400,2403,2405,2407,2409,2411,2414,2416,2419],{"class":1576,"line":2396},46,[1574,2398,2399],{"class":1580},"          :",[1574,2401,2402],{"class":1598},"src",[1574,2404,1602],{"class":1580},[1574,2406,1605],{"class":1580},[1574,2408,1810],{"class":1809},[1574,2410,1813],{"class":1580},[1574,2412,2413],{"class":1809},"author",[1574,2415,1813],{"class":1580},[1574,2417,2418],{"class":1809},"avatar",[1574,2420,1723],{"class":1580},[1574,2422,2424,2426,2429,2431,2433,2435,2437,2439,2441,2444],{"class":1576,"line":2423},47,[1574,2425,2399],{"class":1580},[1574,2427,2428],{"class":1598},"alt",[1574,2430,1602],{"class":1580},[1574,2432,1605],{"class":1580},[1574,2434,1810],{"class":1809},[1574,2436,1813],{"class":1580},[1574,2438,2413],{"class":1809},[1574,2440,1813],{"class":1580},[1574,2442,2443],{"class":1809},"name",[1574,2445,1723],{"class":1580},[1574,2447,2449,2452,2454,2456,2459],{"class":1576,"line":2448},48,[1574,2450,2451],{"class":1598},"          size",[1574,2453,1602],{"class":1580},[1574,2455,1605],{"class":1580},[1574,2457,2458],{"class":1608},"lg",[1574,2460,1723],{"class":1580},[1574,2462,2464,2467,2469,2471,2474],{"class":1576,"line":2463},49,[1574,2465,2466],{"class":1598},"          class",[1574,2468,1602],{"class":1580},[1574,2470,1605],{"class":1580},[1574,2472,2473],{"class":1608},"mr-4",[1574,2475,1723],{"class":1580},[1574,2477,2479],{"class":1576,"line":2478},50,[1574,2480,2481],{"class":1580},"        \u002F>\n",[1574,2483,2485,2487,2489],{"class":1576,"line":2484},51,[1574,2486,1762],{"class":1580},[1574,2488,1548],{"class":1584},[1574,2490,1587],{"class":1580},[1574,2492,2494,2496,2498,2500,2502,2504,2507,2509,2511,2514,2516,2518],{"class":1576,"line":2493},52,[1574,2495,1783],{"class":1580},[1574,2497,1536],{"class":1584},[1574,2499,1599],{"class":1598},[1574,2501,1602],{"class":1580},[1574,2503,1605],{"class":1580},[1574,2505,2506],{"class":1608},"font-medium text-gray-900 dark:text-white",[1574,2508,1605],{"class":1580},[1574,2510,1880],{"class":1580},[1574,2512,2513],{"class":1809},"{{ article.author.name }}",[1574,2515,1886],{"class":1580},[1574,2517,1536],{"class":1584},[1574,2519,1587],{"class":1580},[1574,2521,2523,2525,2527,2529,2531,2533,2536,2538,2540,2543,2545,2547],{"class":1576,"line":2522},53,[1574,2524,1783],{"class":1580},[1574,2526,1536],{"class":1584},[1574,2528,1599],{"class":1598},[1574,2530,1602],{"class":1580},[1574,2532,1605],{"class":1580},[1574,2534,2535],{"class":1608},"text-gray-500 dark:text-gray-400 text-sm",[1574,2537,1605],{"class":1580},[1574,2539,1880],{"class":1580},[1574,2541,2542],{"class":1809},"{{ article.author.role }}",[1574,2544,1886],{"class":1580},[1574,2546,1536],{"class":1584},[1574,2548,1587],{"class":1580},[1574,2550,2552,2554,2556],{"class":1576,"line":2551},54,[1574,2553,1952],{"class":1580},[1574,2555,1548],{"class":1584},[1574,2557,1587],{"class":1580},[1574,2559,2561,2563,2565],{"class":1576,"line":2560},55,[1574,2562,1962],{"class":1580},[1574,2564,1965],{"class":1584},[1574,2566,1587],{"class":1580},[1574,2568,2570,2573,2575],{"class":1576,"line":2569},56,[1574,2571,2572],{"class":1580},"    \u003C\u002F",[1574,2574,1629],{"class":1584},[1574,2576,1587],{"class":1580},[1574,2578,2580],{"class":1576,"line":2579},57,[1574,2581,2582],{"class":1809},"    \n",[1574,2584,2586],{"class":1576,"line":2585},58,[1574,2587,2588],{"class":1619},"    \u003C!-- Featured Image -->\n",[1574,2590,2592,2594],{"class":1576,"line":2591},59,[1574,2593,1626],{"class":1580},[1574,2595,1651],{"class":1584},[1574,2597,2599,2602,2604,2606,2608,2610,2612,2614,2616,2618,2620,2622,2624,2626,2628,2630,2632,2634,2636,2638,2640,2642,2644,2646,2648,2650],{"class":1576,"line":2598},60,[1574,2600,2601],{"class":1580},"      :",[1574,2603,1660],{"class":1598},[1574,2605,1602],{"class":1580},[1574,2607,1605],{"class":1580},[1574,2609,1667],{"class":1580},[1574,2611,1670],{"class":1584},[1574,2613,1673],{"class":1580},[1574,2615,1676],{"class":1584},[1574,2617,1679],{"class":1580},[1574,2619,1683],{"class":1682},[1574,2621,1686],{"class":1580},[1574,2623,1689],{"class":1584},[1574,2625,1679],{"class":1580},[1574,2627,1694],{"class":1682},[1574,2629,1697],{"class":1580},[1574,2631,1700],{"class":1584},[1574,2633,1673],{"class":1580},[1574,2635,1676],{"class":1584},[1574,2637,1679],{"class":1580},[1574,2639,1709],{"class":1682},[1574,2641,1686],{"class":1580},[1574,2643,1689],{"class":1584},[1574,2645,1679],{"class":1580},[1574,2647,1683],{"class":1682},[1574,2649,1720],{"class":1580},[1574,2651,1723],{"class":1580},[1574,2653,2655,2657,2659,2661,2663,2665,2667,2669,2671,2673,2675,2677,2680,2682],{"class":1576,"line":2654},61,[1574,2656,2601],{"class":1580},[1574,2658,1731],{"class":1598},[1574,2660,1602],{"class":1580},[1574,2662,1605],{"class":1580},[1574,2664,1667],{"class":1580},[1574,2666,1740],{"class":1584},[1574,2668,1679],{"class":1580},[1574,2670,1745],{"class":1682},[1574,2672,1686],{"class":1580},[1574,2674,2059],{"class":1584},[1574,2676,1679],{"class":1580},[1574,2678,2679],{"class":1682},"0.4",[1574,2681,1748],{"class":1580},[1574,2683,1723],{"class":1580},[1574,2685,2687,2690,2692,2694,2696],{"class":1576,"line":2686},62,[1574,2688,2689],{"class":1598},"      class",[1574,2691,1602],{"class":1580},[1574,2693,1605],{"class":1580},[1574,2695,1638],{"class":1608},[1574,2697,1723],{"class":1580},[1574,2699,2701],{"class":1576,"line":2700},63,[1574,2702,2703],{"class":1580},"    >\n",[1574,2705,2707,2709],{"class":1576,"line":2706},64,[1574,2708,1648],{"class":1580},[1574,2710,2711],{"class":1584},"img\n",[1574,2713,2715,2718,2720,2722,2725],{"class":1576,"line":2714},65,[1574,2716,2717],{"class":1598},"        :src",[1574,2719,1602],{"class":1580},[1574,2721,1605],{"class":1580},[1574,2723,2724],{"class":1608},"article.featuredImage",[1574,2726,1723],{"class":1580},[1574,2728,2730,2733,2735,2737,2740],{"class":1576,"line":2729},66,[1574,2731,2732],{"class":1598},"        :alt",[1574,2734,1602],{"class":1580},[1574,2736,1605],{"class":1580},[1574,2738,2739],{"class":1608},"article.title",[1574,2741,1723],{"class":1580},[1574,2743,2745,2747,2749,2751,2754],{"class":1576,"line":2744},67,[1574,2746,2371],{"class":1598},[1574,2748,1602],{"class":1580},[1574,2750,1605],{"class":1580},[1574,2752,2753],{"class":1608},"w-full h-96 object-cover rounded-xl",[1574,2755,1723],{"class":1580},[1574,2757,2759],{"class":1576,"line":2758},68,[1574,2760,1756],{"class":1580},[1574,2762,2764,2766,2768],{"class":1576,"line":2763},69,[1574,2765,2572],{"class":1580},[1574,2767,1965],{"class":1584},[1574,2769,1587],{"class":1580},[1574,2771,2773],{"class":1576,"line":2772},70,[1574,2774,2582],{"class":1809},[1574,2776,2778,2780,2782,2784,2786,2788,2791,2793],{"class":1576,"line":2777},71,[1574,2779,1626],{"class":1580},[1574,2781,1548],{"class":1584},[1574,2783,1599],{"class":1598},[1574,2785,1602],{"class":1580},[1574,2787,1605],{"class":1580},[1574,2789,2790],{"class":1608},"flex flex-col lg:flex-row gap-12",[1574,2792,1605],{"class":1580},[1574,2794,1587],{"class":1580},[1574,2796,2798],{"class":1576,"line":2797},72,[1574,2799,2800],{"class":1619},"      \u003C!-- Main Content -->\n",[1574,2802,2804,2806,2809,2811,2813,2815,2818,2820],{"class":1576,"line":2803},73,[1574,2805,1648],{"class":1580},[1574,2807,2808],{"class":1584},"main",[1574,2810,1599],{"class":1598},[1574,2812,1602],{"class":1580},[1574,2814,1605],{"class":1580},[1574,2816,2817],{"class":1608},"lg:w-3\u002F4",[1574,2819,1605],{"class":1580},[1574,2821,1587],{"class":1580},[1574,2823,2825],{"class":1576,"line":2824},74,[1574,2826,2827],{"class":1619},"        \u003C!-- Article Content -->\n",[1574,2829,2831,2833],{"class":1576,"line":2830},75,[1574,2832,1762],{"class":1580},[1574,2834,2835],{"class":1584},"MAnimatedGroup\n",[1574,2837,2839,2841,2844,2846,2848,2850],{"class":1576,"line":2838},76,[1574,2840,2399],{"class":1580},[1574,2842,2843],{"class":1598},"stagger-children",[1574,2845,1602],{"class":1580},[1574,2847,1605],{"class":1580},[1574,2849,2064],{"class":1682},[1574,2851,1723],{"class":1580},[1574,2853,2855,2858,2860,2862,2865],{"class":1576,"line":2854},77,[1574,2856,2857],{"class":1598},"          preset",[1574,2859,1602],{"class":1580},[1574,2861,1605],{"class":1580},[1574,2863,2864],{"class":1608},"fade",[1574,2866,1723],{"class":1580},[1574,2868,2870,2873,2875,2877,2879],{"class":1576,"line":2869},78,[1574,2871,2872],{"class":1598},"          initial",[1574,2874,1602],{"class":1580},[1574,2876,1605],{"class":1580},[1574,2878,1670],{"class":1608},[1574,2880,1723],{"class":1580},[1574,2882,2884,2887,2889,2891,2893],{"class":1576,"line":2883},79,[1574,2885,2886],{"class":1598},"          animate",[1574,2888,1602],{"class":1580},[1574,2890,1605],{"class":1580},[1574,2892,1700],{"class":1608},[1574,2894,1723],{"class":1580},[1574,2896,2898,2900,2902,2904,2907],{"class":1576,"line":2897},80,[1574,2899,2466],{"class":1598},[1574,2901,1602],{"class":1580},[1574,2903,1605],{"class":1580},[1574,2905,2906],{"class":1608},"prose prose-lg dark:prose-invert max-w-none",[1574,2908,1723],{"class":1580},[1574,2910,2912],{"class":1576,"line":2911},81,[1574,2913,2914],{"class":1580},"        >\n",[1574,2916,2918,2920,2922,2925,2927,2929,2932,2934,2937,2939],{"class":1576,"line":2917},82,[1574,2919,1783],{"class":1580},[1574,2921,1548],{"class":1584},[1574,2923,2924],{"class":1598}," v-html",[1574,2926,1602],{"class":1580},[1574,2928,1605],{"class":1580},[1574,2930,2931],{"class":1608},"article.content",[1574,2933,1605],{"class":1580},[1574,2935,2936],{"class":1580},">\u003C\u002F",[1574,2938,1548],{"class":1584},[1574,2940,1587],{"class":1580},[1574,2942,2944,2946,2949],{"class":1576,"line":2943},83,[1574,2945,1952],{"class":1580},[1574,2947,2948],{"class":1584},"MAnimatedGroup",[1574,2950,1587],{"class":1580},[1574,2952,2954],{"class":1576,"line":2953},84,[1574,2955,2956],{"class":1809},"        \n",[1574,2958,2960],{"class":1576,"line":2959},85,[1574,2961,2962],{"class":1619},"        \u003C!-- Tags -->\n",[1574,2964,2966,2968],{"class":1576,"line":2965},86,[1574,2967,1762],{"class":1580},[1574,2969,1651],{"class":1584},[1574,2971,2973,2975,2977,2979,2981,2983,2985,2987,2989,2991,2993,2995,2997,2999,3001,3003,3005,3007,3009,3011,3013,3015,3017,3019,3021,3023],{"class":1576,"line":2972},87,[1574,2974,2399],{"class":1580},[1574,2976,1660],{"class":1598},[1574,2978,1602],{"class":1580},[1574,2980,1605],{"class":1580},[1574,2982,1667],{"class":1580},[1574,2984,1670],{"class":1584},[1574,2986,1673],{"class":1580},[1574,2988,1676],{"class":1584},[1574,2990,1679],{"class":1580},[1574,2992,1683],{"class":1682},[1574,2994,1686],{"class":1580},[1574,2996,1689],{"class":1584},[1574,2998,1679],{"class":1580},[1574,3000,1694],{"class":1682},[1574,3002,1697],{"class":1580},[1574,3004,1700],{"class":1584},[1574,3006,1673],{"class":1580},[1574,3008,1676],{"class":1584},[1574,3010,1679],{"class":1580},[1574,3012,1709],{"class":1682},[1574,3014,1686],{"class":1580},[1574,3016,1689],{"class":1584},[1574,3018,1679],{"class":1580},[1574,3020,1683],{"class":1682},[1574,3022,1720],{"class":1580},[1574,3024,1723],{"class":1580},[1574,3026,3028,3030,3032,3034,3036,3038,3040,3042,3044,3046],{"class":1576,"line":3027},88,[1574,3029,2399],{"class":1580},[1574,3031,1731],{"class":1598},[1574,3033,1602],{"class":1580},[1574,3035,1605],{"class":1580},[1574,3037,1667],{"class":1580},[1574,3039,1740],{"class":1584},[1574,3041,1679],{"class":1580},[1574,3043,1745],{"class":1682},[1574,3045,1748],{"class":1580},[1574,3047,1723],{"class":1580},[1574,3049,3051,3053,3055,3057,3060],{"class":1576,"line":3050},89,[1574,3052,2466],{"class":1598},[1574,3054,1602],{"class":1580},[1574,3056,1605],{"class":1580},[1574,3058,3059],{"class":1608},"mt-12 pt-8 border-t border-gray-200 dark:border-gray-800",[1574,3061,1723],{"class":1580},[1574,3063,3065],{"class":1576,"line":3064},90,[1574,3066,2914],{"class":1580},[1574,3068,3070,3072,3074,3076,3078,3080,3083,3085],{"class":1576,"line":3069},91,[1574,3071,1783],{"class":1580},[1574,3073,1548],{"class":1584},[1574,3075,1599],{"class":1598},[1574,3077,1602],{"class":1580},[1574,3079,1605],{"class":1580},[1574,3081,3082],{"class":1608},"flex flex-wrap gap-2",[1574,3084,1605],{"class":1580},[1574,3086,1587],{"class":1580},[1574,3088,3090,3093],{"class":1576,"line":3089},92,[1574,3091,3092],{"class":1580},"            \u003C",[1574,3094,1786],{"class":1584},[1574,3096,3098,3102,3104,3106,3109,3112,3114,3116,3119],{"class":1576,"line":3097},93,[1574,3099,3101],{"class":3100},"s7zQu","              v-for",[1574,3103,1602],{"class":1580},[1574,3105,1605],{"class":1580},[1574,3107,3108],{"class":1809},"tag",[1574,3110,3111],{"class":1580}," in ",[1574,3113,1810],{"class":1809},[1574,3115,1813],{"class":1580},[1574,3117,3118],{"class":1809},"tags",[1574,3120,1723],{"class":1580},[1574,3122,3124,3127,3130,3132,3134,3136],{"class":1576,"line":3123},94,[1574,3125,3126],{"class":1580},"              :",[1574,3128,3129],{"class":1598},"key",[1574,3131,1602],{"class":1580},[1574,3133,1605],{"class":1580},[1574,3135,3108],{"class":1809},[1574,3137,1723],{"class":1580},[1574,3139,3141,3144,3146,3148,3151],{"class":1576,"line":3140},95,[1574,3142,3143],{"class":1598},"              variant",[1574,3145,1602],{"class":1580},[1574,3147,1605],{"class":1580},[1574,3149,3150],{"class":1608},"soft",[1574,3152,1723],{"class":1580},[1574,3154,3156,3159,3161,3163,3165],{"class":1576,"line":3155},96,[1574,3157,3158],{"class":1598},"              size",[1574,3160,1602],{"class":1580},[1574,3162,1605],{"class":1580},[1574,3164,2458],{"class":1608},[1574,3166,1723],{"class":1580},[1574,3168,3170,3173,3175,3177,3180],{"class":1576,"line":3169},97,[1574,3171,3172],{"class":1598},"              class",[1574,3174,1602],{"class":1580},[1574,3176,1605],{"class":1580},[1574,3178,3179],{"class":1608},"px-3 py-1",[1574,3181,1723],{"class":1580},[1574,3183,3185],{"class":1576,"line":3184},98,[1574,3186,3187],{"class":1580},"            >\n",[1574,3189,3191],{"class":1576,"line":3190},99,[1574,3192,3193],{"class":1809},"              {{ tag }}\n",[1574,3195,3197,3200,3202],{"class":1576,"line":3196},100,[1574,3198,3199],{"class":1580},"            \u003C\u002F",[1574,3201,1857],{"class":1584},[1574,3203,1587],{"class":1580},[1574,3205,3207,3209,3211],{"class":1576,"line":3206},101,[1574,3208,1854],{"class":1580},[1574,3210,1548],{"class":1584},[1574,3212,1587],{"class":1580},[1574,3214,3216,3218,3220],{"class":1576,"line":3215},102,[1574,3217,1952],{"class":1580},[1574,3219,1965],{"class":1584},[1574,3221,1587],{"class":1580},[1574,3223,3225],{"class":1576,"line":3224},103,[1574,3226,2956],{"class":1809},[1574,3228,3230],{"class":1576,"line":3229},104,[1574,3231,3232],{"class":1619},"        \u003C!-- Author Card -->\n",[1574,3234,3236,3238],{"class":1576,"line":3235},105,[1574,3237,1762],{"class":1580},[1574,3239,1651],{"class":1584},[1574,3241,3243,3245,3247,3249,3251,3253,3255,3257,3259,3261,3263,3265,3267,3269,3271,3273,3275,3277,3279,3281,3283,3285,3287,3289,3291,3293],{"class":1576,"line":3242},106,[1574,3244,2399],{"class":1580},[1574,3246,1660],{"class":1598},[1574,3248,1602],{"class":1580},[1574,3250,1605],{"class":1580},[1574,3252,1667],{"class":1580},[1574,3254,1670],{"class":1584},[1574,3256,1673],{"class":1580},[1574,3258,1676],{"class":1584},[1574,3260,1679],{"class":1580},[1574,3262,1683],{"class":1682},[1574,3264,1686],{"class":1580},[1574,3266,1689],{"class":1584},[1574,3268,1679],{"class":1580},[1574,3270,1694],{"class":1682},[1574,3272,1697],{"class":1580},[1574,3274,1700],{"class":1584},[1574,3276,1673],{"class":1580},[1574,3278,1676],{"class":1584},[1574,3280,1679],{"class":1580},[1574,3282,1709],{"class":1682},[1574,3284,1686],{"class":1580},[1574,3286,1689],{"class":1584},[1574,3288,1679],{"class":1580},[1574,3290,1683],{"class":1682},[1574,3292,1720],{"class":1580},[1574,3294,1723],{"class":1580},[1574,3296,3298,3300,3302,3304,3306,3308,3310,3312,3314,3316,3318,3320,3322,3324],{"class":1576,"line":3297},107,[1574,3299,2399],{"class":1580},[1574,3301,1731],{"class":1598},[1574,3303,1602],{"class":1580},[1574,3305,1605],{"class":1580},[1574,3307,1667],{"class":1580},[1574,3309,1740],{"class":1584},[1574,3311,1679],{"class":1580},[1574,3313,1745],{"class":1682},[1574,3315,1686],{"class":1580},[1574,3317,2059],{"class":1584},[1574,3319,1679],{"class":1580},[1574,3321,2064],{"class":1682},[1574,3323,1748],{"class":1580},[1574,3325,1723],{"class":1580},[1574,3327,3329,3331,3333,3335,3338],{"class":1576,"line":3328},108,[1574,3330,2466],{"class":1598},[1574,3332,1602],{"class":1580},[1574,3334,1605],{"class":1580},[1574,3336,3337],{"class":1608},"mt-12",[1574,3339,1723],{"class":1580},[1574,3341,3343],{"class":1576,"line":3342},109,[1574,3344,2914],{"class":1580},[1574,3346,3348,3350,3353],{"class":1576,"line":3347},110,[1574,3349,1783],{"class":1580},[1574,3351,3352],{"class":1584},"UCard",[1574,3354,1587],{"class":1580},[1574,3356,3358,3360,3362,3364,3366,3368,3371,3373],{"class":1576,"line":3357},111,[1574,3359,3092],{"class":1580},[1574,3361,1548],{"class":1584},[1574,3363,1599],{"class":1598},[1574,3365,1602],{"class":1580},[1574,3367,1605],{"class":1580},[1574,3369,3370],{"class":1608},"flex items-start",[1574,3372,1605],{"class":1580},[1574,3374,1587],{"class":1580},[1574,3376,3378,3381],{"class":1576,"line":3377},112,[1574,3379,3380],{"class":1580},"              \u003C",[1574,3382,2393],{"class":1584},[1574,3384,3386,3389,3391,3393,3395,3397,3399,3401,3403,3405],{"class":1576,"line":3385},113,[1574,3387,3388],{"class":1580},"                :",[1574,3390,2402],{"class":1598},[1574,3392,1602],{"class":1580},[1574,3394,1605],{"class":1580},[1574,3396,1810],{"class":1809},[1574,3398,1813],{"class":1580},[1574,3400,2413],{"class":1809},[1574,3402,1813],{"class":1580},[1574,3404,2418],{"class":1809},[1574,3406,1723],{"class":1580},[1574,3408,3410,3412,3414,3416,3418,3420,3422,3424,3426,3428],{"class":1576,"line":3409},114,[1574,3411,3388],{"class":1580},[1574,3413,2428],{"class":1598},[1574,3415,1602],{"class":1580},[1574,3417,1605],{"class":1580},[1574,3419,1810],{"class":1809},[1574,3421,1813],{"class":1580},[1574,3423,2413],{"class":1809},[1574,3425,1813],{"class":1580},[1574,3427,2443],{"class":1809},[1574,3429,1723],{"class":1580},[1574,3431,3433,3436,3438,3440,3443],{"class":1576,"line":3432},115,[1574,3434,3435],{"class":1598},"                size",[1574,3437,1602],{"class":1580},[1574,3439,1605],{"class":1580},[1574,3441,3442],{"class":1608},"xl",[1574,3444,1723],{"class":1580},[1574,3446,3448,3451,3453,3455,3458],{"class":1576,"line":3447},116,[1574,3449,3450],{"class":1598},"                class",[1574,3452,1602],{"class":1580},[1574,3454,1605],{"class":1580},[1574,3456,3457],{"class":1608},"mr-6",[1574,3459,1723],{"class":1580},[1574,3461,3463],{"class":1576,"line":3462},117,[1574,3464,3465],{"class":1580},"              \u002F>\n",[1574,3467,3469,3471,3473],{"class":1576,"line":3468},118,[1574,3470,3380],{"class":1580},[1574,3472,1548],{"class":1584},[1574,3474,1587],{"class":1580},[1574,3476,3478,3481,3484,3486,3488,3490,3493,3495],{"class":1576,"line":3477},119,[1574,3479,3480],{"class":1580},"                \u003C",[1574,3482,3483],{"class":1584},"h3",[1574,3485,1599],{"class":1598},[1574,3487,1602],{"class":1580},[1574,3489,1605],{"class":1580},[1574,3491,3492],{"class":1608},"text-xl font-bold text-gray-900 dark:text-white mb-2",[1574,3494,1605],{"class":1580},[1574,3496,1587],{"class":1580},[1574,3498,3500],{"class":1576,"line":3499},120,[1574,3501,3502],{"class":1809},"                  Written by {{ article.author.name }}\n",[1574,3504,3506,3509,3511],{"class":1576,"line":3505},121,[1574,3507,3508],{"class":1580},"                \u003C\u002F",[1574,3510,3483],{"class":1584},[1574,3512,1587],{"class":1580},[1574,3514,3516,3518,3520,3522,3524,3526,3529,3531],{"class":1576,"line":3515},122,[1574,3517,3480],{"class":1580},[1574,3519,1536],{"class":1584},[1574,3521,1599],{"class":1598},[1574,3523,1602],{"class":1580},[1574,3525,1605],{"class":1580},[1574,3527,3528],{"class":1608},"text-gray-600 dark:text-gray-400 mb-4",[1574,3530,1605],{"class":1580},[1574,3532,1587],{"class":1580},[1574,3534,3536],{"class":1576,"line":3535},123,[1574,3537,3538],{"class":1809},"                  {{ article.author.bio }}\n",[1574,3540,3542,3544,3546],{"class":1576,"line":3541},124,[1574,3543,3508],{"class":1580},[1574,3545,1536],{"class":1584},[1574,3547,1587],{"class":1580},[1574,3549,3551,3553,3555,3557,3559,3561,3564,3566],{"class":1576,"line":3550},125,[1574,3552,3480],{"class":1580},[1574,3554,1548],{"class":1584},[1574,3556,1599],{"class":1598},[1574,3558,1602],{"class":1580},[1574,3560,1605],{"class":1580},[1574,3562,3563],{"class":1608},"flex space-x-3",[1574,3565,1605],{"class":1580},[1574,3567,1587],{"class":1580},[1574,3569,3571,3574],{"class":1576,"line":3570},126,[1574,3572,3573],{"class":1580},"                  \u003C",[1574,3575,3576],{"class":1584},"UButton\n",[1574,3578,3580,3583,3585,3587,3589,3591,3593,3595,3598],{"class":1576,"line":3579},127,[1574,3581,3582],{"class":3100},"                    v-if",[1574,3584,1602],{"class":1580},[1574,3586,1605],{"class":1580},[1574,3588,1810],{"class":1809},[1574,3590,1813],{"class":1580},[1574,3592,2413],{"class":1809},[1574,3594,1813],{"class":1580},[1574,3596,3597],{"class":1809},"twitter",[1574,3599,1723],{"class":1580},[1574,3601,3603,3606,3609,3611,3613,3615,3617,3619,3621,3623],{"class":1576,"line":3602},128,[1574,3604,3605],{"class":1580},"                    :",[1574,3607,3608],{"class":1598},"to",[1574,3610,1602],{"class":1580},[1574,3612,1605],{"class":1580},[1574,3614,1810],{"class":1809},[1574,3616,1813],{"class":1580},[1574,3618,2413],{"class":1809},[1574,3620,1813],{"class":1580},[1574,3622,3597],{"class":1809},[1574,3624,1723],{"class":1580},[1574,3626,3628,3631,3633,3635,3638],{"class":1576,"line":3627},129,[1574,3629,3630],{"class":1598},"                    color",[1574,3632,1602],{"class":1580},[1574,3634,1605],{"class":1580},[1574,3636,3637],{"class":1608},"gray",[1574,3639,1723],{"class":1580},[1574,3641,3643,3646,3648,3650,3653],{"class":1576,"line":3642},130,[1574,3644,3645],{"class":1598},"                    variant",[1574,3647,1602],{"class":1580},[1574,3649,1605],{"class":1580},[1574,3651,3652],{"class":1608},"ghost",[1574,3654,1723],{"class":1580},[1574,3656,3658,3661,3663,3665,3668],{"class":1576,"line":3657},131,[1574,3659,3660],{"class":1598},"                    icon",[1574,3662,1602],{"class":1580},[1574,3664,1605],{"class":1580},[1574,3666,3667],{"class":1608},"i-simple-icons-twitter",[1574,3669,1723],{"class":1580},[1574,3671,3673,3676,3678,3680,3683],{"class":1576,"line":3672},132,[1574,3674,3675],{"class":1598},"                    size",[1574,3677,1602],{"class":1580},[1574,3679,1605],{"class":1580},[1574,3681,3682],{"class":1608},"sm",[1574,3684,1723],{"class":1580},[1574,3686,3688],{"class":1576,"line":3687},133,[1574,3689,3690],{"class":1580},"                  \u002F>\n",[1574,3692,3694,3696],{"class":1576,"line":3693},134,[1574,3695,3573],{"class":1580},[1574,3697,3576],{"class":1584},[1574,3699,3701,3703,3705,3707,3709,3711,3713,3715,3718],{"class":1576,"line":3700},135,[1574,3702,3582],{"class":3100},[1574,3704,1602],{"class":1580},[1574,3706,1605],{"class":1580},[1574,3708,1810],{"class":1809},[1574,3710,1813],{"class":1580},[1574,3712,2413],{"class":1809},[1574,3714,1813],{"class":1580},[1574,3716,3717],{"class":1809},"linkedin",[1574,3719,1723],{"class":1580},[1574,3721,3723,3725,3727,3729,3731,3733,3735,3737,3739,3741],{"class":1576,"line":3722},136,[1574,3724,3605],{"class":1580},[1574,3726,3608],{"class":1598},[1574,3728,1602],{"class":1580},[1574,3730,1605],{"class":1580},[1574,3732,1810],{"class":1809},[1574,3734,1813],{"class":1580},[1574,3736,2413],{"class":1809},[1574,3738,1813],{"class":1580},[1574,3740,3717],{"class":1809},[1574,3742,1723],{"class":1580},[1574,3744,3746,3748,3750,3752,3754],{"class":1576,"line":3745},137,[1574,3747,3630],{"class":1598},[1574,3749,1602],{"class":1580},[1574,3751,1605],{"class":1580},[1574,3753,3637],{"class":1608},[1574,3755,1723],{"class":1580},[1574,3757,3759,3761,3763,3765,3767],{"class":1576,"line":3758},138,[1574,3760,3645],{"class":1598},[1574,3762,1602],{"class":1580},[1574,3764,1605],{"class":1580},[1574,3766,3652],{"class":1608},[1574,3768,1723],{"class":1580},[1574,3770,3772,3774,3776,3778,3781],{"class":1576,"line":3771},139,[1574,3773,3660],{"class":1598},[1574,3775,1602],{"class":1580},[1574,3777,1605],{"class":1580},[1574,3779,3780],{"class":1608},"i-simple-icons-linkedin",[1574,3782,1723],{"class":1580},[1574,3784,3786,3788,3790,3792,3794],{"class":1576,"line":3785},140,[1574,3787,3675],{"class":1598},[1574,3789,1602],{"class":1580},[1574,3791,1605],{"class":1580},[1574,3793,3682],{"class":1608},[1574,3795,1723],{"class":1580},[1574,3797,3799],{"class":1576,"line":3798},141,[1574,3800,3690],{"class":1580},[1574,3802,3804,3806],{"class":1576,"line":3803},142,[1574,3805,3573],{"class":1580},[1574,3807,3576],{"class":1584},[1574,3809,3811,3813,3815,3817,3819,3821,3823,3825,3828],{"class":1576,"line":3810},143,[1574,3812,3582],{"class":3100},[1574,3814,1602],{"class":1580},[1574,3816,1605],{"class":1580},[1574,3818,1810],{"class":1809},[1574,3820,1813],{"class":1580},[1574,3822,2413],{"class":1809},[1574,3824,1813],{"class":1580},[1574,3826,3827],{"class":1809},"github",[1574,3829,1723],{"class":1580},[1574,3831,3833,3835,3837,3839,3841,3843,3845,3847,3849,3851],{"class":1576,"line":3832},144,[1574,3834,3605],{"class":1580},[1574,3836,3608],{"class":1598},[1574,3838,1602],{"class":1580},[1574,3840,1605],{"class":1580},[1574,3842,1810],{"class":1809},[1574,3844,1813],{"class":1580},[1574,3846,2413],{"class":1809},[1574,3848,1813],{"class":1580},[1574,3850,3827],{"class":1809},[1574,3852,1723],{"class":1580},[1574,3854,3856,3858,3860,3862,3864],{"class":1576,"line":3855},145,[1574,3857,3630],{"class":1598},[1574,3859,1602],{"class":1580},[1574,3861,1605],{"class":1580},[1574,3863,3637],{"class":1608},[1574,3865,1723],{"class":1580},[1574,3867,3869,3871,3873,3875,3877],{"class":1576,"line":3868},146,[1574,3870,3645],{"class":1598},[1574,3872,1602],{"class":1580},[1574,3874,1605],{"class":1580},[1574,3876,3652],{"class":1608},[1574,3878,1723],{"class":1580},[1574,3880,3882,3884,3886,3888,3891],{"class":1576,"line":3881},147,[1574,3883,3660],{"class":1598},[1574,3885,1602],{"class":1580},[1574,3887,1605],{"class":1580},[1574,3889,3890],{"class":1608},"i-simple-icons-github",[1574,3892,1723],{"class":1580},[1574,3894,3896,3898,3900,3902,3904],{"class":1576,"line":3895},148,[1574,3897,3675],{"class":1598},[1574,3899,1602],{"class":1580},[1574,3901,1605],{"class":1580},[1574,3903,3682],{"class":1608},[1574,3905,1723],{"class":1580},[1574,3907,3909],{"class":1576,"line":3908},149,[1574,3910,3690],{"class":1580},[1574,3912,3914,3916,3918],{"class":1576,"line":3913},150,[1574,3915,3508],{"class":1580},[1574,3917,1548],{"class":1584},[1574,3919,1587],{"class":1580},[1574,3921,3923,3926,3928],{"class":1576,"line":3922},151,[1574,3924,3925],{"class":1580},"              \u003C\u002F",[1574,3927,1548],{"class":1584},[1574,3929,1587],{"class":1580},[1574,3931,3933,3935,3937],{"class":1576,"line":3932},152,[1574,3934,3199],{"class":1580},[1574,3936,1548],{"class":1584},[1574,3938,1587],{"class":1580},[1574,3940,3942,3944,3946],{"class":1576,"line":3941},153,[1574,3943,1854],{"class":1580},[1574,3945,3352],{"class":1584},[1574,3947,1587],{"class":1580},[1574,3949,3951,3953,3955],{"class":1576,"line":3950},154,[1574,3952,1952],{"class":1580},[1574,3954,1965],{"class":1584},[1574,3956,1587],{"class":1580},[1574,3958,3960],{"class":1576,"line":3959},155,[1574,3961,2956],{"class":1809},[1574,3963,3965],{"class":1576,"line":3964},156,[1574,3966,3967],{"class":1619},"        \u003C!-- Comments Section -->\n",[1574,3969,3971,3973],{"class":1576,"line":3970},157,[1574,3972,1762],{"class":1580},[1574,3974,1651],{"class":1584},[1574,3976,3978,3980,3982,3984,3986,3988,3990,3992,3994,3996,3998,4000,4002,4004,4006,4008,4010,4012,4014,4016,4018,4020,4022,4024,4026,4028],{"class":1576,"line":3977},158,[1574,3979,2399],{"class":1580},[1574,3981,1660],{"class":1598},[1574,3983,1602],{"class":1580},[1574,3985,1605],{"class":1580},[1574,3987,1667],{"class":1580},[1574,3989,1670],{"class":1584},[1574,3991,1673],{"class":1580},[1574,3993,1676],{"class":1584},[1574,3995,1679],{"class":1580},[1574,3997,1683],{"class":1682},[1574,3999,1686],{"class":1580},[1574,4001,1689],{"class":1584},[1574,4003,1679],{"class":1580},[1574,4005,1694],{"class":1682},[1574,4007,1697],{"class":1580},[1574,4009,1700],{"class":1584},[1574,4011,1673],{"class":1580},[1574,4013,1676],{"class":1584},[1574,4015,1679],{"class":1580},[1574,4017,1709],{"class":1682},[1574,4019,1686],{"class":1580},[1574,4021,1689],{"class":1584},[1574,4023,1679],{"class":1580},[1574,4025,1683],{"class":1682},[1574,4027,1720],{"class":1580},[1574,4029,1723],{"class":1580},[1574,4031,4033,4035,4037,4039,4041,4043,4045,4047,4049,4051,4053,4055,4057,4059],{"class":1576,"line":4032},159,[1574,4034,2399],{"class":1580},[1574,4036,1731],{"class":1598},[1574,4038,1602],{"class":1580},[1574,4040,1605],{"class":1580},[1574,4042,1667],{"class":1580},[1574,4044,1740],{"class":1584},[1574,4046,1679],{"class":1580},[1574,4048,1745],{"class":1682},[1574,4050,1686],{"class":1580},[1574,4052,2059],{"class":1584},[1574,4054,1679],{"class":1580},[1574,4056,2213],{"class":1682},[1574,4058,1748],{"class":1580},[1574,4060,1723],{"class":1580},[1574,4062,4064,4066,4068,4070,4072],{"class":1576,"line":4063},160,[1574,4065,2466],{"class":1598},[1574,4067,1602],{"class":1580},[1574,4069,1605],{"class":1580},[1574,4071,3337],{"class":1608},[1574,4073,1723],{"class":1580},[1574,4075,4077],{"class":1576,"line":4076},161,[1574,4078,2914],{"class":1580},[1574,4080,4082,4084,4086,4088,4090,4092,4095,4097],{"class":1576,"line":4081},162,[1574,4083,1783],{"class":1580},[1574,4085,1548],{"class":1584},[1574,4087,1599],{"class":1598},[1574,4089,1602],{"class":1580},[1574,4091,1605],{"class":1580},[1574,4093,4094],{"class":1608},"border-t border-gray-200 dark:border-gray-800 pt-8",[1574,4096,1605],{"class":1580},[1574,4098,1587],{"class":1580},[1574,4100,4102,4104,4106,4108,4110,4112,4115,4117],{"class":1576,"line":4101},163,[1574,4103,3092],{"class":1580},[1574,4105,3483],{"class":1584},[1574,4107,1599],{"class":1598},[1574,4109,1602],{"class":1580},[1574,4111,1605],{"class":1580},[1574,4113,4114],{"class":1608},"text-2xl font-bold text-gray-900 dark:text-white mb-6",[1574,4116,1605],{"class":1580},[1574,4118,1587],{"class":1580},[1574,4120,4122],{"class":1576,"line":4121},164,[1574,4123,4124],{"class":1809},"              Comments ({{ comments.length }})\n",[1574,4126,4128,4130,4132],{"class":1576,"line":4127},165,[1574,4129,3199],{"class":1580},[1574,4131,3483],{"class":1584},[1574,4133,1587],{"class":1580},[1574,4135,4137],{"class":1576,"line":4136},166,[1574,4138,4139],{"class":1809},"            \n",[1574,4141,4143,4145,4147,4149,4151,4153,4156,4158],{"class":1576,"line":4142},167,[1574,4144,3092],{"class":1580},[1574,4146,1548],{"class":1584},[1574,4148,1599],{"class":1598},[1574,4150,1602],{"class":1580},[1574,4152,1605],{"class":1580},[1574,4154,4155],{"class":1608},"space-y-6 mb-8",[1574,4157,1605],{"class":1580},[1574,4159,1587],{"class":1580},[1574,4161,4163,4165],{"class":1576,"line":4162},168,[1574,4164,3380],{"class":1580},[1574,4166,4167],{"class":1584},"div\n",[1574,4169,4171,4174,4176,4178,4181],{"class":1576,"line":4170},169,[1574,4172,4173],{"class":1598},"                v-for",[1574,4175,1602],{"class":1580},[1574,4177,1605],{"class":1580},[1574,4179,4180],{"class":1608},"comment in comments",[1574,4182,1723],{"class":1580},[1574,4184,4186,4189,4191,4193,4196],{"class":1576,"line":4185},170,[1574,4187,4188],{"class":1598},"                :key",[1574,4190,1602],{"class":1580},[1574,4192,1605],{"class":1580},[1574,4194,4195],{"class":1608},"comment.id",[1574,4197,1723],{"class":1580},[1574,4199,4201,4203,4205,4207,4209],{"class":1576,"line":4200},171,[1574,4202,3450],{"class":1598},[1574,4204,1602],{"class":1580},[1574,4206,1605],{"class":1580},[1574,4208,1551],{"class":1608},[1574,4210,1723],{"class":1580},[1574,4212,4214],{"class":1576,"line":4213},172,[1574,4215,4216],{"class":1580},"              >\n",[1574,4218,4220,4222],{"class":1576,"line":4219},173,[1574,4221,3480],{"class":1580},[1574,4223,2393],{"class":1584},[1574,4225,4227,4230,4232,4234,4236,4239,4241,4243,4245,4247],{"class":1576,"line":4226},174,[1574,4228,4229],{"class":1580},"                  :",[1574,4231,2402],{"class":1598},[1574,4233,1602],{"class":1580},[1574,4235,1605],{"class":1580},[1574,4237,4238],{"class":1809},"comment",[1574,4240,1813],{"class":1580},[1574,4242,2413],{"class":1809},[1574,4244,1813],{"class":1580},[1574,4246,2418],{"class":1809},[1574,4248,1723],{"class":1580},[1574,4250,4252,4254,4256,4258,4260,4262,4264,4266,4268,4270],{"class":1576,"line":4251},175,[1574,4253,4229],{"class":1580},[1574,4255,2428],{"class":1598},[1574,4257,1602],{"class":1580},[1574,4259,1605],{"class":1580},[1574,4261,4238],{"class":1809},[1574,4263,1813],{"class":1580},[1574,4265,2413],{"class":1809},[1574,4267,1813],{"class":1580},[1574,4269,2443],{"class":1809},[1574,4271,1723],{"class":1580},[1574,4273,4275,4278,4280,4282,4285],{"class":1576,"line":4274},176,[1574,4276,4277],{"class":1598},"                  size",[1574,4279,1602],{"class":1580},[1574,4281,1605],{"class":1580},[1574,4283,4284],{"class":1608},"md",[1574,4286,1723],{"class":1580},[1574,4288,4290,4293,4295,4297,4299],{"class":1576,"line":4289},177,[1574,4291,4292],{"class":1598},"                  class",[1574,4294,1602],{"class":1580},[1574,4296,1605],{"class":1580},[1574,4298,2473],{"class":1608},[1574,4300,1723],{"class":1580},[1574,4302,4304],{"class":1576,"line":4303},178,[1574,4305,4306],{"class":1580},"                \u002F>\n",[1574,4308,4310,4312,4314,4316,4318,4320,4323,4325],{"class":1576,"line":4309},179,[1574,4311,3480],{"class":1580},[1574,4313,1548],{"class":1584},[1574,4315,1599],{"class":1598},[1574,4317,1602],{"class":1580},[1574,4319,1605],{"class":1580},[1574,4321,4322],{"class":1608},"flex-1",[1574,4324,1605],{"class":1580},[1574,4326,1587],{"class":1580},[1574,4328,4330,4332,4334,4336,4338,4340,4343,4345],{"class":1576,"line":4329},180,[1574,4331,3573],{"class":1580},[1574,4333,1548],{"class":1584},[1574,4335,1599],{"class":1598},[1574,4337,1602],{"class":1580},[1574,4339,1605],{"class":1580},[1574,4341,4342],{"class":1608},"bg-gray-100 dark:bg-gray-800 rounded-lg p-4",[1574,4344,1605],{"class":1580},[1574,4346,1587],{"class":1580},[1574,4348,4350,4353,4355,4357,4359,4361,4364,4366],{"class":1576,"line":4349},181,[1574,4351,4352],{"class":1580},"                    \u003C",[1574,4354,1548],{"class":1584},[1574,4356,1599],{"class":1598},[1574,4358,1602],{"class":1580},[1574,4360,1605],{"class":1580},[1574,4362,4363],{"class":1608},"flex items-center justify-between mb-2",[1574,4365,1605],{"class":1580},[1574,4367,1587],{"class":1580},[1574,4369,4371,4374,4376,4378,4380,4382,4384,4386],{"class":1576,"line":4370},182,[1574,4372,4373],{"class":1580},"                      \u003C",[1574,4375,1574],{"class":1584},[1574,4377,1599],{"class":1598},[1574,4379,1602],{"class":1580},[1574,4381,1605],{"class":1580},[1574,4383,2506],{"class":1608},[1574,4385,1605],{"class":1580},[1574,4387,1587],{"class":1580},[1574,4389,4391],{"class":1576,"line":4390},183,[1574,4392,4393],{"class":1809},"                        {{ comment.author.name }}\n",[1574,4395,4397,4400,4402],{"class":1576,"line":4396},184,[1574,4398,4399],{"class":1580},"                      \u003C\u002F",[1574,4401,1574],{"class":1584},[1574,4403,1587],{"class":1580},[1574,4405,4407,4409,4411,4413,4415,4417,4420,4422],{"class":1576,"line":4406},185,[1574,4408,4373],{"class":1580},[1574,4410,1574],{"class":1584},[1574,4412,1599],{"class":1598},[1574,4414,1602],{"class":1580},[1574,4416,1605],{"class":1580},[1574,4418,4419],{"class":1608},"text-sm text-gray-500 dark:text-gray-400",[1574,4421,1605],{"class":1580},[1574,4423,1587],{"class":1580},[1574,4425,4427],{"class":1576,"line":4426},186,[1574,4428,4429],{"class":1809},"                        {{ formatDate(comment.date) }}\n",[1574,4431,4433,4435,4437],{"class":1576,"line":4432},187,[1574,4434,4399],{"class":1580},[1574,4436,1574],{"class":1584},[1574,4438,1587],{"class":1580},[1574,4440,4442,4445,4447],{"class":1576,"line":4441},188,[1574,4443,4444],{"class":1580},"                    \u003C\u002F",[1574,4446,1548],{"class":1584},[1574,4448,1587],{"class":1580},[1574,4450,4452,4454,4456,4458,4460,4462,4465,4467],{"class":1576,"line":4451},189,[1574,4453,4352],{"class":1580},[1574,4455,1536],{"class":1584},[1574,4457,1599],{"class":1598},[1574,4459,1602],{"class":1580},[1574,4461,1605],{"class":1580},[1574,4463,4464],{"class":1608},"text-gray-700 dark:text-gray-300",[1574,4466,1605],{"class":1580},[1574,4468,1587],{"class":1580},[1574,4470,4472],{"class":1576,"line":4471},190,[1574,4473,4474],{"class":1809},"                      {{ comment.content }}\n",[1574,4476,4478,4480,4482],{"class":1576,"line":4477},191,[1574,4479,4444],{"class":1580},[1574,4481,1536],{"class":1584},[1574,4483,1587],{"class":1580},[1574,4485,4487,4490,4492],{"class":1576,"line":4486},192,[1574,4488,4489],{"class":1580},"                  \u003C\u002F",[1574,4491,1548],{"class":1584},[1574,4493,1587],{"class":1580},[1574,4495,4497,4499,4501,4503,4505,4507,4510,4512],{"class":1576,"line":4496},193,[1574,4498,3573],{"class":1580},[1574,4500,1548],{"class":1584},[1574,4502,1599],{"class":1598},[1574,4504,1602],{"class":1580},[1574,4506,1605],{"class":1580},[1574,4508,4509],{"class":1608},"mt-2 ml-2",[1574,4511,1605],{"class":1580},[1574,4513,1587],{"class":1580},[1574,4515,4517,4519],{"class":1576,"line":4516},194,[1574,4518,4352],{"class":1580},[1574,4520,3576],{"class":1584},[1574,4522,4524,4527,4529,4531,4533],{"class":1576,"line":4523},195,[1574,4525,4526],{"class":1598},"                      color",[1574,4528,1602],{"class":1580},[1574,4530,1605],{"class":1580},[1574,4532,3637],{"class":1608},[1574,4534,1723],{"class":1580},[1574,4536,4538,4541,4543,4545,4547],{"class":1576,"line":4537},196,[1574,4539,4540],{"class":1598},"                      variant",[1574,4542,1602],{"class":1580},[1574,4544,1605],{"class":1580},[1574,4546,3652],{"class":1608},[1574,4548,1723],{"class":1580},[1574,4550,4552,4555,4557,4559,4562],{"class":1576,"line":4551},197,[1574,4553,4554],{"class":1598},"                      size",[1574,4556,1602],{"class":1580},[1574,4558,1605],{"class":1580},[1574,4560,4561],{"class":1608},"xs",[1574,4563,1723],{"class":1580},[1574,4565,4567,4570,4572,4574,4577],{"class":1576,"line":4566},198,[1574,4568,4569],{"class":1598},"                      icon",[1574,4571,1602],{"class":1580},[1574,4573,1605],{"class":1580},[1574,4575,4576],{"class":1608},"i-heroicons-arrow-up-tray",[1574,4578,1723],{"class":1580},[1574,4580,4582,4585,4587,4589,4592],{"class":1576,"line":4581},199,[1574,4583,4584],{"class":1598},"                      label",[1574,4586,1602],{"class":1580},[1574,4588,1605],{"class":1580},[1574,4590,4591],{"class":1608},"Reply",[1574,4593,1723],{"class":1580},[1574,4595,4597],{"class":1576,"line":4596},200,[1574,4598,4599],{"class":1580},"                    \u002F>\n",[1574,4601,4603,4605,4607],{"class":1576,"line":4602},201,[1574,4604,4489],{"class":1580},[1574,4606,1548],{"class":1584},[1574,4608,1587],{"class":1580},[1574,4610,4612,4614,4616],{"class":1576,"line":4611},202,[1574,4613,3508],{"class":1580},[1574,4615,1548],{"class":1584},[1574,4617,1587],{"class":1580},[1574,4619,4621,4623,4625],{"class":1576,"line":4620},203,[1574,4622,3925],{"class":1580},[1574,4624,1548],{"class":1584},[1574,4626,1587],{"class":1580},[1574,4628,4630,4632,4634],{"class":1576,"line":4629},204,[1574,4631,3199],{"class":1580},[1574,4633,1548],{"class":1584},[1574,4635,1587],{"class":1580},[1574,4637,4639],{"class":1576,"line":4638},205,[1574,4640,4139],{"class":1809},[1574,4642,4644,4646,4648],{"class":1576,"line":4643},206,[1574,4645,3092],{"class":1580},[1574,4647,3352],{"class":1584},[1574,4649,1587],{"class":1580},[1574,4651,4653,4655,4658,4660,4662,4664,4667,4669],{"class":1576,"line":4652},207,[1574,4654,3380],{"class":1580},[1574,4656,4657],{"class":1584},"h4",[1574,4659,1599],{"class":1598},[1574,4661,1602],{"class":1580},[1574,4663,1605],{"class":1580},[1574,4665,4666],{"class":1608},"font-bold text-gray-900 dark:text-white mb-4",[1574,4668,1605],{"class":1580},[1574,4670,1587],{"class":1580},[1574,4672,4674],{"class":1576,"line":4673},208,[1574,4675,4676],{"class":1809},"                Leave a comment\n",[1574,4678,4680,4682,4684],{"class":1576,"line":4679},209,[1574,4681,3925],{"class":1580},[1574,4683,4657],{"class":1584},[1574,4685,1587],{"class":1580},[1574,4687,4689,4691],{"class":1576,"line":4688},210,[1574,4690,3380],{"class":1580},[1574,4692,4693],{"class":1584},"UTextarea\n",[1574,4695,4697,4700,4702,4704,4707],{"class":1576,"line":4696},211,[1574,4698,4699],{"class":1598},"                v-model",[1574,4701,1602],{"class":1580},[1574,4703,1605],{"class":1580},[1574,4705,4706],{"class":1809},"newComment",[1574,4708,1723],{"class":1580},[1574,4710,4712,4715,4717,4719,4722],{"class":1576,"line":4711},212,[1574,4713,4714],{"class":1598},"                placeholder",[1574,4716,1602],{"class":1580},[1574,4718,1605],{"class":1580},[1574,4720,4721],{"class":1608},"Share your thoughts...",[1574,4723,1723],{"class":1580},[1574,4725,4727,4729,4732,4734,4736,4739],{"class":1576,"line":4726},213,[1574,4728,3388],{"class":1580},[1574,4730,4731],{"class":1598},"rows",[1574,4733,1602],{"class":1580},[1574,4735,1605],{"class":1580},[1574,4737,4738],{"class":1682},"4",[1574,4740,1723],{"class":1580},[1574,4742,4744,4746,4748,4750,4753],{"class":1576,"line":4743},214,[1574,4745,3450],{"class":1598},[1574,4747,1602],{"class":1580},[1574,4749,1605],{"class":1580},[1574,4751,4752],{"class":1608},"mb-4",[1574,4754,1723],{"class":1580},[1574,4756,4758],{"class":1576,"line":4757},215,[1574,4759,3465],{"class":1580},[1574,4761,4763,4765,4767,4769,4771,4773,4776,4778],{"class":1576,"line":4762},216,[1574,4764,3380],{"class":1580},[1574,4766,1548],{"class":1584},[1574,4768,1599],{"class":1598},[1574,4770,1602],{"class":1580},[1574,4772,1605],{"class":1580},[1574,4774,4775],{"class":1608},"flex justify-between items-center",[1574,4777,1605],{"class":1580},[1574,4779,1587],{"class":1580},[1574,4781,4783,4785,4787,4789,4791,4793,4795,4797],{"class":1576,"line":4782},217,[1574,4784,3480],{"class":1580},[1574,4786,1548],{"class":1584},[1574,4788,1599],{"class":1598},[1574,4790,1602],{"class":1580},[1574,4792,1605],{"class":1580},[1574,4794,2378],{"class":1608},[1574,4796,1605],{"class":1580},[1574,4798,1587],{"class":1580},[1574,4800,4802,4804],{"class":1576,"line":4801},218,[1574,4803,3573],{"class":1580},[1574,4805,4806],{"class":1584},"UCheckbox\n",[1574,4808,4810,4813,4815,4817,4820],{"class":1576,"line":4809},219,[1574,4811,4812],{"class":1598},"                    v-model",[1574,4814,1602],{"class":1580},[1574,4816,1605],{"class":1580},[1574,4818,4819],{"class":1809},"subscribeToReplies",[1574,4821,1723],{"class":1580},[1574,4823,4825,4828,4830,4832,4835],{"class":1576,"line":4824},220,[1574,4826,4827],{"class":1598},"                    label",[1574,4829,1602],{"class":1580},[1574,4831,1605],{"class":1580},[1574,4833,4834],{"class":1608},"Subscribe to replies",[1574,4836,1723],{"class":1580},[1574,4838,4840,4843,4845,4847,4849],{"class":1576,"line":4839},221,[1574,4841,4842],{"class":1598},"                    class",[1574,4844,1602],{"class":1580},[1574,4846,1605],{"class":1580},[1574,4848,2473],{"class":1608},[1574,4850,1723],{"class":1580},[1574,4852,4854],{"class":1576,"line":4853},222,[1574,4855,3690],{"class":1580},[1574,4857,4859,4861,4863],{"class":1576,"line":4858},223,[1574,4860,3508],{"class":1580},[1574,4862,1548],{"class":1584},[1574,4864,1587],{"class":1580},[1574,4866,4868,4870],{"class":1576,"line":4867},224,[1574,4869,3480],{"class":1580},[1574,4871,3576],{"class":1584},[1574,4873,4875,4877,4880,4882,4884,4887,4889,4891,4894,4897],{"class":1576,"line":4874},225,[1574,4876,4229],{"class":1580},[1574,4878,4879],{"class":1598},"disabled",[1574,4881,1602],{"class":1580},[1574,4883,1605],{"class":1580},[1574,4885,4886],{"class":1580},"!",[1574,4888,4706],{"class":1809},[1574,4890,1813],{"class":1580},[1574,4892,4893],{"class":1802},"trim",[1574,4895,4896],{"class":1580},"()",[1574,4898,1723],{"class":1580},[1574,4900,4902,4905,4908,4910,4912,4915],{"class":1576,"line":4901},226,[1574,4903,4904],{"class":1580},"                  @",[1574,4906,4907],{"class":1598},"click",[1574,4909,1602],{"class":1580},[1574,4911,1605],{"class":1580},[1574,4913,4914],{"class":1809},"addComment",[1574,4916,1723],{"class":1580},[1574,4918,4920],{"class":1576,"line":4919},227,[1574,4921,4922],{"class":1580},"                >\n",[1574,4924,4926],{"class":1576,"line":4925},228,[1574,4927,4928],{"class":1809},"                  Post Comment\n",[1574,4930,4932,4934,4937],{"class":1576,"line":4931},229,[1574,4933,3508],{"class":1580},[1574,4935,4936],{"class":1584},"UButton",[1574,4938,1587],{"class":1580},[1574,4940,4942,4944,4946],{"class":1576,"line":4941},230,[1574,4943,3925],{"class":1580},[1574,4945,1548],{"class":1584},[1574,4947,1587],{"class":1580},[1574,4949,4951,4953,4955],{"class":1576,"line":4950},231,[1574,4952,3199],{"class":1580},[1574,4954,3352],{"class":1584},[1574,4956,1587],{"class":1580},[1574,4958,4960,4962,4964],{"class":1576,"line":4959},232,[1574,4961,1854],{"class":1580},[1574,4963,1548],{"class":1584},[1574,4965,1587],{"class":1580},[1574,4967,4969,4971,4973],{"class":1576,"line":4968},233,[1574,4970,1952],{"class":1580},[1574,4972,1965],{"class":1584},[1574,4974,1587],{"class":1580},[1574,4976,4978,4980,4982],{"class":1576,"line":4977},234,[1574,4979,1962],{"class":1580},[1574,4981,2808],{"class":1584},[1574,4983,1587],{"class":1580},[1574,4985,4987],{"class":1576,"line":4986},235,[1574,4988,1973],{"class":1809},[1574,4990,4992],{"class":1576,"line":4991},236,[1574,4993,4994],{"class":1619},"      \u003C!-- Sidebar -->\n",[1574,4996,4998,5000,5003,5005,5007,5009,5012,5014],{"class":1576,"line":4997},237,[1574,4999,1648],{"class":1580},[1574,5001,5002],{"class":1584},"aside",[1574,5004,1599],{"class":1598},[1574,5006,1602],{"class":1580},[1574,5008,1605],{"class":1580},[1574,5010,5011],{"class":1608},"lg:w-1\u002F4",[1574,5013,1605],{"class":1580},[1574,5015,1587],{"class":1580},[1574,5017,5019],{"class":1576,"line":5018},238,[1574,5020,5021],{"class":1619},"        \u003C!-- Table of Contents -->\n",[1574,5023,5025,5027],{"class":1576,"line":5024},239,[1574,5026,1762],{"class":1580},[1574,5028,2835],{"class":1584},[1574,5030,5032,5034,5036,5038,5040,5043],{"class":1576,"line":5031},240,[1574,5033,2399],{"class":1580},[1574,5035,2843],{"class":1598},[1574,5037,1602],{"class":1580},[1574,5039,1605],{"class":1580},[1574,5041,5042],{"class":1682},"0.05",[1574,5044,1723],{"class":1580},[1574,5046,5048,5050,5052,5054,5056],{"class":1576,"line":5047},241,[1574,5049,2857],{"class":1598},[1574,5051,1602],{"class":1580},[1574,5053,1605],{"class":1580},[1574,5055,2864],{"class":1608},[1574,5057,1723],{"class":1580},[1574,5059,5061,5063,5065,5067,5069],{"class":1576,"line":5060},242,[1574,5062,2872],{"class":1598},[1574,5064,1602],{"class":1580},[1574,5066,1605],{"class":1580},[1574,5068,1670],{"class":1608},[1574,5070,1723],{"class":1580},[1574,5072,5074,5076,5078,5080,5082],{"class":1576,"line":5073},243,[1574,5075,2886],{"class":1598},[1574,5077,1602],{"class":1580},[1574,5079,1605],{"class":1580},[1574,5081,1700],{"class":1608},[1574,5083,1723],{"class":1580},[1574,5085,5087,5089,5091,5093,5096],{"class":1576,"line":5086},244,[1574,5088,2466],{"class":1598},[1574,5090,1602],{"class":1580},[1574,5092,1605],{"class":1580},[1574,5094,5095],{"class":1608},"sticky top-8",[1574,5097,1723],{"class":1580},[1574,5099,5101],{"class":1576,"line":5100},245,[1574,5102,2914],{"class":1580},[1574,5104,5106,5108,5110,5112,5114,5116,5119,5121],{"class":1576,"line":5105},246,[1574,5107,1783],{"class":1580},[1574,5109,3352],{"class":1584},[1574,5111,1599],{"class":1598},[1574,5113,1602],{"class":1580},[1574,5115,1605],{"class":1580},[1574,5117,5118],{"class":1608},"mb-8",[1574,5120,1605],{"class":1580},[1574,5122,1587],{"class":1580},[1574,5124,5126,5128,5130,5132,5134,5136,5139,5141],{"class":1576,"line":5125},247,[1574,5127,3092],{"class":1580},[1574,5129,3483],{"class":1584},[1574,5131,1599],{"class":1598},[1574,5133,1602],{"class":1580},[1574,5135,1605],{"class":1580},[1574,5137,5138],{"class":1608},"font-bold text-lg text-gray-900 dark:text-white mb-4",[1574,5140,1605],{"class":1580},[1574,5142,1587],{"class":1580},[1574,5144,5146],{"class":1576,"line":5145},248,[1574,5147,5148],{"class":1809},"              Table of Contents\n",[1574,5150,5152,5154,5156],{"class":1576,"line":5151},249,[1574,5153,3199],{"class":1580},[1574,5155,3483],{"class":1584},[1574,5157,1587],{"class":1580},[1574,5159,5161,5163,5166,5168,5170,5172,5175,5177],{"class":1576,"line":5160},250,[1574,5162,3092],{"class":1580},[1574,5164,5165],{"class":1584},"ul",[1574,5167,1599],{"class":1598},[1574,5169,1602],{"class":1580},[1574,5171,1605],{"class":1580},[1574,5173,5174],{"class":1608},"space-y-2",[1574,5176,1605],{"class":1580},[1574,5178,1587],{"class":1580},[1574,5180,5182,5184],{"class":1576,"line":5181},251,[1574,5183,3380],{"class":1580},[1574,5185,5186],{"class":1584},"li\n",[1574,5188,5190,5192,5194,5196,5199],{"class":1576,"line":5189},252,[1574,5191,4173],{"class":1598},[1574,5193,1602],{"class":1580},[1574,5195,1605],{"class":1580},[1574,5197,5198],{"class":1608},"(heading, index) in article.headings",[1574,5200,1723],{"class":1580},[1574,5202,5204,5206,5208,5210,5213],{"class":1576,"line":5203},253,[1574,5205,4188],{"class":1598},[1574,5207,1602],{"class":1580},[1574,5209,1605],{"class":1580},[1574,5211,5212],{"class":1608},"index",[1574,5214,1723],{"class":1580},[1574,5216,5218],{"class":1576,"line":5217},254,[1574,5219,4216],{"class":1580},[1574,5221,5223,5225],{"class":1576,"line":5222},255,[1574,5224,3480],{"class":1580},[1574,5226,5227],{"class":1584},"a\n",[1574,5229,5231,5234,5236,5238,5241],{"class":1576,"line":5230},256,[1574,5232,5233],{"class":1598},"                  :href",[1574,5235,1602],{"class":1580},[1574,5237,1605],{"class":1580},[1574,5239,5240],{"class":1608},"`#${heading.id}`",[1574,5242,1723],{"class":1580},[1574,5244,5246,5248,5250,5252,5255],{"class":1576,"line":5245},257,[1574,5247,4292],{"class":1598},[1574,5249,1602],{"class":1580},[1574,5251,1605],{"class":1580},[1574,5253,5254],{"class":1608},"text-gray-600 dark:text-gray-400 hover:text-primary-500 dark:hover:text-primary-400 transition-colors",[1574,5256,1723],{"class":1580},[1574,5258,5260,5263,5265,5267,5270],{"class":1576,"line":5259},258,[1574,5261,5262],{"class":1598},"                  :class",[1574,5264,1602],{"class":1580},[1574,5266,1605],{"class":1580},[1574,5268,5269],{"class":1608},"{ 'font-medium text-primary-500 dark:text-primary-400': activeHeading === heading.id }",[1574,5271,1723],{"class":1580},[1574,5273,5275],{"class":1576,"line":5274},259,[1574,5276,4922],{"class":1580},[1574,5278,5280],{"class":1576,"line":5279},260,[1574,5281,5282],{"class":1809},"                  {{ heading.text }}\n",[1574,5284,5286,5288,5291],{"class":1576,"line":5285},261,[1574,5287,3508],{"class":1580},[1574,5289,5290],{"class":1584},"a",[1574,5292,1587],{"class":1580},[1574,5294,5296,5298,5301],{"class":1576,"line":5295},262,[1574,5297,3925],{"class":1580},[1574,5299,5300],{"class":1584},"li",[1574,5302,1587],{"class":1580},[1574,5304,5306,5308,5310],{"class":1576,"line":5305},263,[1574,5307,3199],{"class":1580},[1574,5309,5165],{"class":1584},[1574,5311,1587],{"class":1580},[1574,5313,5315,5317,5319],{"class":1576,"line":5314},264,[1574,5316,1854],{"class":1580},[1574,5318,3352],{"class":1584},[1574,5320,1587],{"class":1580},[1574,5322,5324],{"class":1576,"line":5323},265,[1574,5325,5326],{"class":1809},"          \n",[1574,5328,5330],{"class":1576,"line":5329},266,[1574,5331,5332],{"class":1619},"          \u003C!-- Related Articles -->\n",[1574,5334,5336,5338,5340],{"class":1576,"line":5335},267,[1574,5337,1783],{"class":1580},[1574,5339,3352],{"class":1584},[1574,5341,1587],{"class":1580},[1574,5343,5345,5347,5349,5351,5353,5355,5357,5359],{"class":1576,"line":5344},268,[1574,5346,3092],{"class":1580},[1574,5348,3483],{"class":1584},[1574,5350,1599],{"class":1598},[1574,5352,1602],{"class":1580},[1574,5354,1605],{"class":1580},[1574,5356,5138],{"class":1608},[1574,5358,1605],{"class":1580},[1574,5360,1587],{"class":1580},[1574,5362,5364],{"class":1576,"line":5363},269,[1574,5365,5366],{"class":1809},"              Related Articles\n",[1574,5368,5370,5372,5374],{"class":1576,"line":5369},270,[1574,5371,3199],{"class":1580},[1574,5373,3483],{"class":1584},[1574,5375,1587],{"class":1580},[1574,5377,5379,5381,5383,5385,5387,5389,5392,5394],{"class":1576,"line":5378},271,[1574,5380,3092],{"class":1580},[1574,5382,5165],{"class":1584},[1574,5384,1599],{"class":1598},[1574,5386,1602],{"class":1580},[1574,5388,1605],{"class":1580},[1574,5390,5391],{"class":1608},"space-y-4",[1574,5393,1605],{"class":1580},[1574,5395,1587],{"class":1580},[1574,5397,5399,5401],{"class":1576,"line":5398},272,[1574,5400,3380],{"class":1580},[1574,5402,5186],{"class":1584},[1574,5404,5406,5408,5410,5412,5415],{"class":1576,"line":5405},273,[1574,5407,4173],{"class":1598},[1574,5409,1602],{"class":1580},[1574,5411,1605],{"class":1580},[1574,5413,5414],{"class":1608},"related in relatedArticles",[1574,5416,1723],{"class":1580},[1574,5418,5420,5422,5424,5426,5429],{"class":1576,"line":5419},274,[1574,5421,4188],{"class":1598},[1574,5423,1602],{"class":1580},[1574,5425,1605],{"class":1580},[1574,5427,5428],{"class":1608},"related.id",[1574,5430,1723],{"class":1580},[1574,5432,5434],{"class":1576,"line":5433},275,[1574,5435,4216],{"class":1580},[1574,5437,5439,5441],{"class":1576,"line":5438},276,[1574,5440,3480],{"class":1580},[1574,5442,5443],{"class":1584},"NuxtLink\n",[1574,5445,5447,5449,5451,5453,5456,5459,5462,5465,5467,5470],{"class":1576,"line":5446},277,[1574,5448,4229],{"class":1580},[1574,5450,3608],{"class":1598},[1574,5452,1602],{"class":1580},[1574,5454,5455],{"class":1580},"\"`",[1574,5457,5458],{"class":1608},"\u002Fblog\u002F",[1574,5460,5461],{"class":1580},"${",[1574,5463,5464],{"class":1809},"related",[1574,5466,1813],{"class":1580},[1574,5468,5469],{"class":1809},"slug",[1574,5471,5472],{"class":1580},"}`\"\n",[1574,5474,5476,5478,5480,5482,5485],{"class":1576,"line":5475},278,[1574,5477,4292],{"class":1598},[1574,5479,1602],{"class":1580},[1574,5481,1605],{"class":1580},[1574,5483,5484],{"class":1608},"block group",[1574,5486,1723],{"class":1580},[1574,5488,5490],{"class":1576,"line":5489},279,[1574,5491,4922],{"class":1580},[1574,5493,5495,5497],{"class":1576,"line":5494},280,[1574,5496,3573],{"class":1580},[1574,5498,2711],{"class":1584},[1574,5500,5502,5505,5507,5509,5512],{"class":1576,"line":5501},281,[1574,5503,5504],{"class":1598},"                    :src",[1574,5506,1602],{"class":1580},[1574,5508,1605],{"class":1580},[1574,5510,5511],{"class":1608},"related.image",[1574,5513,1723],{"class":1580},[1574,5515,5517,5520,5522,5524,5527],{"class":1576,"line":5516},282,[1574,5518,5519],{"class":1598},"                    :alt",[1574,5521,1602],{"class":1580},[1574,5523,1605],{"class":1580},[1574,5525,5526],{"class":1608},"related.title",[1574,5528,1723],{"class":1580},[1574,5530,5532,5534,5536,5538,5541],{"class":1576,"line":5531},283,[1574,5533,4842],{"class":1598},[1574,5535,1602],{"class":1580},[1574,5537,1605],{"class":1580},[1574,5539,5540],{"class":1608},"w-full h-24 object-cover rounded-lg mb-2",[1574,5542,1723],{"class":1580},[1574,5544,5546],{"class":1576,"line":5545},284,[1574,5547,5548],{"class":1580},"                  >\n",[1574,5550,5552,5554,5556,5558,5560,5562,5565,5567],{"class":1576,"line":5551},285,[1574,5553,3573],{"class":1580},[1574,5555,4657],{"class":1584},[1574,5557,1599],{"class":1598},[1574,5559,1602],{"class":1580},[1574,5561,1605],{"class":1580},[1574,5563,5564],{"class":1608},"font-medium text-gray-900 dark:text-white group-hover:text-primary-500 dark:group-hover:text-primary-400 transition-colors",[1574,5566,1605],{"class":1580},[1574,5568,1587],{"class":1580},[1574,5570,5572],{"class":1576,"line":5571},286,[1574,5573,5574],{"class":1809},"                    {{ related.title }}\n",[1574,5576,5578,5580,5582],{"class":1576,"line":5577},287,[1574,5579,4489],{"class":1580},[1574,5581,4657],{"class":1584},[1574,5583,1587],{"class":1580},[1574,5585,5587,5589,5591,5593,5595,5597,5600,5602],{"class":1576,"line":5586},288,[1574,5588,3573],{"class":1580},[1574,5590,1536],{"class":1584},[1574,5592,1599],{"class":1598},[1574,5594,1602],{"class":1580},[1574,5596,1605],{"class":1580},[1574,5598,5599],{"class":1608},"text-sm text-gray-500 dark:text-gray-400 mt-1",[1574,5601,1605],{"class":1580},[1574,5603,1587],{"class":1580},[1574,5605,5607],{"class":1576,"line":5606},289,[1574,5608,5609],{"class":1809},"                    {{ related.date }}\n",[1574,5611,5613,5615,5617],{"class":1576,"line":5612},290,[1574,5614,4489],{"class":1580},[1574,5616,1536],{"class":1584},[1574,5618,1587],{"class":1580},[1574,5620,5622,5624,5627],{"class":1576,"line":5621},291,[1574,5623,3508],{"class":1580},[1574,5625,5626],{"class":1584},"NuxtLink",[1574,5628,1587],{"class":1580},[1574,5630,5632,5634,5636],{"class":1576,"line":5631},292,[1574,5633,3925],{"class":1580},[1574,5635,5300],{"class":1584},[1574,5637,1587],{"class":1580},[1574,5639,5641,5643,5645],{"class":1576,"line":5640},293,[1574,5642,3199],{"class":1580},[1574,5644,5165],{"class":1584},[1574,5646,1587],{"class":1580},[1574,5648,5650,5652,5654],{"class":1576,"line":5649},294,[1574,5651,1854],{"class":1580},[1574,5653,3352],{"class":1584},[1574,5655,1587],{"class":1580},[1574,5657,5659,5661,5663],{"class":1576,"line":5658},295,[1574,5660,1952],{"class":1580},[1574,5662,2948],{"class":1584},[1574,5664,1587],{"class":1580},[1574,5666,5668,5670,5672],{"class":1576,"line":5667},296,[1574,5669,1962],{"class":1580},[1574,5671,5002],{"class":1584},[1574,5673,1587],{"class":1580},[1574,5675,5677,5679,5681],{"class":1576,"line":5676},297,[1574,5678,2572],{"class":1580},[1574,5680,1548],{"class":1584},[1574,5682,1587],{"class":1580},[1574,5684,5686,5689,5691],{"class":1576,"line":5685},298,[1574,5687,5688],{"class":1580},"  \u003C\u002F",[1574,5690,1548],{"class":1584},[1574,5692,1587],{"class":1580},[1574,5694,5696,5698,5700],{"class":1576,"line":5695},299,[1574,5697,1886],{"class":1580},[1574,5699,1561],{"class":1584},[1574,5701,1587],{"class":1580},[1574,5703,5705],{"class":1576,"line":5704},300,[1574,5706,5708],{"emptyLinePlaceholder":5707},true,"\n",[1574,5710,5712,5714,5717,5720,5723,5725,5727,5730,5732],{"class":1576,"line":5711},301,[1574,5713,1581],{"class":1580},[1574,5715,5716],{"class":1584},"script",[1574,5718,5719],{"class":1598}," setup",[1574,5721,5722],{"class":1598}," lang",[1574,5724,1602],{"class":1580},[1574,5726,1605],{"class":1580},[1574,5728,5729],{"class":1608},"ts",[1574,5731,1605],{"class":1580},[1574,5733,1587],{"class":1580},[1574,5735,5737,5740,5743,5745,5748,5750,5753],{"class":1576,"line":5736},302,[1574,5738,5739],{"class":1598},"const",[1574,5741,5742],{"class":1809}," activeHeading ",[1574,5744,1602],{"class":1580},[1574,5746,5747],{"class":1802}," ref",[1574,5749,1806],{"class":1809},[1574,5751,5752],{"class":1580},"''",[1574,5754,5755],{"class":1809},")\n",[1574,5757,5759,5761,5764,5766,5768,5770,5772],{"class":1576,"line":5758},303,[1574,5760,5739],{"class":1598},[1574,5762,5763],{"class":1809}," newComment ",[1574,5765,1602],{"class":1580},[1574,5767,5747],{"class":1802},[1574,5769,1806],{"class":1809},[1574,5771,5752],{"class":1580},[1574,5773,5755],{"class":1809},[1574,5775,5777,5779,5782,5784,5786,5788,5792],{"class":1576,"line":5776},304,[1574,5778,5739],{"class":1598},[1574,5780,5781],{"class":1809}," subscribeToReplies ",[1574,5783,1602],{"class":1580},[1574,5785,5747],{"class":1802},[1574,5787,1806],{"class":1809},[1574,5789,5791],{"class":5790},"sfNiH","false",[1574,5793,5755],{"class":1809},[1574,5795,5797],{"class":1576,"line":5796},305,[1574,5798,5708],{"emptyLinePlaceholder":5707},[1574,5800,5802,5804,5807,5809],{"class":1576,"line":5801},306,[1574,5803,5739],{"class":1598},[1574,5805,5806],{"class":1809}," article ",[1574,5808,1602],{"class":1580},[1574,5810,5811],{"class":1580}," {\n",[1574,5813,5815,5818,5821,5824],{"class":1576,"line":5814},307,[1574,5816,5817],{"class":1584},"  id",[1574,5819,5820],{"class":1580},":",[1574,5822,5823],{"class":1682}," 1",[1574,5825,5826],{"class":1580},",\n",[1574,5828,5830,5833,5835,5838,5841,5844],{"class":1576,"line":5829},308,[1574,5831,5832],{"class":1584},"  title",[1574,5834,5820],{"class":1580},[1574,5836,5837],{"class":1580}," '",[1574,5839,5840],{"class":1608},"Getting Started with Vue 3 Composition API",[1574,5842,5843],{"class":1580},"'",[1574,5845,5826],{"class":1580},[1574,5847,5849,5852,5854,5856,5859,5861],{"class":1576,"line":5848},309,[1574,5850,5851],{"class":1584},"  excerpt",[1574,5853,5820],{"class":1580},[1574,5855,5837],{"class":1580},[1574,5857,5858],{"class":1608},"Learn how to leverage the Composition API in Vue 3 to build more maintainable and scalable applications.",[1574,5860,5843],{"class":1580},[1574,5862,5826],{"class":1580},[1574,5864,5866,5869,5871,5873,5876,5878],{"class":1576,"line":5865},310,[1574,5867,5868],{"class":1584},"  category",[1574,5870,5820],{"class":1580},[1574,5872,5837],{"class":1580},[1574,5874,5875],{"class":1608},"Technology",[1574,5877,5843],{"class":1580},[1574,5879,5826],{"class":1580},[1574,5881,5883,5886,5888,5890,5893,5895],{"class":1576,"line":5882},311,[1574,5884,5885],{"class":1584},"  date",[1574,5887,5820],{"class":1580},[1574,5889,5837],{"class":1580},[1574,5891,5892],{"class":1608},"May 15, 2023",[1574,5894,5843],{"class":1580},[1574,5896,5826],{"class":1580},[1574,5898,5900,5903,5905,5908],{"class":1576,"line":5899},312,[1574,5901,5902],{"class":1584},"  readTime",[1574,5904,5820],{"class":1580},[1574,5906,5907],{"class":1682}," 8",[1574,5909,5826],{"class":1580},[1574,5911,5913,5916,5918,5920,5923,5925],{"class":1576,"line":5912},313,[1574,5914,5915],{"class":1584},"  featuredImage",[1574,5917,5820],{"class":1580},[1574,5919,5837],{"class":1580},[1574,5921,5922],{"class":1608},"https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1633356122102-3fe601e05bd2?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&q=80",[1574,5924,5843],{"class":1580},[1574,5926,5826],{"class":1580},[1574,5928,5930,5933,5935],{"class":1576,"line":5929},314,[1574,5931,5932],{"class":1584},"  author",[1574,5934,5820],{"class":1580},[1574,5936,5811],{"class":1580},[1574,5938,5940,5943,5945,5947,5950,5952],{"class":1576,"line":5939},315,[1574,5941,5942],{"class":1584},"    name",[1574,5944,5820],{"class":1580},[1574,5946,5837],{"class":1580},[1574,5948,5949],{"class":1608},"Alex Johnson",[1574,5951,5843],{"class":1580},[1574,5953,5826],{"class":1580},[1574,5955,5957,5960,5962,5964,5967,5969],{"class":1576,"line":5956},316,[1574,5958,5959],{"class":1584},"    avatar",[1574,5961,5820],{"class":1580},[1574,5963,5837],{"class":1580},[1574,5965,5966],{"class":1608},"https:\u002F\u002Frandomuser.me\u002Fapi\u002Fportraits\u002Fmen\u002F32.jpg",[1574,5968,5843],{"class":1580},[1574,5970,5826],{"class":1580},[1574,5972,5974,5977,5979,5981,5984,5986],{"class":1576,"line":5973},317,[1574,5975,5976],{"class":1584},"    role",[1574,5978,5820],{"class":1580},[1574,5980,5837],{"class":1580},[1574,5982,5983],{"class":1608},"Senior Frontend Developer",[1574,5985,5843],{"class":1580},[1574,5987,5826],{"class":1580},[1574,5989,5991,5994,5996,5998,6001,6003],{"class":1576,"line":5990},318,[1574,5992,5993],{"class":1584},"    bio",[1574,5995,5820],{"class":1580},[1574,5997,5837],{"class":1580},[1574,5999,6000],{"class":1608},"Alex is a senior frontend developer with over 8 years of experience building web applications. He specializes in Vue.js and React.",[1574,6002,5843],{"class":1580},[1574,6004,5826],{"class":1580},[1574,6006,6008,6011,6013,6015,6018,6020],{"class":1576,"line":6007},319,[1574,6009,6010],{"class":1584},"    twitter",[1574,6012,5820],{"class":1580},[1574,6014,5837],{"class":1580},[1574,6016,6017],{"class":1608},"https:\u002F\u002Ftwitter.com\u002Fexample",[1574,6019,5843],{"class":1580},[1574,6021,5826],{"class":1580},[1574,6023,6025,6028,6030,6032,6035,6037],{"class":1576,"line":6024},320,[1574,6026,6027],{"class":1584},"    linkedin",[1574,6029,5820],{"class":1580},[1574,6031,5837],{"class":1580},[1574,6033,6034],{"class":1608},"https:\u002F\u002Flinkedin.com\u002Fin\u002Fexample",[1574,6036,5843],{"class":1580},[1574,6038,5826],{"class":1580},[1574,6040,6042,6045,6047,6049,6052],{"class":1576,"line":6041},321,[1574,6043,6044],{"class":1584},"    github",[1574,6046,5820],{"class":1580},[1574,6048,5837],{"class":1580},[1574,6050,6051],{"class":1608},"https:\u002F\u002Fgithub.com\u002Fexample",[1574,6053,6054],{"class":1580},"'\n",[1574,6056,6058],{"class":1576,"line":6057},322,[1574,6059,6060],{"class":1580},"  },\n",[1574,6062,6064,6067,6069,6072,6074,6077,6079,6082,6084,6087,6089,6091,6093,6096,6098,6100,6102,6105,6107,6110],{"class":1576,"line":6063},323,[1574,6065,6066],{"class":1584},"  tags",[1574,6068,5820],{"class":1580},[1574,6070,6071],{"class":1809}," [",[1574,6073,5843],{"class":1580},[1574,6075,6076],{"class":1608},"Vue.js",[1574,6078,5843],{"class":1580},[1574,6080,6081],{"class":1580},",",[1574,6083,5837],{"class":1580},[1574,6085,6086],{"class":1608},"JavaScript",[1574,6088,5843],{"class":1580},[1574,6090,6081],{"class":1580},[1574,6092,5837],{"class":1580},[1574,6094,6095],{"class":1608},"Frontend",[1574,6097,5843],{"class":1580},[1574,6099,6081],{"class":1580},[1574,6101,5837],{"class":1580},[1574,6103,6104],{"class":1608},"Composition API",[1574,6106,5843],{"class":1580},[1574,6108,6109],{"class":1809},"]",[1574,6111,5826],{"class":1580},[1574,6113,6115,6118,6120],{"class":1576,"line":6114},324,[1574,6116,6117],{"class":1584},"  headings",[1574,6119,5820],{"class":1580},[1574,6121,6122],{"class":1809}," [\n",[1574,6124,6126,6129,6132,6134,6136,6139,6141,6143,6146,6148,6150,6152,6154],{"class":1576,"line":6125},325,[1574,6127,6128],{"class":1580},"    {",[1574,6130,6131],{"class":1584}," id",[1574,6133,5820],{"class":1580},[1574,6135,5837],{"class":1580},[1574,6137,6138],{"class":1608},"introduction",[1574,6140,5843],{"class":1580},[1574,6142,6081],{"class":1580},[1574,6144,6145],{"class":1584}," text",[1574,6147,5820],{"class":1580},[1574,6149,5837],{"class":1580},[1574,6151,10],{"class":1608},[1574,6153,5843],{"class":1580},[1574,6155,6156],{"class":1580}," },\n",[1574,6158,6160,6162,6164,6166,6168,6171,6173,6175,6177,6179,6181,6184,6186],{"class":1576,"line":6159},326,[1574,6161,6128],{"class":1580},[1574,6163,6131],{"class":1584},[1574,6165,5820],{"class":1580},[1574,6167,5837],{"class":1580},[1574,6169,6170],{"class":1608},"setup",[1574,6172,5843],{"class":1580},[1574,6174,6081],{"class":1580},[1574,6176,6145],{"class":1584},[1574,6178,5820],{"class":1580},[1574,6180,5837],{"class":1580},[1574,6182,6183],{"class":1608},"Getting your project ready",[1574,6185,5843],{"class":1580},[1574,6187,6156],{"class":1580},[1574,6189,6191,6193,6195,6197,6199,6202,6204,6206,6208,6210,6212,6215,6217],{"class":1576,"line":6190},327,[1574,6192,6128],{"class":1580},[1574,6194,6131],{"class":1584},[1574,6196,5820],{"class":1580},[1574,6198,5837],{"class":1580},[1574,6200,6201],{"class":1608},"reactive-data",[1574,6203,5843],{"class":1580},[1574,6205,6081],{"class":1580},[1574,6207,6145],{"class":1584},[1574,6209,5820],{"class":1580},[1574,6211,5837],{"class":1580},[1574,6213,6214],{"class":1608},"Working with Reactive Data",[1574,6216,5843],{"class":1580},[1574,6218,6156],{"class":1580},[1574,6220,6222,6224,6226,6228,6230,6233,6235,6237,6239,6241,6243,6246,6248],{"class":1576,"line":6221},328,[1574,6223,6128],{"class":1580},[1574,6225,6131],{"class":1584},[1574,6227,5820],{"class":1580},[1574,6229,5837],{"class":1580},[1574,6231,6232],{"class":1608},"computed-properties",[1574,6234,5843],{"class":1580},[1574,6236,6081],{"class":1580},[1574,6238,6145],{"class":1584},[1574,6240,5820],{"class":1580},[1574,6242,5837],{"class":1580},[1574,6244,6245],{"class":1608},"Computed Properties and Watchers",[1574,6247,5843],{"class":1580},[1574,6249,6156],{"class":1580},[1574,6251,6253,6255,6257,6259,6261,6264,6266,6268,6270,6272,6274,6277,6279],{"class":1576,"line":6252},329,[1574,6254,6128],{"class":1580},[1574,6256,6131],{"class":1584},[1574,6258,5820],{"class":1580},[1574,6260,5837],{"class":1580},[1574,6262,6263],{"class":1608},"lifecycle-hooks",[1574,6265,5843],{"class":1580},[1574,6267,6081],{"class":1580},[1574,6269,6145],{"class":1584},[1574,6271,5820],{"class":1580},[1574,6273,5837],{"class":1580},[1574,6275,6276],{"class":1608},"Lifecycle Hooks",[1574,6278,5843],{"class":1580},[1574,6280,6156],{"class":1580},[1574,6282,6284,6286,6288,6290,6292,6295,6297,6299,6301,6303,6305,6308,6310],{"class":1576,"line":6283},330,[1574,6285,6128],{"class":1580},[1574,6287,6131],{"class":1584},[1574,6289,5820],{"class":1580},[1574,6291,5837],{"class":1580},[1574,6293,6294],{"class":1608},"best-practices",[1574,6296,5843],{"class":1580},[1574,6298,6081],{"class":1580},[1574,6300,6145],{"class":1584},[1574,6302,5820],{"class":1580},[1574,6304,5837],{"class":1580},[1574,6306,6307],{"class":1608},"Best Practices",[1574,6309,5843],{"class":1580},[1574,6311,6156],{"class":1580},[1574,6313,6315,6317,6319,6321,6323,6326,6328,6330,6332,6334,6336,6339,6341],{"class":1576,"line":6314},331,[1574,6316,6128],{"class":1580},[1574,6318,6131],{"class":1584},[1574,6320,5820],{"class":1580},[1574,6322,5837],{"class":1580},[1574,6324,6325],{"class":1608},"conclusion",[1574,6327,5843],{"class":1580},[1574,6329,6081],{"class":1580},[1574,6331,6145],{"class":1584},[1574,6333,5820],{"class":1580},[1574,6335,5837],{"class":1580},[1574,6337,6338],{"class":1608},"Conclusion",[1574,6340,5843],{"class":1580},[1574,6342,6343],{"class":1580}," }\n",[1574,6345,6347,6350],{"class":1576,"line":6346},332,[1574,6348,6349],{"class":1809},"  ]",[1574,6351,5826],{"class":1580},[1574,6353,6355,6358,6360],{"class":1576,"line":6354},333,[1574,6356,6357],{"class":1584},"  content",[1574,6359,5820],{"class":1580},[1574,6361,6362],{"class":1580}," `\n",[1574,6364,6366],{"class":1576,"line":6365},334,[1574,6367,6368],{"class":1608},"    \u003Ch2 id=\"introduction\">Introduction\u003C\u002Fh2>\n",[1574,6370,6372],{"class":1576,"line":6371},335,[1574,6373,6374],{"class":1608},"    \u003Cp>The Vue 3 Composition API is a new way to organize and reuse logic in Vue components. It provides a more flexible alternative to the Options API, allowing developers to group related logic together and share it across components more easily.\u003C\u002Fp>\n",[1574,6376,6378],{"class":1576,"line":6377},336,[1574,6379,2582],{"class":1608},[1574,6381,6383],{"class":1576,"line":6382},337,[1574,6384,6385],{"class":1608},"    \u003Ch2 id=\"setup\">Getting your project ready\u003C\u002Fh2>\n",[1574,6387,6389],{"class":1576,"line":6388},338,[1574,6390,6391],{"class":1608},"    \u003Cp>To get started with the Composition API, you'll need to have Vue 3 installed in your project. If you're starting a new project, you can use the Vue CLI:\u003C\u002Fp>\n",[1574,6393,6395],{"class":1576,"line":6394},339,[1574,6396,6397],{"class":1608},"    \u003Cpre>\u003Ccode class=\"language-bash\">npm install -g @vue\u002Fcli\n",[1574,6399,6401],{"class":1576,"line":6400},340,[1574,6402,6403],{"class":1608},"vue create my-project\n",[1574,6405,6407],{"class":1576,"line":6406},341,[1574,6408,6409],{"class":1608},"cd my-project\n",[1574,6411,6413],{"class":1576,"line":6412},342,[1574,6414,6415],{"class":1608},"vue add vue-next\u003C\u002Fcode>\u003C\u002Fpre>\n",[1574,6417,6419],{"class":1576,"line":6418},343,[1574,6420,2582],{"class":1608},[1574,6422,6424],{"class":1576,"line":6423},344,[1574,6425,6426],{"class":1608},"    \u003Ch2 id=\"reactive-data\">Working with Reactive Data\u003C\u002Fh2>\n",[1574,6428,6430],{"class":1576,"line":6429},345,[1574,6431,6432],{"class":1608},"    \u003Cp>One of the key features of the Composition API is the \u003Ccode>ref\u003C\u002Fcode> and \u003Ccode>reactive\u003C\u002Fcode> functions for creating reactive data. Here's how you can use them:\u003C\u002Fp>\n",[1574,6434,6436],{"class":1576,"line":6435},346,[1574,6437,6438],{"class":1608},"    \u003Cpre>\u003Ccode class=\"language-javascript\">import { ref, reactive } from 'vue'\n",[1574,6440,6442],{"class":1576,"line":6441},347,[1574,6443,5708],{"emptyLinePlaceholder":5707},[1574,6445,6447],{"class":1576,"line":6446},348,[1574,6448,6449],{"class":1608},"export default {\n",[1574,6451,6453],{"class":1576,"line":6452},349,[1574,6454,6455],{"class":1608},"  setup() {\n",[1574,6457,6459],{"class":1576,"line":6458},350,[1574,6460,6461],{"class":1608},"    const count = ref(0)\n",[1574,6463,6465],{"class":1576,"line":6464},351,[1574,6466,6467],{"class":1608},"    const state = reactive({\n",[1574,6469,6471],{"class":1576,"line":6470},352,[1574,6472,6473],{"class":1608},"      name: 'John',\n",[1574,6475,6477],{"class":1576,"line":6476},353,[1574,6478,6479],{"class":1608},"      age: 30\n",[1574,6481,6483],{"class":1576,"line":6482},354,[1574,6484,6485],{"class":1608},"    })\n",[1574,6487,6489],{"class":1576,"line":6488},355,[1574,6490,2582],{"class":1608},[1574,6492,6494],{"class":1576,"line":6493},356,[1574,6495,6496],{"class":1608},"    const increment = () => {\n",[1574,6498,6500],{"class":1576,"line":6499},357,[1574,6501,6502],{"class":1608},"      count.value++\n",[1574,6504,6506],{"class":1576,"line":6505},358,[1574,6507,6508],{"class":1608},"    }\n",[1574,6510,6512],{"class":1576,"line":6511},359,[1574,6513,2582],{"class":1608},[1574,6515,6517],{"class":1576,"line":6516},360,[1574,6518,6519],{"class":1608},"    return {\n",[1574,6521,6523],{"class":1576,"line":6522},361,[1574,6524,6525],{"class":1608},"      count,\n",[1574,6527,6529],{"class":1576,"line":6528},362,[1574,6530,6531],{"class":1608},"      state,\n",[1574,6533,6535],{"class":1576,"line":6534},363,[1574,6536,6537],{"class":1608},"      increment\n",[1574,6539,6541],{"class":1576,"line":6540},364,[1574,6542,6508],{"class":1608},[1574,6544,6546],{"class":1576,"line":6545},365,[1574,6547,6548],{"class":1608},"  }\n",[1574,6550,6552],{"class":1576,"line":6551},366,[1574,6553,6554],{"class":1608},"}\u003C\u002Fcode>\u003C\u002Fpre>\n",[1574,6556,6558],{"class":1576,"line":6557},367,[1574,6559,2582],{"class":1608},[1574,6561,6563],{"class":1576,"line":6562},368,[1574,6564,6565],{"class":1608},"    \u003Ch2 id=\"computed-properties\">Computed Properties and Watchers\u003C\u002Fh2>\n",[1574,6567,6569],{"class":1576,"line":6568},369,[1574,6570,6571],{"class":1608},"    \u003Cp>The Composition API also provides \u003Ccode>computed\u003C\u002Fcode> and \u003Ccode>watch\u003C\u002Fcode> functions for creating computed properties and watchers:\u003C\u002Fp>\n",[1574,6573,6575],{"class":1576,"line":6574},370,[1574,6576,6577],{"class":1608},"    \u003Cpre>\u003Ccode class=\"language-javascript\">import { ref, computed, watch } from 'vue'\n",[1574,6579,6581],{"class":1576,"line":6580},371,[1574,6582,5708],{"emptyLinePlaceholder":5707},[1574,6584,6586],{"class":1576,"line":6585},372,[1574,6587,6449],{"class":1608},[1574,6589,6591],{"class":1576,"line":6590},373,[1574,6592,6455],{"class":1608},[1574,6594,6596],{"class":1576,"line":6595},374,[1574,6597,6598],{"class":1608},"    const firstName = ref('John')\n",[1574,6600,6602],{"class":1576,"line":6601},375,[1574,6603,6604],{"class":1608},"    const lastName = ref('Doe')\n",[1574,6606,6608],{"class":1576,"line":6607},376,[1574,6609,2582],{"class":1608},[1574,6611,6613],{"class":1576,"line":6612},377,[1574,6614,6615],{"class":1608},"    const fullName = computed(() => {\n",[1574,6617,6619,6622,6625,6628,6631,6634],{"class":1576,"line":6618},378,[1574,6620,6621],{"class":1608},"      return ",[1574,6623,6624],{"class":1809},"\\`\\$",[1574,6626,6627],{"class":1608},"{firstName.value} ",[1574,6629,6630],{"class":1809},"\\$",[1574,6632,6633],{"class":1608},"{lastName.value}",[1574,6635,6636],{"class":1809},"\\`\n",[1574,6638,6640],{"class":1576,"line":6639},379,[1574,6641,6485],{"class":1608},[1574,6643,6645],{"class":1576,"line":6644},380,[1574,6646,2582],{"class":1608},[1574,6648,6650],{"class":1576,"line":6649},381,[1574,6651,6652],{"class":1608},"    watch(firstName, (newVal, oldVal) => {\n",[1574,6654,6656,6659,6662,6665,6667,6670,6672,6675,6677],{"class":1576,"line":6655},382,[1574,6657,6658],{"class":1608},"      console.log(",[1574,6660,6661],{"class":1809},"\\`",[1574,6663,6664],{"class":1608},"First name changed from ",[1574,6666,6630],{"class":1809},[1574,6668,6669],{"class":1608},"{oldVal} to ",[1574,6671,6630],{"class":1809},[1574,6673,6674],{"class":1608},"{newVal}",[1574,6676,6661],{"class":1809},[1574,6678,5755],{"class":1608},[1574,6680,6682],{"class":1576,"line":6681},383,[1574,6683,6485],{"class":1608},[1574,6685,6687],{"class":1576,"line":6686},384,[1574,6688,2582],{"class":1608},[1574,6690,6692],{"class":1576,"line":6691},385,[1574,6693,6519],{"class":1608},[1574,6695,6697],{"class":1576,"line":6696},386,[1574,6698,6699],{"class":1608},"      firstName,\n",[1574,6701,6703],{"class":1576,"line":6702},387,[1574,6704,6705],{"class":1608},"      lastName,\n",[1574,6707,6709],{"class":1576,"line":6708},388,[1574,6710,6711],{"class":1608},"      fullName\n",[1574,6713,6715],{"class":1576,"line":6714},389,[1574,6716,6508],{"class":1608},[1574,6718,6720],{"class":1576,"line":6719},390,[1574,6721,6548],{"class":1608},[1574,6723,6725],{"class":1576,"line":6724},391,[1574,6726,6554],{"class":1608},[1574,6728,6730],{"class":1576,"line":6729},392,[1574,6731,2582],{"class":1608},[1574,6733,6735],{"class":1576,"line":6734},393,[1574,6736,6737],{"class":1608},"    \u003Ch2 id=\"lifecycle-hooks\">Lifecycle Hooks\u003C\u002Fh2>\n",[1574,6739,6741],{"class":1576,"line":6740},394,[1574,6742,6743],{"class":1608},"    \u003Cp>Lifecycle hooks in the Composition API are prefixed with \"on\" and imported from Vue:\u003C\u002Fp>\n",[1574,6745,6747],{"class":1576,"line":6746},395,[1574,6748,6749],{"class":1608},"    \u003Cpre>\u003Ccode class=\"language-javascript\">import { onMounted, onUnmounted } from 'vue'\n",[1574,6751,6753],{"class":1576,"line":6752},396,[1574,6754,5708],{"emptyLinePlaceholder":5707},[1574,6756,6758],{"class":1576,"line":6757},397,[1574,6759,6449],{"class":1608},[1574,6761,6763],{"class":1576,"line":6762},398,[1574,6764,6455],{"class":1608},[1574,6766,6768],{"class":1576,"line":6767},399,[1574,6769,6770],{"class":1608},"    onMounted(() => {\n",[1574,6772,6774],{"class":1576,"line":6773},400,[1574,6775,6776],{"class":1608},"      console.log('Component mounted!')\n",[1574,6778,6780],{"class":1576,"line":6779},401,[1574,6781,6485],{"class":1608},[1574,6783,6785],{"class":1576,"line":6784},402,[1574,6786,2582],{"class":1608},[1574,6788,6790],{"class":1576,"line":6789},403,[1574,6791,6792],{"class":1608},"    onUnmounted(() => {\n",[1574,6794,6796],{"class":1576,"line":6795},404,[1574,6797,6798],{"class":1608},"      console.log('Component unmounted!')\n",[1574,6800,6802],{"class":1576,"line":6801},405,[1574,6803,6485],{"class":1608},[1574,6805,6807],{"class":1576,"line":6806},406,[1574,6808,6548],{"class":1608},[1574,6810,6812],{"class":1576,"line":6811},407,[1574,6813,6554],{"class":1608},[1574,6815,6817],{"class":1576,"line":6816},408,[1574,6818,2582],{"class":1608},[1574,6820,6822],{"class":1576,"line":6821},409,[1574,6823,6824],{"class":1608},"    \u003Ch2 id=\"best-practices\">Best Practices\u003C\u002Fh2>\n",[1574,6826,6828],{"class":1576,"line":6827},410,[1574,6829,6830],{"class":1608},"    \u003Cp>When using the Composition API, consider these best practices:\u003C\u002Fp>\n",[1574,6832,6834],{"class":1576,"line":6833},411,[1574,6835,6836],{"class":1608},"    \u003Cul>\n",[1574,6838,6840],{"class":1576,"line":6839},412,[1574,6841,6842],{"class":1608},"      \u003Cli>Group related logic together in composable functions\u003C\u002Fli>\n",[1574,6844,6846],{"class":1576,"line":6845},413,[1574,6847,6848],{"class":1608},"      \u003Cli>Use descriptive names for refs and reactive objects\u003C\u002Fli>\n",[1574,6850,6852],{"class":1576,"line":6851},414,[1574,6853,6854],{"class":1608},"      \u003Cli>Keep setup functions small and focused\u003C\u002Fli>\n",[1574,6856,6858],{"class":1576,"line":6857},415,[1574,6859,6860],{"class":1608},"      \u003Cli>Extract reusable logic into separate modules\u003C\u002Fli>\n",[1574,6862,6864],{"class":1576,"line":6863},416,[1574,6865,6866],{"class":1608},"    \u003C\u002Ful>\n",[1574,6868,6870],{"class":1576,"line":6869},417,[1574,6871,2582],{"class":1608},[1574,6873,6875],{"class":1576,"line":6874},418,[1574,6876,6877],{"class":1608},"    \u003Ch2 id=\"conclusion\">Conclusion\u003C\u002Fh2>\n",[1574,6879,6881],{"class":1576,"line":6880},419,[1574,6882,6883],{"class":1608},"    \u003Cp>The Vue 3 Composition API offers a powerful and flexible way to organize your Vue components. By following these guidelines and experimenting with the API, you'll be able to build more maintainable and scalable Vue applications.\u003C\u002Fp>\n",[1574,6885,6887],{"class":1576,"line":6886},420,[1574,6888,6889],{"class":1580},"  `\n",[1574,6891,6893],{"class":1576,"line":6892},421,[1574,6894,6895],{"class":1580},"}\n",[1574,6897,6899],{"class":1576,"line":6898},422,[1574,6900,5708],{"emptyLinePlaceholder":5707},[1574,6902,6904,6906,6909,6911],{"class":1576,"line":6903},423,[1574,6905,5739],{"class":1598},[1574,6907,6908],{"class":1809}," relatedArticles ",[1574,6910,1602],{"class":1580},[1574,6912,6122],{"class":1809},[1574,6914,6916],{"class":1576,"line":6915},424,[1574,6917,6918],{"class":1580},"  {\n",[1574,6920,6922,6925,6927,6930],{"class":1576,"line":6921},425,[1574,6923,6924],{"class":1584},"    id",[1574,6926,5820],{"class":1580},[1574,6928,6929],{"class":1682}," 2",[1574,6931,5826],{"class":1580},[1574,6933,6935,6938,6940,6942,6945,6947],{"class":1576,"line":6934},426,[1574,6936,6937],{"class":1584},"    title",[1574,6939,5820],{"class":1580},[1574,6941,5837],{"class":1580},[1574,6943,6944],{"class":1608},"Advanced Vue Patterns",[1574,6946,5843],{"class":1580},[1574,6948,5826],{"class":1580},[1574,6950,6952,6955,6957,6959,6962,6964],{"class":1576,"line":6951},427,[1574,6953,6954],{"class":1584},"    date",[1574,6956,5820],{"class":1580},[1574,6958,5837],{"class":1580},[1574,6960,6961],{"class":1608},"May 10, 2023",[1574,6963,5843],{"class":1580},[1574,6965,5826],{"class":1580},[1574,6967,6969,6972,6974,6976,6979,6981],{"class":1576,"line":6968},428,[1574,6970,6971],{"class":1584},"    image",[1574,6973,5820],{"class":1580},[1574,6975,5837],{"class":1580},[1574,6977,6978],{"class":1608},"https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1555066931-4365d14bab8c?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80",[1574,6980,5843],{"class":1580},[1574,6982,5826],{"class":1580},[1574,6984,6986,6989,6991,6993,6996],{"class":1576,"line":6985},429,[1574,6987,6988],{"class":1584},"    slug",[1574,6990,5820],{"class":1580},[1574,6992,5837],{"class":1580},[1574,6994,6995],{"class":1608},"advanced-vue-patterns",[1574,6997,6054],{"class":1580},[1574,6999,7001],{"class":1576,"line":7000},430,[1574,7002,6060],{"class":1580},[1574,7004,7006],{"class":1576,"line":7005},431,[1574,7007,6918],{"class":1580},[1574,7009,7011,7013,7015,7018],{"class":1576,"line":7010},432,[1574,7012,6924],{"class":1584},[1574,7014,5820],{"class":1580},[1574,7016,7017],{"class":1682}," 3",[1574,7019,5826],{"class":1580},[1574,7021,7023,7025,7027,7029,7032,7034],{"class":1576,"line":7022},433,[1574,7024,6937],{"class":1584},[1574,7026,5820],{"class":1580},[1574,7028,5837],{"class":1580},[1574,7030,7031],{"class":1608},"State Management in Vue 3",[1574,7033,5843],{"class":1580},[1574,7035,5826],{"class":1580},[1574,7037,7039,7041,7043,7045,7048,7050],{"class":1576,"line":7038},434,[1574,7040,6954],{"class":1584},[1574,7042,5820],{"class":1580},[1574,7044,5837],{"class":1580},[1574,7046,7047],{"class":1608},"May 5, 2023",[1574,7049,5843],{"class":1580},[1574,7051,5826],{"class":1580},[1574,7053,7055,7057,7059,7061,7064,7066],{"class":1576,"line":7054},435,[1574,7056,6971],{"class":1584},[1574,7058,5820],{"class":1580},[1574,7060,5837],{"class":1580},[1574,7062,7063],{"class":1608},"https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1460925895917-afdab827c52f?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80",[1574,7065,5843],{"class":1580},[1574,7067,5826],{"class":1580},[1574,7069,7071,7073,7075,7077,7080],{"class":1576,"line":7070},436,[1574,7072,6988],{"class":1584},[1574,7074,5820],{"class":1580},[1574,7076,5837],{"class":1580},[1574,7078,7079],{"class":1608},"state-management-in-vue-3",[1574,7081,6054],{"class":1580},[1574,7083,7085],{"class":1576,"line":7084},437,[1574,7086,6060],{"class":1580},[1574,7088,7090],{"class":1576,"line":7089},438,[1574,7091,6918],{"class":1580},[1574,7093,7095,7097,7099,7102],{"class":1576,"line":7094},439,[1574,7096,6924],{"class":1584},[1574,7098,5820],{"class":1580},[1574,7100,7101],{"class":1682}," 4",[1574,7103,5826],{"class":1580},[1574,7105,7107,7109,7111,7113,7116,7118],{"class":1576,"line":7106},440,[1574,7108,6937],{"class":1584},[1574,7110,5820],{"class":1580},[1574,7112,5837],{"class":1580},[1574,7114,7115],{"class":1608},"Building a Vue 3 Component Library",[1574,7117,5843],{"class":1580},[1574,7119,5826],{"class":1580},[1574,7121,7123,7125,7127,7129,7132,7134],{"class":1576,"line":7122},441,[1574,7124,6954],{"class":1584},[1574,7126,5820],{"class":1580},[1574,7128,5837],{"class":1580},[1574,7130,7131],{"class":1608},"April 28, 2023",[1574,7133,5843],{"class":1580},[1574,7135,5826],{"class":1580},[1574,7137,7139,7141,7143,7145,7148,7150],{"class":1576,"line":7138},442,[1574,7140,6971],{"class":1584},[1574,7142,5820],{"class":1580},[1574,7144,5837],{"class":1580},[1574,7146,7147],{"class":1608},"https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1547891654-e66ed7ebb968?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80",[1574,7149,5843],{"class":1580},[1574,7151,5826],{"class":1580},[1574,7153,7155,7157,7159,7161,7164],{"class":1576,"line":7154},443,[1574,7156,6988],{"class":1584},[1574,7158,5820],{"class":1580},[1574,7160,5837],{"class":1580},[1574,7162,7163],{"class":1608},"building-a-vue-3-component-library",[1574,7165,6054],{"class":1580},[1574,7167,7169],{"class":1576,"line":7168},444,[1574,7170,6548],{"class":1580},[1574,7172,7174],{"class":1576,"line":7173},445,[1574,7175,7176],{"class":1809},"]\n",[1574,7178,7180],{"class":1576,"line":7179},446,[1574,7181,5708],{"emptyLinePlaceholder":5707},[1574,7183,7185,7187,7190,7192,7194],{"class":1576,"line":7184},447,[1574,7186,5739],{"class":1598},[1574,7188,7189],{"class":1809}," comments ",[1574,7191,1602],{"class":1580},[1574,7193,5747],{"class":1802},[1574,7195,7196],{"class":1809},"([\n",[1574,7198,7200],{"class":1576,"line":7199},448,[1574,7201,6918],{"class":1580},[1574,7203,7205,7207,7209,7211],{"class":1576,"line":7204},449,[1574,7206,6924],{"class":1584},[1574,7208,5820],{"class":1580},[1574,7210,5823],{"class":1682},[1574,7212,5826],{"class":1580},[1574,7214,7216,7219,7221],{"class":1576,"line":7215},450,[1574,7217,7218],{"class":1584},"    author",[1574,7220,5820],{"class":1580},[1574,7222,5811],{"class":1580},[1574,7224,7226,7229,7231,7233,7236,7238],{"class":1576,"line":7225},451,[1574,7227,7228],{"class":1584},"      name",[1574,7230,5820],{"class":1580},[1574,7232,5837],{"class":1580},[1574,7234,7235],{"class":1608},"Sarah Williams",[1574,7237,5843],{"class":1580},[1574,7239,5826],{"class":1580},[1574,7241,7243,7246,7248,7250,7253],{"class":1576,"line":7242},452,[1574,7244,7245],{"class":1584},"      avatar",[1574,7247,5820],{"class":1580},[1574,7249,5837],{"class":1580},[1574,7251,7252],{"class":1608},"https:\u002F\u002Frandomuser.me\u002Fapi\u002Fportraits\u002Fwomen\u002F44.jpg",[1574,7254,6054],{"class":1580},[1574,7256,7258],{"class":1576,"line":7257},453,[1574,7259,7260],{"class":1580},"    },\n",[1574,7262,7264,7267,7269,7271,7274,7276],{"class":1576,"line":7263},454,[1574,7265,7266],{"class":1584},"    content",[1574,7268,5820],{"class":1580},[1574,7270,5837],{"class":1580},[1574,7272,7273],{"class":1608},"Great article! The Composition API has really changed how I structure my Vue components. Thanks for the clear examples.",[1574,7275,5843],{"class":1580},[1574,7277,5826],{"class":1580},[1574,7279,7281,7283,7285,7287,7290],{"class":1576,"line":7280},455,[1574,7282,6954],{"class":1584},[1574,7284,5820],{"class":1580},[1574,7286,5837],{"class":1580},[1574,7288,7289],{"class":1608},"2023-05-16T10:30:00Z",[1574,7291,6054],{"class":1580},[1574,7293,7295],{"class":1576,"line":7294},456,[1574,7296,6060],{"class":1580},[1574,7298,7300],{"class":1576,"line":7299},457,[1574,7301,6918],{"class":1580},[1574,7303,7305,7307,7309,7311],{"class":1576,"line":7304},458,[1574,7306,6924],{"class":1584},[1574,7308,5820],{"class":1580},[1574,7310,6929],{"class":1682},[1574,7312,5826],{"class":1580},[1574,7314,7316,7318,7320],{"class":1576,"line":7315},459,[1574,7317,7218],{"class":1584},[1574,7319,5820],{"class":1580},[1574,7321,5811],{"class":1580},[1574,7323,7325,7327,7329,7331,7334,7336],{"class":1576,"line":7324},460,[1574,7326,7228],{"class":1584},[1574,7328,5820],{"class":1580},[1574,7330,5837],{"class":1580},[1574,7332,7333],{"class":1608},"Michael Chen",[1574,7335,5843],{"class":1580},[1574,7337,5826],{"class":1580},[1574,7339,7341,7343,7345,7347,7350],{"class":1576,"line":7340},461,[1574,7342,7245],{"class":1584},[1574,7344,5820],{"class":1580},[1574,7346,5837],{"class":1580},[1574,7348,7349],{"class":1608},"https:\u002F\u002Frandomuser.me\u002Fapi\u002Fportraits\u002Fmen\u002F22.jpg",[1574,7351,6054],{"class":1580},[1574,7353,7355],{"class":1576,"line":7354},462,[1574,7356,7260],{"class":1580},[1574,7358,7360,7362,7364,7366,7369,7372,7375,7377],{"class":1576,"line":7359},463,[1574,7361,7266],{"class":1584},[1574,7363,5820],{"class":1580},[1574,7365,5837],{"class":1580},[1574,7367,7368],{"class":1608},"I",[1574,7370,7371],{"class":1809},"\\'",[1574,7373,7374],{"class":1608},"ve been using the Composition API for a few months now, and I completely agree with your best practices section. Grouping related logic has made my code so much more maintainable.",[1574,7376,5843],{"class":1580},[1574,7378,5826],{"class":1580},[1574,7380,7382,7384,7386,7388,7391],{"class":1576,"line":7381},464,[1574,7383,6954],{"class":1584},[1574,7385,5820],{"class":1580},[1574,7387,5837],{"class":1580},[1574,7389,7390],{"class":1608},"2023-05-16T14:15:00Z",[1574,7392,6054],{"class":1580},[1574,7394,7396],{"class":1576,"line":7395},465,[1574,7397,6548],{"class":1580},[1574,7399,7401],{"class":1576,"line":7400},466,[1574,7402,7403],{"class":1809},"])\n",[1574,7405,7407],{"class":1576,"line":7406},467,[1574,7408,5708],{"emptyLinePlaceholder":5707},[1574,7410,7412,7414,7417,7419,7422,7425,7427,7431,7433,7436],{"class":1576,"line":7411},468,[1574,7413,5739],{"class":1598},[1574,7415,7416],{"class":1809}," getCategoryColor ",[1574,7418,1602],{"class":1580},[1574,7420,7421],{"class":1580}," (",[1574,7423,1816],{"class":7424},"sHdIc",[1574,7426,5820],{"class":1580},[1574,7428,7430],{"class":7429},"sBMFI"," string",[1574,7432,1819],{"class":1580},[1574,7434,7435],{"class":1598}," =>",[1574,7437,5811],{"class":1580},[1574,7439,7441,7444,7446,7448,7451],{"class":1576,"line":7440},469,[1574,7442,7443],{"class":3100},"  switch",[1574,7445,7421],{"class":1584},[1574,7447,1816],{"class":1809},[1574,7449,7450],{"class":1584},") ",[1574,7452,7453],{"class":1580},"{\n",[1574,7455,7457,7460,7462,7464,7466,7468,7471,7473,7476],{"class":1576,"line":7456},470,[1574,7458,7459],{"class":3100},"    case",[1574,7461,5837],{"class":1580},[1574,7463,5875],{"class":1608},[1574,7465,5843],{"class":1580},[1574,7467,5820],{"class":1580},[1574,7469,7470],{"class":3100}," return",[1574,7472,5837],{"class":1580},[1574,7474,7475],{"class":1608},"blue",[1574,7477,6054],{"class":1580},[1574,7479,7481,7483,7485,7488,7490,7492,7494,7496,7499],{"class":1576,"line":7480},471,[1574,7482,7459],{"class":3100},[1574,7484,5837],{"class":1580},[1574,7486,7487],{"class":1608},"Design",[1574,7489,5843],{"class":1580},[1574,7491,5820],{"class":1580},[1574,7493,7470],{"class":3100},[1574,7495,5837],{"class":1580},[1574,7497,7498],{"class":1608},"purple",[1574,7500,6054],{"class":1580},[1574,7502,7504,7506,7508,7511,7513,7515,7517,7519,7522],{"class":1576,"line":7503},472,[1574,7505,7459],{"class":3100},[1574,7507,5837],{"class":1580},[1574,7509,7510],{"class":1608},"Business",[1574,7512,5843],{"class":1580},[1574,7514,5820],{"class":1580},[1574,7516,7470],{"class":3100},[1574,7518,5837],{"class":1580},[1574,7520,7521],{"class":1608},"green",[1574,7523,6054],{"class":1580},[1574,7525,7527,7529,7531,7534,7536,7538,7540,7542,7545],{"class":1576,"line":7526},473,[1574,7528,7459],{"class":3100},[1574,7530,5837],{"class":1580},[1574,7532,7533],{"class":1608},"Lifestyle",[1574,7535,5843],{"class":1580},[1574,7537,5820],{"class":1580},[1574,7539,7470],{"class":3100},[1574,7541,5837],{"class":1580},[1574,7543,7544],{"class":1608},"pink",[1574,7546,6054],{"class":1580},[1574,7548,7550,7552,7554,7557,7559,7561,7563,7565,7568],{"class":1576,"line":7549},474,[1574,7551,7459],{"class":3100},[1574,7553,5837],{"class":1580},[1574,7555,7556],{"class":1608},"Travel",[1574,7558,5843],{"class":1580},[1574,7560,5820],{"class":1580},[1574,7562,7470],{"class":3100},[1574,7564,5837],{"class":1580},[1574,7566,7567],{"class":1608},"amber",[1574,7569,6054],{"class":1580},[1574,7571,7573,7576,7578,7580,7582,7584],{"class":1576,"line":7572},475,[1574,7574,7575],{"class":3100},"    default",[1574,7577,5820],{"class":1580},[1574,7579,7470],{"class":3100},[1574,7581,5837],{"class":1580},[1574,7583,3637],{"class":1608},[1574,7585,6054],{"class":1580},[1574,7587,7589],{"class":1576,"line":7588},476,[1574,7590,6548],{"class":1580},[1574,7592,7594],{"class":1576,"line":7593},477,[1574,7595,6895],{"class":1580},[1574,7597,7599],{"class":1576,"line":7598},478,[1574,7600,5708],{"emptyLinePlaceholder":5707},[1574,7602,7604,7606,7609,7611,7613,7616,7618,7620,7622,7624],{"class":1576,"line":7603},479,[1574,7605,5739],{"class":1598},[1574,7607,7608],{"class":1809}," formatDate ",[1574,7610,1602],{"class":1580},[1574,7612,7421],{"class":1580},[1574,7614,7615],{"class":7424},"dateString",[1574,7617,5820],{"class":1580},[1574,7619,7430],{"class":7429},[1574,7621,1819],{"class":1580},[1574,7623,7435],{"class":1598},[1574,7625,5811],{"class":1580},[1574,7627,7629,7632,7635,7638,7641,7644,7646,7648],{"class":1576,"line":7628},480,[1574,7630,7631],{"class":1598},"  const",[1574,7633,7634],{"class":1809}," date",[1574,7636,7637],{"class":1580}," =",[1574,7639,7640],{"class":1580}," new",[1574,7642,7643],{"class":1802}," Date",[1574,7645,1806],{"class":1584},[1574,7647,7615],{"class":1809},[1574,7649,5755],{"class":1584},[1574,7651,7653,7656,7658,7660,7663,7665,7667,7670,7672,7674,7677,7680,7682,7684,7687,7689,7691,7694,7696,7698,7701,7703,7705,7708,7710,7712,7714,7716,7718],{"class":1576,"line":7652},481,[1574,7654,7655],{"class":3100},"  return",[1574,7657,7634],{"class":1809},[1574,7659,1813],{"class":1580},[1574,7661,7662],{"class":1802},"toLocaleDateString",[1574,7664,1806],{"class":1584},[1574,7666,5843],{"class":1580},[1574,7668,7669],{"class":1608},"en-US",[1574,7671,5843],{"class":1580},[1574,7673,6081],{"class":1580},[1574,7675,7676],{"class":1580}," {",[1574,7678,7679],{"class":1584}," month",[1574,7681,5820],{"class":1580},[1574,7683,5837],{"class":1580},[1574,7685,7686],{"class":1608},"short",[1574,7688,5843],{"class":1580},[1574,7690,6081],{"class":1580},[1574,7692,7693],{"class":1584}," day",[1574,7695,5820],{"class":1580},[1574,7697,5837],{"class":1580},[1574,7699,7700],{"class":1608},"numeric",[1574,7702,5843],{"class":1580},[1574,7704,6081],{"class":1580},[1574,7706,7707],{"class":1584}," year",[1574,7709,5820],{"class":1580},[1574,7711,5837],{"class":1580},[1574,7713,7700],{"class":1608},[1574,7715,5843],{"class":1580},[1574,7717,1748],{"class":1580},[1574,7719,5755],{"class":1584},[1574,7721,7723],{"class":1576,"line":7722},482,[1574,7724,6895],{"class":1580},[1574,7726,7728],{"class":1576,"line":7727},483,[1574,7729,5708],{"emptyLinePlaceholder":5707},[1574,7731,7733,7735,7738,7740,7743,7745],{"class":1576,"line":7732},484,[1574,7734,5739],{"class":1598},[1574,7736,7737],{"class":1809}," addComment ",[1574,7739,1602],{"class":1580},[1574,7741,7742],{"class":1580}," ()",[1574,7744,7435],{"class":1598},[1574,7746,5811],{"class":1580},[1574,7748,7750,7753,7755,7757,7759,7761,7764,7766,7768,7771],{"class":1576,"line":7749},485,[1574,7751,7752],{"class":3100},"  if",[1574,7754,7421],{"class":1584},[1574,7756,4886],{"class":1580},[1574,7758,4706],{"class":1809},[1574,7760,1813],{"class":1580},[1574,7762,7763],{"class":1809},"value",[1574,7765,1813],{"class":1580},[1574,7767,4893],{"class":1802},[1574,7769,7770],{"class":1584},"()) ",[1574,7772,7773],{"class":3100},"return\n",[1574,7775,7777],{"class":1576,"line":7776},486,[1574,7778,7779],{"class":1584},"  \n",[1574,7781,7783,7786,7788,7790,7792,7795,7797],{"class":1576,"line":7782},487,[1574,7784,7785],{"class":1809},"  comments",[1574,7787,1813],{"class":1580},[1574,7789,7763],{"class":1809},[1574,7791,1813],{"class":1580},[1574,7793,7794],{"class":1802},"push",[1574,7796,1806],{"class":1584},[1574,7798,7453],{"class":1580},[1574,7800,7802,7804,7806,7809,7811,7813,7815,7818,7821,7823],{"class":1576,"line":7801},488,[1574,7803,6924],{"class":1584},[1574,7805,5820],{"class":1580},[1574,7807,7808],{"class":1809}," comments",[1574,7810,1813],{"class":1580},[1574,7812,7763],{"class":1809},[1574,7814,1813],{"class":1580},[1574,7816,7817],{"class":1809},"length",[1574,7819,7820],{"class":1580}," +",[1574,7822,5823],{"class":1682},[1574,7824,5826],{"class":1580},[1574,7826,7828,7830,7832],{"class":1576,"line":7827},489,[1574,7829,7218],{"class":1584},[1574,7831,5820],{"class":1580},[1574,7833,5811],{"class":1580},[1574,7835,7837,7839,7841,7843,7846,7848],{"class":1576,"line":7836},490,[1574,7838,7228],{"class":1584},[1574,7840,5820],{"class":1580},[1574,7842,5837],{"class":1580},[1574,7844,7845],{"class":1608},"Current User",[1574,7847,5843],{"class":1580},[1574,7849,5826],{"class":1580},[1574,7851,7853,7855,7857,7859,7862],{"class":1576,"line":7852},491,[1574,7854,7245],{"class":1584},[1574,7856,5820],{"class":1580},[1574,7858,5837],{"class":1580},[1574,7860,7861],{"class":1608},"https:\u002F\u002Frandomuser.me\u002Fapi\u002Fportraits\u002Flego\u002F1.jpg",[1574,7863,6054],{"class":1580},[1574,7865,7867],{"class":1576,"line":7866},492,[1574,7868,7260],{"class":1580},[1574,7870,7872,7874,7876,7879,7881,7883],{"class":1576,"line":7871},493,[1574,7873,7266],{"class":1584},[1574,7875,5820],{"class":1580},[1574,7877,7878],{"class":1809}," newComment",[1574,7880,1813],{"class":1580},[1574,7882,7763],{"class":1809},[1574,7884,5826],{"class":1580},[1574,7886,7888,7890,7892,7894,7896,7898,7900,7903],{"class":1576,"line":7887},494,[1574,7889,6954],{"class":1584},[1574,7891,5820],{"class":1580},[1574,7893,7640],{"class":1580},[1574,7895,7643],{"class":1802},[1574,7897,4896],{"class":1584},[1574,7899,1813],{"class":1580},[1574,7901,7902],{"class":1802},"toISOString",[1574,7904,7905],{"class":1584},"()\n",[1574,7907,7909,7912],{"class":1576,"line":7908},495,[1574,7910,7911],{"class":1580},"  }",[1574,7913,5755],{"class":1584},[1574,7915,7917],{"class":1576,"line":7916},496,[1574,7918,7779],{"class":1584},[1574,7920,7922,7925,7927,7929,7931],{"class":1576,"line":7921},497,[1574,7923,7924],{"class":1809},"  newComment",[1574,7926,1813],{"class":1580},[1574,7928,7763],{"class":1809},[1574,7930,7637],{"class":1580},[1574,7932,7933],{"class":1580}," ''\n",[1574,7935,7937],{"class":1576,"line":7936},498,[1574,7938,6895],{"class":1580},[1574,7940,7942,7944,7946],{"class":1576,"line":7941},499,[1574,7943,1886],{"class":1580},[1574,7945,5716],{"class":1584},[1574,7947,1587],{"class":1580},[7949,7950,7951],"style",{},"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}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":1563,"searchDepth":1590,"depth":1590,"links":7953},[7954],{"id":1542,"depth":1590,"text":16},"A complete article page with featured image, author information, table of contents, and related articles.",null,{},{"title":1358,"description":7955},"Dey7GNarQL-_8zaF0X77jTiWw9raaY2GcXNaGjwbVP4",[7961,7963],{"title":1345,"path":1347,"stem":1351,"description":7962,"children":-1},"Collection of reusable UI components and blocks built with Nuxt Motion Block, Nuxt UI, and motion-v. These blocks are ready to use in your projects with minimal customization required.",{"title":1362,"path":1363,"stem":1364,"description":7964,"children":-1},"A modern blog listing page with animated cards, filtering options, and pagination.",1793614426526]