[{"data":1,"prerenderedAt":325},["ShallowReactive",2],{"$fA05zQUT_b3RhPtT7aMD35UQxH49_YETswuclAUejtMY":3},{"newThing":4,"project":5,"cycle":8,"sections":21,"threads":305,"otherDocs":306,"images":308,"archiveItems":323,"links":324},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":17,"imageCount":18,"artifactCount":19,"lastActivity":15,"hasPickup":16,"hasInitialPrompt":20},"c9",9,"c9.www-component-extraction","www-component-extraction","WWW Component Extraction + content→prose Rename","archived","2026-09-11",false,"\u002Fcycles\u002Fdesign\u002Fc9-prose-components.png",4,1,true,[22,72,112,156,295],{"key":23,"title":24,"empty":16,"ast":25},"why","Why",{"type":26,"children":27},"root",[28],{"type":29,"tag":30,"props":31,"children":32},"element","p",{},[33,36,43,45,51,53,59,61,70],{"type":34,"value":35},"text","The ",{"type":29,"tag":37,"props":38,"children":40},"code",{"className":39},[],[41],{"type":34,"value":42},"content\u002F",{"type":34,"value":44}," directory in the layer collides with ",{"type":29,"tag":37,"props":46,"children":48},{"className":47},[],[49],{"type":34,"value":50},"@nuxt\u002Fcontent",{"type":34,"value":52},"'s namespace — it strips the directory prefix from auto-imports, forcing us to bake ",{"type":29,"tag":37,"props":54,"children":56},{"className":55},[],[57],{"type":34,"value":58},"Content",{"type":34,"value":60}," into every filename as a workaround. Meanwhile, 6+ reusable marketing components remain local to ",{"type":29,"tag":62,"props":63,"children":67},"a",{"href":64,"rel":65},"http:\u002F\u002Fwww.qpoint.io",[66],"nofollow",[68],{"type":34,"value":69},"www.qpoint.io",{"type":34,"value":71}," that belong in the shared layer.",{"key":73,"title":74,"empty":16,"ast":75},"objective","Objective",{"type":26,"children":76},[77],{"type":29,"tag":78,"props":79,"children":80},"ol",{},[81,102,107],{"type":29,"tag":82,"props":83,"children":84},"li",{},[85,87,92,94,100],{"type":34,"value":86},"Rename ",{"type":29,"tag":37,"props":88,"children":90},{"className":89},[],[91],{"type":34,"value":42},{"type":34,"value":93}," → ",{"type":29,"tag":37,"props":95,"children":97},{"className":96},[],[98],{"type":34,"value":99},"prose\u002F",{"type":34,"value":101}," in the layer to fix the namespace collision",{"type":29,"tag":82,"props":103,"children":104},{},[105],{"type":34,"value":106},"Extract Hero, Quote, Point, PointSimple, FAQ, BlogAuthor, BlogCard from www into the layer",{"type":29,"tag":82,"props":108,"children":109},{},[110],{"type":34,"value":111},"Document all new components in the design site",{"key":113,"title":114,"empty":16,"ast":115},"scope","Scope",{"type":26,"children":116},[117],{"type":29,"tag":118,"props":119,"children":120},"ul",{},[121,141,146,151],{"type":29,"tag":82,"props":122,"children":123},{},[124,126,132,133,139],{"type":34,"value":125},"Layer: rename ",{"type":29,"tag":37,"props":127,"children":129},{"className":128},[],[130],{"type":34,"value":131},"components\u002Fcontent\u002F",{"type":34,"value":93},{"type":29,"tag":37,"props":134,"children":136},{"className":135},[],[137],{"type":34,"value":138},"components\u002Fprose\u002F",{"type":34,"value":140},", add 7 new components + IconQuote",{"type":29,"tag":82,"props":142,"children":143},{},[144],{"type":34,"value":145},"www: update ~130 MDC references, delete 8 local component files, update Vue template references",{"type":29,"tag":82,"props":147,"children":148},{},[149],{"type":34,"value":150},"design: rename 5 demo files, update component-registry.ts (group + 12 entries), add 8 new demos, add 3 new patterns",{"type":29,"tag":82,"props":152,"children":153},{},[154],{"type":34,"value":155},"app: unaffected (no content\u002F component usage)",{"key":157,"title":158,"empty":16,"ast":159},"key-changes","Key Changes",{"type":26,"children":160},[161],{"type":29,"tag":118,"props":162,"children":163},{},[164,182,236,249,273,290],{"type":29,"tag":82,"props":165,"children":166},{},[167,173,174,180],{"type":29,"tag":37,"props":168,"children":170},{"className":169},[],[171],{"type":34,"value":172},"ContentSectionHeadline",{"type":34,"value":93},{"type":29,"tag":37,"props":175,"children":177},{"className":176},[],[178],{"type":34,"value":179},"ProseSectionHeadline",{"type":34,"value":181}," (and all 5 content→prose renames)",{"type":29,"tag":82,"props":183,"children":184},{},[185,187,193,195,201,202,208,209,215,216,222,223,229,230],{"type":34,"value":186},"New layer components: ",{"type":29,"tag":37,"props":188,"children":190},{"className":189},[],[191],{"type":34,"value":192},"ProseHero",{"type":34,"value":194},", ",{"type":29,"tag":37,"props":196,"children":198},{"className":197},[],[199],{"type":34,"value":200},"ProseQuote",{"type":34,"value":194},{"type":29,"tag":37,"props":203,"children":205},{"className":204},[],[206],{"type":34,"value":207},"ProsePoint",{"type":34,"value":194},{"type":29,"tag":37,"props":210,"children":212},{"className":211},[],[213],{"type":34,"value":214},"ProsePointSimple",{"type":34,"value":194},{"type":29,"tag":37,"props":217,"children":219},{"className":218},[],[220],{"type":34,"value":221},"ProseFAQ",{"type":34,"value":194},{"type":29,"tag":37,"props":224,"children":226},{"className":225},[],[227],{"type":34,"value":228},"ProseBlogAuthor",{"type":34,"value":194},{"type":29,"tag":37,"props":231,"children":233},{"className":232},[],[234],{"type":34,"value":235},"ProseBlogCard",{"type":29,"tag":82,"props":237,"children":238},{},[239,241,247],{"type":34,"value":240},"New icon: ",{"type":29,"tag":37,"props":242,"children":244},{"className":243},[],[245],{"type":34,"value":246},"IconQuote",{"type":34,"value":248}," (render-function component, inlined SVG path)",{"type":29,"tag":82,"props":250,"children":251},{},[252,257,259,265,267],{"type":29,"tag":37,"props":253,"children":255},{"className":254},[],[256],{"type":34,"value":235},{"type":34,"value":258}," takes an ",{"type":29,"tag":37,"props":260,"children":262},{"className":261},[],[263],{"type":34,"value":264},"author",{"type":34,"value":266}," prop instead of fetching internally via ",{"type":29,"tag":37,"props":268,"children":270},{"className":269},[],[271],{"type":34,"value":272},"queryCollection",{"type":29,"tag":82,"props":274,"children":275},{},[276,282,284],{"type":29,"tag":37,"props":277,"children":279},{"className":278},[],[280],{"type":34,"value":281},"point\u002FBig.vue",{"type":34,"value":283}," in www deleted — it was a duplicate of ",{"type":29,"tag":37,"props":285,"children":287},{"className":286},[],[288],{"type":34,"value":289},"ProseBigPoint",{"type":29,"tag":82,"props":291,"children":292},{},[293],{"type":34,"value":294},"3 new patterns documented: Hero Section, Alternating Sections, FAQ Grid",{"key":296,"title":297,"empty":16,"ast":298},"outcome","Outcome",{"type":26,"children":299},[300],{"type":29,"tag":30,"props":301,"children":302},{},[303],{"type":34,"value":304},"Layer prose group now has 12 components. www has zero local copies of these components. Design site documents all of them with interactive demos and copyable pattern code.",[],[307],"initial-prompt.md",[309,312,316,319],{"src":17,"kind":310,"order":311},"hero",4999,{"src":313,"kind":314,"order":315},"\u002Fcycles\u002Fdesign\u002Fc9-prose-components-2.png","slice",2,{"src":317,"kind":314,"order":318},"\u002Fcycles\u002Fdesign\u002Fc9-prose-components-3.png",3,{"src":320,"kind":321,"order":322},"\u002Fcycles\u002Fdesign\u002Fc9-prose-components-full.png","full",9000,[],[],1789151089585]