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