[{"data":1,"prerenderedAt":158},["ShallowReactive",2],{"$fCw4xxH-rH7HUpADtfVsNUOhE7CoIDWGLHKC6ug_GVrg":3},{"newThing":4,"project":5,"cycle":8,"sections":19,"threads":153,"otherDocs":154,"images":155,"archiveItems":156,"links":157},null,{"id":6,"label":7,"liveBase":4},"design","Design",{"id":9,"num":10,"dir":11,"name":12,"title":13,"focus":4,"status":14,"statusNote":4,"created":15,"completed":4,"mode":4,"recordless":16,"thumbnail":4,"imageCount":17,"artifactCount":17,"lastActivity":18,"hasPickup":16,"hasInitialPrompt":16},"c4",4,"c4.layer-org-content-extraction","layer-org-content-extraction","Layer Organization + Component Extraction from www.qpoint.io","archived","February 2026",false,0,"2026-09-11",[20,45,79,136],{"key":21,"title":22,"empty":16,"ast":23},"why","Why",{"type":24,"children":25},"root",[26],{"type":27,"tag":28,"props":29,"children":30},"element","p",{},[31,34,43],{"type":32,"value":33},"text","The layer had ~70 components across 6 categories. As we extract reusable components from sister projects, new organizational categories are needed. ",{"type":27,"tag":35,"props":36,"children":40},"a",{"href":37,"rel":38},"http:\u002F\u002Fwww.qpoint.io",[39],"nofollow",[41],{"type":32,"value":42},"www.qpoint.io",{"type":32,"value":44}," had several presentation-layer components (Grid, SectionHeadline, BigPoint, Step, StepWrapper, Check) reusable across projects.",{"key":46,"title":47,"empty":16,"ast":48},"objective","Objective",{"type":24,"children":49},[50],{"type":27,"tag":28,"props":51,"children":52},{},[53,55,62,64,70,72,77],{"type":32,"value":54},"Add ",{"type":27,"tag":56,"props":57,"children":59},"code",{"className":58},[],[60],{"type":32,"value":61},"layout\u002F",{"type":32,"value":63}," and ",{"type":27,"tag":56,"props":65,"children":67},{"className":66},[],[68],{"type":32,"value":69},"content\u002F",{"type":32,"value":71}," component categories to the layer, extract the first batch of reusable components from ",{"type":27,"tag":35,"props":73,"children":75},{"href":37,"rel":74},[39],[76],{"type":32,"value":42},{"type":32,"value":78},", and document them in the design site.",{"key":80,"title":81,"empty":16,"ast":82},"key-changes","What Was Done",{"type":24,"children":83},[84],{"type":27,"tag":85,"props":86,"children":87},"ul",{},[88,109,114,126,131],{"type":27,"tag":89,"props":90,"children":91},"li",{},[92,94,100,101,107],{"type":32,"value":93},"Created ",{"type":27,"tag":56,"props":95,"children":97},{"className":96},[],[98],{"type":32,"value":99},"components\u002Flayout\u002F",{"type":32,"value":63},{"type":27,"tag":56,"props":102,"children":104},{"className":103},[],[105],{"type":32,"value":106},"components\u002Fcontent\u002F",{"type":32,"value":108}," directories in q-nuxt-layer",{"type":27,"tag":89,"props":110,"children":111},{},[112],{"type":32,"value":113},"Extracted 6 components: Grid, SectionHeadline, BigPoint, Step, StepWrapper, Check",{"type":27,"tag":89,"props":115,"children":116},{},[117,119,124],{"type":32,"value":118},"Updated 130 MDC references across 17 markdown files in ",{"type":27,"tag":35,"props":120,"children":122},{"href":37,"rel":121},[39],[123],{"type":32,"value":42},{"type":32,"value":125}," (both kebab-case and PascalCase)",{"type":27,"tag":89,"props":127,"children":128},{},[129],{"type":32,"value":130},"Added 6 component entries with full documentation and interactive demos",{"type":27,"tag":89,"props":132,"children":133},{},[134],{"type":32,"value":135},"Updated consumers from v0.2.0 to v0.4.0 tarball",{"key":137,"title":138,"empty":16,"ast":139},"outcome","Outcome",{"type":24,"children":140},[141],{"type":27,"tag":28,"props":142,"children":143},{},[144,146,151],{"type":32,"value":145},"Layer now has 11 component groups (added layout + content) with 6 new components. ",{"type":27,"tag":35,"props":147,"children":149},{"href":37,"rel":148},[39],[150],{"type":32,"value":42},{"type":32,"value":152}," consumes these from the layer instead of local copies. Design site documents all 6 with interactive demos.",[],[],[],[],[],1789151091802]