[{"data":1,"prerenderedAt":898},["ShallowReactive",2],{"docs-navigation:en":3,"content-page:docs:MYlAdL3fWrCnk1rgM4e4oUpt02tTE4k5monv26NCU18":303,"content-page-surround:docs:MYlAdL3fWrCnk1rgM4e4oUpt02tTE4k5monv26NCU18":887,"i-lucide:clipboard":890,"i-logos:vue":894},[4,28,54,100,176,215,278,298],{"title":5,"page":6,"canonicalKey":7,"locale":8,"id":9,"draft":6,"icon":10,"sidebar":11,"children":12},"Learn",false,"1","en","content:docs:1.evaluate:.navigation.yml","i-lucide-compass","section",[13,18,23],{"title":14,"id":15,"canonicalKey":16,"locale":8,"draft":6,"path":17},"Why Nuxt Board","content:docs:1.evaluate:1.why-nuxt-board.md","1\u002F1","\u002Fdocs\u002Fevaluate\u002Fwhy-nuxt-board",{"title":19,"id":20,"canonicalKey":21,"locale":8,"draft":6,"path":22},"How Nuxt Board works","content:docs:1.evaluate:2.how-nuxt-board-works.md","1\u002F2","\u002Fdocs\u002Fevaluate\u002Fhow-nuxt-board-works",{"title":24,"id":25,"canonicalKey":26,"locale":8,"draft":6,"path":27},"Design decisions","content:docs:1.evaluate:4.design-decisions.md","1\u002F4","\u002Fdocs\u002Fevaluate\u002Fdesign-decisions",{"title":29,"page":6,"canonicalKey":30,"locale":8,"id":31,"draft":6,"icon":32,"children":33},"Start building","2","content:docs:2.start-building:.navigation.yml","i-lucide-rocket",[34,39,44,49],{"title":35,"id":36,"canonicalKey":37,"locale":8,"draft":6,"path":38},"Installation","content:docs:2.start-building:1.installation.md","2\u002F1","\u002Fdocs\u002Fstart-building\u002Finstallation",{"title":40,"id":41,"canonicalKey":42,"locale":8,"draft":6,"path":43},"Your first board","content:docs:2.start-building:2.your-first-board.md","2\u002F2","\u002Fdocs\u002Fstart-building\u002Fyour-first-board",{"title":45,"id":46,"canonicalKey":47,"locale":8,"draft":6,"path":48},"Customize your first node","content:docs:2.start-building:3.customize-your-first-node.md","2\u002F3","\u002Fdocs\u002Fstart-building\u002Fcustomize-your-first-node",{"title":50,"id":51,"canonicalKey":52,"locale":8,"draft":6,"path":53},"Add connections and history","content:docs:2.start-building:4.add-connections-and-history.md","2\u002F4","\u002Fdocs\u002Fstart-building\u002Fadd-connections-and-history",{"title":55,"page":6,"canonicalKey":56,"locale":8,"id":57,"draft":6,"icon":58,"children":59},"Understand the system","3","content:docs:3.understand-the-system:.navigation.yml","i-lucide-workflow",[60,65,70,75,80,85,90,95],{"title":61,"id":62,"canonicalKey":63,"locale":8,"draft":6,"path":64},"The engine","content:docs:3.understand-the-system:1.the-engine.md","3\u002F1","\u002Fdocs\u002Funderstand-the-system\u002Fthe-engine",{"title":66,"id":67,"canonicalKey":68,"locale":8,"draft":6,"path":69},"Document and session state","content:docs:3.understand-the-system:2.document-and-session-state.md","3\u002F2","\u002Fdocs\u002Funderstand-the-system\u002Fdocument-and-session-state",{"title":71,"id":72,"canonicalKey":73,"locale":8,"draft":6,"path":74},"Commands and transactions","content:docs:3.understand-the-system:3.commands-and-transactions.md","3\u002F3","\u002Fdocs\u002Funderstand-the-system\u002Fcommands-and-transactions",{"title":76,"id":77,"canonicalKey":78,"locale":8,"draft":6,"path":79},"Nodes and hierarchy","content:docs:3.understand-the-system:4.nodes-and-hierarchy.md","3\u002F4","\u002Fdocs\u002Funderstand-the-system\u002Fnodes-and-hierarchy",{"title":81,"id":82,"canonicalKey":83,"locale":8,"draft":6,"path":84},"Camera and coordinates","content:docs:3.understand-the-system:5.camera-and-coordinates.md","3\u002F5","\u002Fdocs\u002Funderstand-the-system\u002Fcamera-and-coordinates",{"title":86,"id":87,"canonicalKey":88,"locale":8,"draft":6,"path":89},"Rendering and interaction","content:docs:3.understand-the-system:6.rendering-and-interaction.md","3\u002F6","\u002Fdocs\u002Funderstand-the-system\u002Frendering-and-interaction",{"title":91,"id":92,"canonicalKey":93,"locale":8,"draft":6,"path":94},"Packages and plugins","content:docs:3.understand-the-system:7.packages-and-plugins.md","3\u002F7","\u002Fdocs\u002Funderstand-the-system\u002Fpackages-and-plugins",{"title":96,"id":97,"canonicalKey":98,"locale":8,"draft":6,"path":99},"Persistence and JSON Canvas","content:docs:3.understand-the-system:8.persistence-and-json-canvas.md","3\u002F8","\u002Fdocs\u002Funderstand-the-system\u002Fpersistence-and-json-canvas",{"title":101,"page":6,"canonicalKey":102,"locale":8,"id":103,"draft":6,"icon":104,"sidebar":11,"children":105},"Build","4","content:docs:4.build-features:.navigation.yml","i-lucide-blocks",[106,113,120,127,134,141,148,155,162,169],{"title":107,"id":108,"canonicalKey":109,"locale":8,"draft":6,"navigation":110,"icon":111,"path":112},"Custom renderers","content:docs:4.build-features:1.custom-node-renderers.md","4\u002F1",{"icon":111},"i-lucide-layout-template","\u002Fdocs\u002Fbuild-features\u002Fcustom-node-renderers",{"title":114,"id":115,"canonicalKey":116,"locale":8,"draft":6,"navigation":117,"icon":118,"path":119},"Connections","content:docs:4.build-features:2.connections.md","4\u002F2",{"icon":118},"i-lucide-cable","\u002Fdocs\u002Fbuild-features\u002Fconnections",{"title":121,"id":122,"canonicalKey":123,"locale":8,"draft":6,"navigation":124,"icon":125,"path":126},"Group nodes","content:docs:4.build-features:3.groups-and-nesting.md","4\u002F3",{"icon":125},"i-lucide-group","\u002Fdocs\u002Fbuild-features\u002Fgroups-and-nesting",{"title":128,"id":129,"canonicalKey":130,"locale":8,"draft":6,"navigation":131,"icon":132,"path":133},"History","content:docs:4.build-features:4.undo-and-redo.md","4\u002F4",{"icon":132},"i-lucide-history","\u002Fdocs\u002Fbuild-features\u002Fundo-and-redo",{"title":135,"id":136,"canonicalKey":137,"locale":8,"draft":6,"navigation":138,"icon":139,"path":140},"Selection and interaction","content:docs:4.build-features:5.selection-and-keyboard.md","4\u002F5",{"icon":139},"i-lucide-mouse-pointer","\u002Fdocs\u002Fbuild-features\u002Fselection-and-keyboard",{"title":142,"id":143,"canonicalKey":144,"locale":8,"draft":6,"navigation":145,"icon":146,"path":147},"First-party features and command guards","content:docs:4.build-features:6.read-only-and-command-guards.md","4\u002F6",{"icon":146},"i-lucide-puzzle","\u002Fdocs\u002Fbuild-features\u002Fread-only-and-command-guards",{"title":149,"id":150,"canonicalKey":151,"locale":8,"draft":6,"navigation":152,"icon":153,"path":154},"Serialization","content:docs:4.build-features:7.save-and-load.md","4\u002F7",{"icon":153},"i-lucide-file-json","\u002Fdocs\u002Fbuild-features\u002Fsave-and-load",{"title":156,"id":157,"canonicalKey":158,"locale":8,"draft":6,"navigation":159,"icon":160,"path":161},"Theming","content:docs:4.build-features:8.theming.md","4\u002F8",{"icon":160},"i-lucide-palette","\u002Fdocs\u002Fbuild-features\u002Ftheming",{"title":163,"id":164,"canonicalKey":165,"locale":8,"draft":6,"navigation":166,"icon":167,"path":168},"Performance","content:docs:4.build-features:9.performance.md","4\u002F9",{"icon":167},"i-lucide-zap","\u002Fdocs\u002Fbuild-features\u002Fperformance",{"title":170,"id":171,"canonicalKey":172,"locale":8,"draft":6,"navigation":173,"icon":174,"path":175},"SSR deterministic scene","content:docs:4.build-features:10.ssr-and-deterministic-state.md","4\u002F10",{"icon":174},"i-lucide-server","\u002Fdocs\u002Fbuild-features\u002Fssr-and-deterministic-state",{"title":177,"page":6,"canonicalKey":178,"locale":8,"id":179,"draft":6,"icon":111,"children":180},"Solutions","5","content:docs:5.solutions:.navigation.yml",[181,187,194,201,208],{"title":182,"id":183,"canonicalKey":184,"locale":8,"draft":6,"navigation":185,"icon":58,"path":186},"Workflow renderer demo","content:docs:5.solutions:1.workflow-builder.md","5\u002F1",{"icon":58},"\u002Fdocs\u002Fsolutions\u002Fworkflow-builder",{"title":188,"id":189,"canonicalKey":190,"locale":8,"draft":6,"navigation":191,"icon":192,"path":193},"Mind map","content:docs:5.solutions:2.mind-map.md","5\u002F2",{"icon":192},"i-lucide-brain","\u002Fdocs\u002Fsolutions\u002Fmind-map",{"title":195,"id":196,"canonicalKey":197,"locale":8,"draft":6,"navigation":198,"icon":199,"path":200},"Planning board","content:docs:5.solutions:3.planning-board.md","5\u002F3",{"icon":199},"i-lucide-square","\u002Fdocs\u002Fsolutions\u002Fplanning-board",{"title":202,"id":203,"canonicalKey":204,"locale":8,"draft":6,"navigation":205,"icon":206,"path":207},"Read-only viewer","content:docs:5.solutions:4.read-only-viewer.md","5\u002F4",{"icon":206},"i-lucide-eye","\u002Fdocs\u002Fsolutions\u002Fread-only-viewer",{"title":209,"id":210,"canonicalKey":211,"locale":8,"draft":6,"navigation":212,"icon":213,"path":214},"Nuxt auto-imports","content:docs:5.solutions:5.nuxt-application.md","5\u002F5",{"icon":213},"i-lucide-sparkles","\u002Fdocs\u002Fsolutions\u002Fnuxt-application",{"title":216,"page":6,"canonicalKey":217,"locale":8,"id":218,"draft":6,"icon":219,"children":220},"Reference","6","content:docs:6.reference:.navigation.yml","i-lucide-braces",[221,226,231,236,241,246,251,256,261,266,273],{"title":222,"id":223,"canonicalKey":224,"locale":8,"draft":6,"path":225},"Package overview","content:docs:6.reference:1.package-overview.md","6\u002F1","\u002Fdocs\u002Freference\u002Fpackage-overview",{"title":227,"id":228,"canonicalKey":229,"locale":8,"draft":6,"path":230},"@lupinum\u002Fboard-core","content:docs:6.reference:2.board-core.md","6\u002F2","\u002Fdocs\u002Freference\u002Fboard-core",{"title":232,"id":233,"canonicalKey":234,"locale":8,"draft":6,"path":235},"@lupinum\u002Fboard-core types","content:docs:6.reference:3.board-core-types.md","6\u002F3","\u002Fdocs\u002Freference\u002Fboard-core-types",{"title":237,"id":238,"canonicalKey":239,"locale":8,"draft":6,"path":240},"@lupinum\u002Fvue-board","content:docs:6.reference:4.vue-board.md","6\u002F4","\u002Fdocs\u002Freference\u002Fvue-board",{"title":242,"id":243,"canonicalKey":244,"locale":8,"draft":6,"path":245},"Vue composables","content:docs:6.reference:5.vue-composables.md","6\u002F5","\u002Fdocs\u002Freference\u002Fvue-composables",{"title":247,"id":248,"canonicalKey":249,"locale":8,"draft":6,"path":250},"@lupinum\u002Fboard-connections","content:docs:6.reference:6.connections.md","6\u002F6","\u002Fdocs\u002Freference\u002Fconnections",{"title":252,"id":253,"canonicalKey":254,"locale":8,"draft":6,"path":255},"@lupinum\u002Fboard-history","content:docs:6.reference:7.history.md","6\u002F7","\u002Fdocs\u002Freference\u002Fhistory",{"title":257,"id":258,"canonicalKey":259,"locale":8,"draft":6,"path":260},"@lupinum\u002Fvue-board\u002Fminimap","content:docs:6.reference:8.minimap.md","6\u002F8","\u002Fdocs\u002Freference\u002Fminimap",{"title":262,"id":263,"canonicalKey":264,"locale":8,"draft":6,"path":265},"@lupinum\u002Fnuxt-board","content:docs:6.reference:9.nuxt-board.md","6\u002F9","\u002Fdocs\u002Freference\u002Fnuxt-board",{"title":267,"id":268,"canonicalKey":269,"locale":8,"draft":6,"navigation":270,"icon":271,"path":272},"Events and subscriptions","content:docs:6.reference:10.events-and-errors.md","6\u002F10",{"icon":271},"i-lucide-bell","\u002Fdocs\u002Freference\u002Fevents-and-errors",{"title":274,"id":275,"canonicalKey":276,"locale":8,"draft":6,"path":277},"Glossary","content:docs:6.reference:11.glossary.md","6\u002F11","\u002Fdocs\u002Freference\u002Fglossary",{"title":279,"page":6,"canonicalKey":280,"locale":8,"id":281,"draft":6,"icon":282,"children":283},"Project","7","content:docs:7.project:.navigation.yml","i-lucide-git-branch",[284,291],{"title":285,"id":286,"canonicalKey":287,"locale":8,"draft":6,"navigation":288,"icon":289,"path":290},"Contributing","content:docs:7.project:1.contributing.md","7\u002F1",{"icon":289},"i-lucide-git-pull-request","\u002Fdocs\u002Fproject\u002Fcontributing",{"title":292,"id":293,"canonicalKey":294,"locale":8,"draft":6,"navigation":295,"icon":296,"path":297},"Support and security","content:docs:7.project:2.support-and-security.md","7\u002F2",{"icon":296},"i-lucide-shield","\u002Fdocs\u002Fproject\u002Fsupport-and-security",{"title":299,"id":300,"canonicalKey":301,"locale":8,"draft":6,"path":302},"Nuxt Board documentation","content:docs:index.md","\u002F","\u002Fdocs",{"title":40,"description":304,"audience":305,"intent":306,"packages":307,"prerequisites":308,"related":310,"body":312,"type":874,"id":41,"canonicalKey":42,"draft":6,"partial":6,"locale":8,"collection":875,"navigationFile":6,"file":876,"route":882,"resolution":884},"Create, populate, and mount a working board with one canonical example.","application-developer","build",[227,237],[309],"\u002Fstart-building\u002Finstallation",[311],"\u002Fstart-building\u002Fcustomize-your-first-node",{"type":313,"children":314,"toc":868},"root",[315,331,815,826,838,845,856],{"type":316,"tag":317,"props":318,"children":319},"element","p",{},[320,323,329],{"type":321,"value":322},"text","Create one stable engine and pass it to ",{"type":316,"tag":324,"props":325,"children":326},"code",{},[327],{"type":321,"value":328},"BoardRoot",{"type":321,"value":330},".",{"type":316,"tag":332,"props":333,"children":336},"pre",{"language":334,"class":335},"vue","shiki shiki-themes light-plus dark-plus dark:dark-plus",[337],{"type":316,"tag":324,"props":338,"children":340},{"class":339},"language-vue",[341,387,389,425,426,454,455,467,468,471,472,502,503,546,547,555,556,559,560,581,582,600,601,618,619,635,636,653,654,671,672,689,690,707,708,715,716,732,733,736,737,753,754,799,800],{"type":316,"tag":342,"props":343,"children":346},"span",{"class":344,"style":345},"line","display: inline",[347,353,359,365,370,376,382],{"type":316,"tag":342,"props":348,"children":350},{"style":349},"color:#800000;--shiki-dark:#808080",[351],{"type":321,"value":352},"\u003C",{"type":316,"tag":342,"props":354,"children":356},{"style":355},"color:#800000;--shiki-dark:#569CD6",[357],{"type":321,"value":358},"script",{"type":316,"tag":342,"props":360,"children":362},{"style":361},"color:#E50000;--shiki-dark:#9CDCFE",[363],{"type":321,"value":364}," setup",{"type":316,"tag":342,"props":366,"children":367},{"style":361},[368],{"type":321,"value":369}," lang",{"type":316,"tag":342,"props":371,"children":373},{"style":372},"color:#000000;--shiki-dark:#D4D4D4",[374],{"type":321,"value":375},"=",{"type":316,"tag":342,"props":377,"children":379},{"style":378},"color:#0000FF;--shiki-dark:#CE9178",[380],{"type":321,"value":381},"\"ts\"",{"type":316,"tag":342,"props":383,"children":384},{"style":349},[385],{"type":321,"value":386},">",{"type":321,"value":388},"\n",{"type":316,"tag":342,"props":390,"children":391},{"class":344,"style":345},[392,398,403,409,414,419],{"type":316,"tag":342,"props":393,"children":395},{"style":394},"color:#AF00DB;--shiki-dark:#C586C0",[396],{"type":321,"value":397},"import",{"type":316,"tag":342,"props":399,"children":400},{"style":372},[401],{"type":321,"value":402}," { ",{"type":316,"tag":342,"props":404,"children":406},{"style":405},"color:#001080;--shiki-dark:#9CDCFE",[407],{"type":321,"value":408},"createBoardEngine",{"type":316,"tag":342,"props":410,"children":411},{"style":372},[412],{"type":321,"value":413}," } ",{"type":316,"tag":342,"props":415,"children":416},{"style":394},[417],{"type":321,"value":418},"from",{"type":316,"tag":342,"props":420,"children":422},{"style":421},"color:#A31515;--shiki-dark:#CE9178",[423],{"type":321,"value":424}," '@lupinum\u002Fboard-core'",{"type":321,"value":388},{"type":316,"tag":342,"props":427,"children":428},{"class":344,"style":345},[429,433,437,441,445,449],{"type":316,"tag":342,"props":430,"children":431},{"style":394},[432],{"type":321,"value":397},{"type":316,"tag":342,"props":434,"children":435},{"style":372},[436],{"type":321,"value":402},{"type":316,"tag":342,"props":438,"children":439},{"style":405},[440],{"type":321,"value":328},{"type":316,"tag":342,"props":442,"children":443},{"style":372},[444],{"type":321,"value":413},{"type":316,"tag":342,"props":446,"children":447},{"style":394},[448],{"type":321,"value":418},{"type":316,"tag":342,"props":450,"children":451},{"style":421},[452],{"type":321,"value":453}," '@lupinum\u002Fvue-board'",{"type":321,"value":388},{"type":316,"tag":342,"props":456,"children":457},{"class":344,"style":345},[458,462],{"type":316,"tag":342,"props":459,"children":460},{"style":394},[461],{"type":321,"value":397},{"type":316,"tag":342,"props":463,"children":464},{"style":421},[465],{"type":321,"value":466}," '@lupinum\u002Fvue-board\u002Fstyle.css'",{"type":321,"value":388},{"type":316,"tag":342,"props":469,"children":470},{"class":344,"style":345},[],{"type":321,"value":388},{"type":316,"tag":342,"props":473,"children":474},{"class":344,"style":345},[475,481,487,492,497],{"type":316,"tag":342,"props":476,"children":478},{"style":477},"color:#0000FF;--shiki-dark:#569CD6",[479],{"type":321,"value":480},"const",{"type":316,"tag":342,"props":482,"children":484},{"style":483},"color:#0070C1;--shiki-dark:#4FC1FF",[485],{"type":321,"value":486}," engine",{"type":316,"tag":342,"props":488,"children":489},{"style":372},[490],{"type":321,"value":491}," = ",{"type":316,"tag":342,"props":493,"children":495},{"style":494},"color:#795E26;--shiki-dark:#DCDCAA",[496],{"type":321,"value":408},{"type":316,"tag":342,"props":498,"children":499},{"style":372},[500],{"type":321,"value":501},"({",{"type":321,"value":388},{"type":316,"tag":342,"props":504,"children":505},{"class":344,"style":345},[506,511,515,520,526,531,536,541],{"type":316,"tag":342,"props":507,"children":508},{"style":405},[509],{"type":321,"value":510},"  grid:",{"type":316,"tag":342,"props":512,"children":513},{"style":372},[514],{"type":321,"value":402},{"type":316,"tag":342,"props":516,"children":517},{"style":405},[518],{"type":321,"value":519},"size:",{"type":316,"tag":342,"props":521,"children":523},{"style":522},"color:#098658;--shiki-dark:#B5CEA8",[524],{"type":321,"value":525}," 20",{"type":316,"tag":342,"props":527,"children":528},{"style":372},[529],{"type":321,"value":530},", ",{"type":316,"tag":342,"props":532,"children":533},{"style":405},[534],{"type":321,"value":535},"snap:",{"type":316,"tag":342,"props":537,"children":538},{"style":477},[539],{"type":321,"value":540}," true",{"type":316,"tag":342,"props":542,"children":543},{"style":372},[544],{"type":321,"value":545}," },",{"type":321,"value":388},{"type":316,"tag":342,"props":548,"children":549},{"class":344,"style":345},[550],{"type":316,"tag":342,"props":551,"children":552},{"style":372},[553],{"type":321,"value":554},"})",{"type":321,"value":388},{"type":316,"tag":342,"props":557,"children":558},{"class":344,"style":345},[],{"type":321,"value":388},{"type":316,"tag":342,"props":561,"children":562},{"class":344,"style":345},[563,568,572,577],{"type":316,"tag":342,"props":564,"children":565},{"style":405},[566],{"type":321,"value":567},"engine",{"type":316,"tag":342,"props":569,"children":570},{"style":372},[571],{"type":321,"value":330},{"type":316,"tag":342,"props":573,"children":574},{"style":494},[575],{"type":321,"value":576},"createNode",{"type":316,"tag":342,"props":578,"children":579},{"style":372},[580],{"type":321,"value":501},{"type":321,"value":388},{"type":316,"tag":342,"props":583,"children":584},{"class":344,"style":345},[585,590,595],{"type":316,"tag":342,"props":586,"children":587},{"style":405},[588],{"type":321,"value":589},"  type:",{"type":316,"tag":342,"props":591,"children":592},{"style":421},[593],{"type":321,"value":594}," 'text'",{"type":316,"tag":342,"props":596,"children":597},{"style":372},[598],{"type":321,"value":599},",",{"type":321,"value":388},{"type":316,"tag":342,"props":602,"children":603},{"class":344,"style":345},[604,609,614],{"type":316,"tag":342,"props":605,"children":606},{"style":405},[607],{"type":321,"value":608},"  x:",{"type":316,"tag":342,"props":610,"children":611},{"style":522},[612],{"type":321,"value":613}," 80",{"type":316,"tag":342,"props":615,"children":616},{"style":372},[617],{"type":321,"value":599},{"type":321,"value":388},{"type":316,"tag":342,"props":620,"children":621},{"class":344,"style":345},[622,627,631],{"type":316,"tag":342,"props":623,"children":624},{"style":405},[625],{"type":321,"value":626},"  y:",{"type":316,"tag":342,"props":628,"children":629},{"style":522},[630],{"type":321,"value":613},{"type":316,"tag":342,"props":632,"children":633},{"style":372},[634],{"type":321,"value":599},{"type":321,"value":388},{"type":316,"tag":342,"props":637,"children":638},{"class":344,"style":345},[639,644,649],{"type":316,"tag":342,"props":640,"children":641},{"style":405},[642],{"type":321,"value":643},"  width:",{"type":316,"tag":342,"props":645,"children":646},{"style":522},[647],{"type":321,"value":648}," 260",{"type":316,"tag":342,"props":650,"children":651},{"style":372},[652],{"type":321,"value":599},{"type":321,"value":388},{"type":316,"tag":342,"props":655,"children":656},{"class":344,"style":345},[657,662,667],{"type":316,"tag":342,"props":658,"children":659},{"style":405},[660],{"type":321,"value":661},"  height:",{"type":316,"tag":342,"props":663,"children":664},{"style":522},[665],{"type":321,"value":666}," 140",{"type":316,"tag":342,"props":668,"children":669},{"style":372},[670],{"type":321,"value":599},{"type":321,"value":388},{"type":316,"tag":342,"props":673,"children":674},{"class":344,"style":345},[675,680,685],{"type":316,"tag":342,"props":676,"children":677},{"style":405},[678],{"type":321,"value":679},"  color:",{"type":316,"tag":342,"props":681,"children":682},{"style":421},[683],{"type":321,"value":684}," '5'",{"type":316,"tag":342,"props":686,"children":687},{"style":372},[688],{"type":321,"value":599},{"type":321,"value":388},{"type":316,"tag":342,"props":691,"children":692},{"class":344,"style":345},[693,698,703],{"type":316,"tag":342,"props":694,"children":695},{"style":405},[696],{"type":321,"value":697},"  text:",{"type":316,"tag":342,"props":699,"children":700},{"style":421},[701],{"type":321,"value":702}," 'Review onboarding'",{"type":316,"tag":342,"props":704,"children":705},{"style":372},[706],{"type":321,"value":599},{"type":321,"value":388},{"type":316,"tag":342,"props":709,"children":710},{"class":344,"style":345},[711],{"type":316,"tag":342,"props":712,"children":713},{"style":372},[714],{"type":321,"value":554},{"type":321,"value":388},{"type":316,"tag":342,"props":717,"children":718},{"class":344,"style":345},[719,724,728],{"type":316,"tag":342,"props":720,"children":721},{"style":349},[722],{"type":321,"value":723},"\u003C\u002F",{"type":316,"tag":342,"props":725,"children":726},{"style":355},[727],{"type":321,"value":358},{"type":316,"tag":342,"props":729,"children":730},{"style":349},[731],{"type":321,"value":386},{"type":321,"value":388},{"type":316,"tag":342,"props":734,"children":735},{"class":344,"style":345},[],{"type":321,"value":388},{"type":316,"tag":342,"props":738,"children":739},{"class":344,"style":345},[740,744,749],{"type":316,"tag":342,"props":741,"children":742},{"style":349},[743],{"type":321,"value":352},{"type":316,"tag":342,"props":745,"children":746},{"style":355},[747],{"type":321,"value":748},"template",{"type":316,"tag":342,"props":750,"children":751},{"style":349},[752],{"type":321,"value":386},{"type":321,"value":388},{"type":316,"tag":342,"props":755,"children":756},{"class":344,"style":345},[757,762,766,771,775,780,785,789,794],{"type":316,"tag":342,"props":758,"children":759},{"style":349},[760],{"type":321,"value":761},"  \u003C",{"type":316,"tag":342,"props":763,"children":764},{"style":355},[765],{"type":321,"value":328},{"type":316,"tag":342,"props":767,"children":768},{"style":361},[769],{"type":321,"value":770}," :engine",{"type":316,"tag":342,"props":772,"children":773},{"style":372},[774],{"type":321,"value":375},{"type":316,"tag":342,"props":776,"children":777},{"style":378},[778],{"type":321,"value":779},"\"engine\"",{"type":316,"tag":342,"props":781,"children":782},{"style":361},[783],{"type":321,"value":784}," style",{"type":316,"tag":342,"props":786,"children":787},{"style":372},[788],{"type":321,"value":375},{"type":316,"tag":342,"props":790,"children":791},{"style":378},[792],{"type":321,"value":793},"\"height: 100vh\"",{"type":316,"tag":342,"props":795,"children":796},{"style":349},[797],{"type":321,"value":798}," \u002F>",{"type":321,"value":388},{"type":316,"tag":342,"props":801,"children":802},{"class":344,"style":345},[803,807,811],{"type":316,"tag":342,"props":804,"children":805},{"style":349},[806],{"type":321,"value":723},{"type":316,"tag":342,"props":808,"children":809},{"style":355},[810],{"type":321,"value":748},{"type":316,"tag":342,"props":812,"children":813},{"style":349},[814],{"type":321,"value":386},{"type":316,"tag":317,"props":816,"children":817},{},[818,820,824],{"type":321,"value":819},"The container needs a real height. ",{"type":316,"tag":324,"props":821,"children":822},{},[823],{"type":321,"value":328},{"type":321,"value":825}," cannot infer space from an auto-sized empty parent.",{"type":316,"tag":317,"props":827,"children":828},{},[829,831,836],{"type":321,"value":830},"Try dragging, resizing, selecting, panning, and zooming. ",{"type":316,"tag":324,"props":832,"children":833},{},[834],{"type":321,"value":835},"createNode()",{"type":321,"value":837}," selects the new node by default.",{"type":316,"tag":839,"props":840,"children":842},"h2",{"id":841},"what-happened",[843],{"type":321,"value":844},"What happened",{"type":316,"tag":317,"props":846,"children":847},{},[848,850,854],{"type":321,"value":849},"The engine created and selected a JSON Canvas text record. ",{"type":316,"tag":324,"props":851,"children":852},{},[853],{"type":321,"value":328},{"type":321,"value":855}," subscribed to the engine and rendered the record with the default renderer. Pointer interactions update the same engine through the framework adapter.",{"type":316,"tag":317,"props":857,"children":858},{},[859,861,866],{"type":321,"value":860},"Keep the engine instance stable after mount. Load new contents with ",{"type":316,"tag":324,"props":862,"children":863},{},[864],{"type":321,"value":865},"engine.loadDocument()",{"type":321,"value":867}," instead of replacing the engine prop.",{"title":869,"searchDepth":870,"depth":870,"links":871},"",4,[872],{"id":841,"depth":873,"text":844},2,"markdown","docs",{"source":877,"path":878,"stem":879,"dir":880,"extension":881},"content","docs\u002F2.start-building\u002F2.your-first-board.md","docs\u002F2.start-building\u002F2.your-first-board","start-building","md",{"requestedPath":43,"resolvedPath":43,"alternates":883},[],{"requested":885,"resolved":886,"usedFallback":6},{},{"locale":8},{"previous":888,"next":889},{"title":35,"id":36,"canonicalKey":37,"locale":8,"draft":6,"path":38},{"title":45,"id":46,"canonicalKey":47,"locale":8,"draft":6,"path":48},{"left":891,"top":891,"width":892,"height":892,"rotate":891,"vFlip":6,"hFlip":6,"body":893},0,24,"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Crect width=\"8\" height=\"4\" x=\"8\" y=\"2\" rx=\"1\" ry=\"1\"\u002F>\u003Cpath d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"\u002F>\u003C\u002Fg>",{"left":891,"top":891,"width":895,"height":896,"rotate":891,"vFlip":6,"hFlip":6,"body":897},256,221,"\u003Cpath fill=\"#41b883\" d=\"M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0z\"\u002F>\u003Cpath fill=\"#41b883\" d=\"m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0z\"\u002F>\u003Cpath fill=\"#35495e\" d=\"M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0z\"\u002F>",1786632256422]