[{"data":1,"prerenderedAt":1295},["ShallowReactive",2],{"navigation_docs_en":3,"dtpr-schemas-index":287,"-en-getting-started-ui-quickstart":295,"-en-getting-started-ui-quickstart-surround":1290},[4,22,26,30,102,152,174,196,226,278,283],{"title":5,"path":6,"stem":7,"children":8},"Getting started","/en/getting-started","en/1.getting-started/0.index",[9,10,14,18],{"title":5,"path":6,"stem":7},{"title":11,"path":12,"stem":13},"MCP quickstart","/en/getting-started/mcp-quickstart","en/1.getting-started/1.mcp-quickstart",{"title":15,"path":16,"stem":17},"REST quickstart","/en/getting-started/rest-quickstart","en/1.getting-started/2.rest-quickstart",{"title":19,"path":20,"stem":21},"UI quickstart","/en/getting-started/ui-quickstart","en/1.getting-started/3.ui-quickstart",{"title":23,"path":24,"stem":25},"Attribution","/en/attribution","en/10.attribution",{"title":27,"path":28,"stem":29},"Cite DTPR for AI","/en/cite","en/11.cite",{"title":31,"path":32,"stem":33,"children":34},"MCP server","/en/mcp","en/2.mcp/0.index",[35,36,40,44,48,98],{"title":31,"path":32,"stem":33},{"title":37,"path":38,"stem":39},"Connecting","/en/mcp/connection","en/2.mcp/1.connection",{"title":41,"path":42,"stem":43},"Envelope","/en/mcp/envelope","en/2.mcp/2.envelope",{"title":45,"path":46,"stem":47},"Resources","/en/mcp/resources","en/2.mcp/3.resources",{"title":49,"path":50,"stem":51,"children":52},"Tools","/en/mcp/tools","en/2.mcp/4.tools/0.index",[53,54,58,62,66,70,74,78,82,86,90,94],{"title":49,"path":50,"stem":51},{"title":55,"path":56,"stem":57},"list_schema_versions","/en/mcp/tools/list-schema-versions","en/2.mcp/4.tools/1.list-schema-versions",{"title":59,"path":60,"stem":61},"MCP tool: resolve_datachain","/en/mcp/tools/resolve-datachain","en/2.mcp/4.tools/10.resolve-datachain",{"title":63,"path":64,"stem":65},"MCP tool: validate_resolved","/en/mcp/tools/validate-resolved","en/2.mcp/4.tools/11.validate-resolved",{"title":67,"path":68,"stem":69},"get_schema","/en/mcp/tools/get-schema","en/2.mcp/4.tools/2.get-schema",{"title":71,"path":72,"stem":73},"list_categories","/en/mcp/tools/list-categories","en/2.mcp/4.tools/3.list-categories",{"title":75,"path":76,"stem":77},"list_elements","/en/mcp/tools/list-elements","en/2.mcp/4.tools/4.list-elements",{"title":79,"path":80,"stem":81},"get_element","/en/mcp/tools/get-element","en/2.mcp/4.tools/5.get-element",{"title":83,"path":84,"stem":85},"get_elements","/en/mcp/tools/get-elements","en/2.mcp/4.tools/6.get-elements",{"title":87,"path":88,"stem":89},"validate_datachain","/en/mcp/tools/validate-datachain","en/2.mcp/4.tools/7.validate-datachain",{"title":91,"path":92,"stem":93},"render_datachain","/en/mcp/tools/render-datachain","en/2.mcp/4.tools/8.render-datachain",{"title":95,"path":96,"stem":97},"get_icon_url","/en/mcp/tools/get-icon-url","en/2.mcp/4.tools/9.get-icon-url",{"title":99,"path":100,"stem":101},"Prompts","/en/mcp/prompts","en/2.mcp/5.prompts",{"title":103,"path":104,"stem":105,"children":106},"REST API (v2)","/en/rest","en/3.rest/0.index",[107,108,112,116,120,124,128,132,136,140,144,148],{"title":103,"path":104,"stem":105},{"title":109,"path":110,"stem":111},"GET /schemas","/en/rest/schemas","en/3.rest/1.schemas",{"title":113,"path":114,"stem":115},"POST /schemas/:version/resolve","/en/rest/resolve","en/3.rest/10.resolve",{"title":117,"path":118,"stem":119},"POST /schemas/:version/validate_resolved","/en/rest/validate-resolved","en/3.rest/11.validate-resolved",{"title":121,"path":122,"stem":123},"GET /schemas/:version/manifest","/en/rest/manifest","en/3.rest/2.manifest",{"title":125,"path":126,"stem":127},"GET /schemas/:version/categories","/en/rest/categories","en/3.rest/3.categories",{"title":129,"path":130,"stem":131},"GET /schemas/:version/elements","/en/rest/elements-list","en/3.rest/4.elements-list",{"title":133,"path":134,"stem":135},"GET /schemas/:version/elements/:element_id","/en/rest/element-detail","en/3.rest/5.element-detail",{"title":137,"path":138,"stem":139},"POST /schemas/:version/validate","/en/rest/validate","en/3.rest/6.validate",{"title":141,"path":142,"stem":143},"Icon routes","/en/rest/icons","en/3.rest/7.icons",{"title":145,"path":146,"stem":147},"Pagination & fields","/en/rest/pagination-and-fields","en/3.rest/8.pagination-and-fields",{"title":149,"path":150,"stem":151},"Errors","/en/rest/errors","en/3.rest/9.errors",{"title":153,"path":154,"stem":155,"children":156},"Icon composition","/en/icons","en/4.icons/0.index",[157,158,162,166,170],{"title":153,"path":154,"stem":155},{"title":159,"path":160,"stem":161},"Shapes","/en/icons/shapes","en/4.icons/1.shapes",{"title":163,"path":164,"stem":165},"Symbols","/en/icons/symbols","en/4.icons/2.symbols",{"title":167,"path":168,"stem":169},"Composed variants","/en/icons/composed-variants","en/4.icons/3.composed-variants",{"title":171,"path":172,"stem":173},"URLs","/en/icons/urls","en/4.icons/4.urls",{"title":175,"path":176,"stem":177,"children":178},"@dtpr/ui","/en/ui","en/5.ui/0.index",[179,180,184,188,192],{"title":175,"path":176,"stem":177},{"title":181,"path":182,"stem":183},"@dtpr/ui/core","/en/ui/core","en/5.ui/1.core",{"title":185,"path":186,"stem":187},"@dtpr/ui/vue","/en/ui/vue","en/5.ui/2.vue",{"title":189,"path":190,"stem":191},"@dtpr/ui/html","/en/ui/html","en/5.ui/3.html",{"title":193,"path":194,"stem":195},"Theming","/en/ui/theming","en/5.ui/4.theming",{"title":197,"path":198,"stem":199,"children":200},"Concepts","/en/concepts","en/6.concepts/0.index",[201,202,206,210,214,218,222],{"title":197,"path":198,"stem":199},{"title":203,"path":204,"stem":205},"Datachains","/en/concepts/datachains","en/6.concepts/1.datachains",{"title":207,"path":208,"stem":209},"Elements & categories","/en/concepts/elements-categories","en/6.concepts/2.elements-categories",{"title":211,"path":212,"stem":213},"Versions & releases","/en/concepts/versions-and-releases","en/6.concepts/3.versions-and-releases",{"title":215,"path":216,"stem":217},"Content hash","/en/concepts/content-hash","en/6.concepts/4.content-hash",{"title":219,"path":220,"stem":221},"Shape contract","/en/concepts/shape-contract","en/6.concepts/5.shape-contract",{"title":223,"path":224,"stem":225},"Subchains","/en/concepts/subchains","en/6.concepts/6.subchains",{"title":227,"path":228,"stem":229,"children":230},"Claude plugin","/en/plugin","en/7.plugin/0.index",[231,232,236,270,274],{"title":227,"path":228,"stem":229},{"title":233,"path":234,"stem":235},"Install","/en/plugin/install","en/7.plugin/1.install",{"title":237,"path":238,"stem":239,"children":240},"Skills","/en/plugin/skills","en/7.plugin/2.skills/0.index",[241,242,246,250,254,258,262,266],{"title":237,"path":238,"stem":239},{"title":243,"path":244,"stem":245},"dtpr-describe-system","/en/plugin/skills/describe-system","en/7.plugin/2.skills/1.describe-system",{"title":247,"path":248,"stem":249},"dtpr-datachain-structure","/en/plugin/skills/datachain-structure","en/7.plugin/2.skills/2.datachain-structure",{"title":251,"path":252,"stem":253},"dtpr-category-audit","/en/plugin/skills/category-audit","en/7.plugin/2.skills/3.category-audit",{"title":255,"path":256,"stem":257},"dtpr-element-design","/en/plugin/skills/element-design","en/7.plugin/2.skills/4.element-design",{"title":259,"path":260,"stem":261},"dtpr-symbol-design","/en/plugin/skills/symbol-design","en/7.plugin/2.skills/5.symbol-design",{"title":263,"path":264,"stem":265},"dtpr-translate","/en/plugin/skills/translate","en/7.plugin/2.skills/6.translate",{"title":267,"path":268,"stem":269},"dtpr-comprehension-audit","/en/plugin/skills/comprehension-audit","en/7.plugin/2.skills/7.comprehension-audit",{"title":271,"path":272,"stem":273},"Research corpus","/en/plugin/research-corpus","en/7.plugin/3.research-corpus",{"title":275,"path":276,"stem":277},"Comprehension rubric","/en/plugin/comprehension-rubric","en/7.plugin/4.comprehension-rubric",{"title":49,"path":279,"stem":280,"children":281},"/en/tools","en/8.tools/0.index",[282],{"title":49,"path":279,"stem":280},{"title":284,"path":285,"stem":286},"Changelog","/en/changelog","en/9.changelog",{"ok":288,"versions":289},true,[290],{"id":291,"status":292,"created_at":293,"content_hash":294},"ai@2026-05-06-beta","beta","2026-05-06T20:23:42.963Z","sha256-2d208111b0c597ff2b38cb1c24168799b0a5ff9290203ebf46c4f7c16a0fcb24",{"id":296,"title":19,"body":297,"description":1284,"extension":1285,"links":1286,"meta":1287,"navigation":288,"path":20,"seo":1288,"stem":21,"__hash__":1289},"docs_en/en/1.getting-started/3.ui-quickstart.md",{"type":298,"value":299,"toc":1278},"minimark",[300,310,319,323,381,385,1229,1233,1245,1249,1274],[301,302,304,305,309],"callout",{"type":303},"info","Minimal Vue 3 + Vite app. Fetches a datachain's elements and renders ",[306,307,308],"code",{},"\u003CDtprDatachain>",".",[301,311,313,314,309],{"type":312},"tip","Want to preview a chain without setting up a project? Use the ",[315,316,318],"a",{"href":317},"/tools/datachain","Datachain visualizer",[320,321,233],"h2",{"id":322},"install",[324,325,330],"pre",{"className":326,"code":327,"language":328,"meta":329,"style":329},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm create vite@latest dtpr-demo -- --template vue-ts\ncd dtpr-demo\npnpm add @dtpr/ui\n","bash","",[306,331,332,360,370],{"__ignoreMap":329},[333,334,337,341,345,348,351,354,357],"span",{"class":335,"line":336},"line",1,[333,338,340],{"class":339},"sBMFI","pnpm",[333,342,344],{"class":343},"sfazB"," create",[333,346,347],{"class":343}," vite@latest",[333,349,350],{"class":343}," dtpr-demo",[333,352,353],{"class":343}," --",[333,355,356],{"class":343}," --template",[333,358,359],{"class":343}," vue-ts\n",[333,361,363,367],{"class":335,"line":362},2,[333,364,366],{"class":365},"s2Zo4","cd",[333,368,369],{"class":343}," dtpr-demo\n",[333,371,373,375,378],{"class":335,"line":372},3,[333,374,340],{"class":339},[333,376,377],{"class":343}," add",[333,379,380],{"class":343}," @dtpr/ui\n",[320,382,384],{"id":383},"appvue","App.vue",[324,386,390],{"className":387,"code":388,"language":389,"meta":329,"style":329},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { ref, onMounted } from 'vue'\nimport {\n  DtprDatachain,\n  DtprElementDetail,\n  DtprElementGrid,\n} from '@dtpr/ui/vue'\nimport '@dtpr/ui/vue/styles.css'\nimport { deriveElementDisplay, groupElementsByCategory } from '@dtpr/ui/core'\nimport type { Element, Category } from '@dtpr/ui/vue'\n\nconst BASE = 'https://api.dtpr.io/api/v2'\nconst VERSION = 'ai@2026-04-16-beta'\n\nconst categories = ref\u003CCategory[]>([])\nconst byCategory = ref\u003CRecord\u003Cstring, Element[]>>({})\nconst ready = ref(false)\n\nonMounted(async () => {\n  const [catsRes, elsRes] = await Promise.all([\n    fetch(`${BASE}/schemas/${VERSION}/categories`).then((r) => r.json()),\n    fetch(`${BASE}/schemas/${VERSION}/elements?fields=all&limit=200`).then((r) => r.json()),\n  ])\n  categories.value = catsRes.categories\n  byCategory.value = groupElementsByCategory(elsRes.elements)\n  ready.value = true\n})\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cmain v-if=\"ready\">\n    \u003CDtprDatachain :sections=\"categories.map((c) => ({ id: c.id, title: c.name[0]?.value ?? c.id }))\">\n      \u003Ctemplate\n        v-for=\"c in categories\"\n        :key=\"c.id\"\n        #[`section-${c.id}`]\n      >\n        \u003CDtprElementGrid>\n          \u003CDtprElementDetail\n            v-for=\"el in byCategory[c.id] ?? []\"\n            :key=\"el.id\"\n            :display=\"deriveElementDisplay(el, undefined, 'en')\"\n          />\n        \u003C/DtprElementGrid>\n      \u003C/template>\n    \u003C/DtprDatachain>\n  \u003C/main>\n\u003C/template>\n","vue",[306,391,392,423,456,463,472,480,488,502,514,539,567,573,591,608,613,639,679,699,704,723,760,826,878,884,905,931,946,953,963,968,978,1001,1024,1033,1055,1078,1103,1109,1120,1129,1144,1159,1174,1180,1190,1200,1210,1220],{"__ignoreMap":329},[333,393,394,398,402,406,409,412,415,418,420],{"class":335,"line":336},[333,395,397],{"class":396},"sMK4o","\u003C",[333,399,401],{"class":400},"swJcz","script",[333,403,405],{"class":404},"spNyl"," setup",[333,407,408],{"class":404}," lang",[333,410,411],{"class":396},"=",[333,413,414],{"class":396},"\"",[333,416,417],{"class":343},"ts",[333,419,414],{"class":396},[333,421,422],{"class":396},">\n",[333,424,425,429,432,436,439,442,445,448,451,453],{"class":335,"line":362},[333,426,428],{"class":427},"s7zQu","import",[333,430,431],{"class":396}," {",[333,433,435],{"class":434},"sTEyZ"," ref",[333,437,438],{"class":396},",",[333,440,441],{"class":434}," onMounted",[333,443,444],{"class":396}," }",[333,446,447],{"class":427}," from",[333,449,450],{"class":396}," '",[333,452,389],{"class":343},[333,454,455],{"class":396},"'\n",[333,457,458,460],{"class":335,"line":372},[333,459,428],{"class":427},[333,461,462],{"class":396}," {\n",[333,464,466,469],{"class":335,"line":465},4,[333,467,468],{"class":434},"  DtprDatachain",[333,470,471],{"class":396},",\n",[333,473,475,478],{"class":335,"line":474},5,[333,476,477],{"class":434},"  DtprElementDetail",[333,479,471],{"class":396},[333,481,483,486],{"class":335,"line":482},6,[333,484,485],{"class":434},"  DtprElementGrid",[333,487,471],{"class":396},[333,489,491,494,496,498,500],{"class":335,"line":490},7,[333,492,493],{"class":396},"}",[333,495,447],{"class":427},[333,497,450],{"class":396},[333,499,185],{"class":343},[333,501,455],{"class":396},[333,503,505,507,509,512],{"class":335,"line":504},8,[333,506,428],{"class":427},[333,508,450],{"class":396},[333,510,511],{"class":343},"@dtpr/ui/vue/styles.css",[333,513,455],{"class":396},[333,515,517,519,521,524,526,529,531,533,535,537],{"class":335,"line":516},9,[333,518,428],{"class":427},[333,520,431],{"class":396},[333,522,523],{"class":434}," deriveElementDisplay",[333,525,438],{"class":396},[333,527,528],{"class":434}," groupElementsByCategory",[333,530,444],{"class":396},[333,532,447],{"class":427},[333,534,450],{"class":396},[333,536,181],{"class":343},[333,538,455],{"class":396},[333,540,542,544,547,549,552,554,557,559,561,563,565],{"class":335,"line":541},10,[333,543,428],{"class":427},[333,545,546],{"class":427}," type",[333,548,431],{"class":396},[333,550,551],{"class":434}," Element",[333,553,438],{"class":396},[333,555,556],{"class":434}," Category",[333,558,444],{"class":396},[333,560,447],{"class":427},[333,562,450],{"class":396},[333,564,185],{"class":343},[333,566,455],{"class":396},[333,568,570],{"class":335,"line":569},11,[333,571,572],{"emptyLinePlaceholder":288},"\n",[333,574,576,579,582,584,586,589],{"class":335,"line":575},12,[333,577,578],{"class":404},"const",[333,580,581],{"class":434}," BASE ",[333,583,411],{"class":396},[333,585,450],{"class":396},[333,587,588],{"class":343},"https://api.dtpr.io/api/v2",[333,590,455],{"class":396},[333,592,594,596,599,601,603,606],{"class":335,"line":593},13,[333,595,578],{"class":404},[333,597,598],{"class":434}," VERSION ",[333,600,411],{"class":396},[333,602,450],{"class":396},[333,604,605],{"class":343},"ai@2026-04-16-beta",[333,607,455],{"class":396},[333,609,611],{"class":335,"line":610},14,[333,612,572],{"emptyLinePlaceholder":288},[333,614,616,618,621,623,625,627,630,633,636],{"class":335,"line":615},15,[333,617,578],{"class":404},[333,619,620],{"class":434}," categories ",[333,622,411],{"class":396},[333,624,435],{"class":365},[333,626,397],{"class":396},[333,628,629],{"class":339},"Category",[333,631,632],{"class":434},"[]",[333,634,635],{"class":396},">",[333,637,638],{"class":434},"([])\n",[333,640,642,644,647,649,651,653,656,658,661,663,665,667,670,673,676],{"class":335,"line":641},16,[333,643,578],{"class":404},[333,645,646],{"class":434}," byCategory ",[333,648,411],{"class":396},[333,650,435],{"class":365},[333,652,397],{"class":396},[333,654,655],{"class":339},"Record",[333,657,397],{"class":396},[333,659,660],{"class":339},"string",[333,662,438],{"class":396},[333,664,551],{"class":339},[333,666,632],{"class":434},[333,668,669],{"class":396},">>",[333,671,672],{"class":434},"(",[333,674,675],{"class":396},"{}",[333,677,678],{"class":434},")\n",[333,680,682,684,687,689,691,693,697],{"class":335,"line":681},17,[333,683,578],{"class":404},[333,685,686],{"class":434}," ready ",[333,688,411],{"class":396},[333,690,435],{"class":365},[333,692,672],{"class":434},[333,694,696],{"class":695},"sfNiH","false",[333,698,678],{"class":434},[333,700,702],{"class":335,"line":701},18,[333,703,572],{"emptyLinePlaceholder":288},[333,705,707,710,712,715,718,721],{"class":335,"line":706},19,[333,708,709],{"class":365},"onMounted",[333,711,672],{"class":434},[333,713,714],{"class":404},"async",[333,716,717],{"class":396}," ()",[333,719,720],{"class":404}," =>",[333,722,462],{"class":396},[333,724,726,729,732,735,737,740,743,746,749,752,754,757],{"class":335,"line":725},20,[333,727,728],{"class":404},"  const",[333,730,731],{"class":396}," [",[333,733,734],{"class":434},"catsRes",[333,736,438],{"class":396},[333,738,739],{"class":434}," elsRes",[333,741,742],{"class":396},"]",[333,744,745],{"class":396}," =",[333,747,748],{"class":427}," await",[333,750,751],{"class":339}," Promise",[333,753,309],{"class":396},[333,755,756],{"class":365},"all",[333,758,759],{"class":400},"([\n",[333,761,763,766,768,771,774,776,779,782,785,787,790,793,796,798,801,803,805,809,811,813,816,818,821,824],{"class":335,"line":762},21,[333,764,765],{"class":365},"    fetch",[333,767,672],{"class":400},[333,769,770],{"class":396},"`${",[333,772,773],{"class":434},"BASE",[333,775,493],{"class":396},[333,777,778],{"class":343},"/schemas/",[333,780,781],{"class":396},"${",[333,783,784],{"class":434},"VERSION",[333,786,493],{"class":396},[333,788,789],{"class":343},"/categories",[333,791,792],{"class":396},"`",[333,794,795],{"class":400},")",[333,797,309],{"class":396},[333,799,800],{"class":365},"then",[333,802,672],{"class":400},[333,804,672],{"class":396},[333,806,808],{"class":807},"sHdIc","r",[333,810,795],{"class":396},[333,812,720],{"class":404},[333,814,815],{"class":434}," r",[333,817,309],{"class":396},[333,819,820],{"class":365},"json",[333,822,823],{"class":400},"())",[333,825,471],{"class":396},[333,827,829,831,833,835,837,839,841,843,845,847,850,852,854,856,858,860,862,864,866,868,870,872,874,876],{"class":335,"line":828},22,[333,830,765],{"class":365},[333,832,672],{"class":400},[333,834,770],{"class":396},[333,836,773],{"class":434},[333,838,493],{"class":396},[333,840,778],{"class":343},[333,842,781],{"class":396},[333,844,784],{"class":434},[333,846,493],{"class":396},[333,848,849],{"class":343},"/elements?fields=all&limit=200",[333,851,792],{"class":396},[333,853,795],{"class":400},[333,855,309],{"class":396},[333,857,800],{"class":365},[333,859,672],{"class":400},[333,861,672],{"class":396},[333,863,808],{"class":807},[333,865,795],{"class":396},[333,867,720],{"class":404},[333,869,815],{"class":434},[333,871,309],{"class":396},[333,873,820],{"class":365},[333,875,823],{"class":400},[333,877,471],{"class":396},[333,879,881],{"class":335,"line":880},23,[333,882,883],{"class":400},"  ])\n",[333,885,887,890,892,895,897,900,902],{"class":335,"line":886},24,[333,888,889],{"class":434},"  categories",[333,891,309],{"class":396},[333,893,894],{"class":434},"value",[333,896,745],{"class":396},[333,898,899],{"class":434}," catsRes",[333,901,309],{"class":396},[333,903,904],{"class":434},"categories\n",[333,906,908,911,913,915,917,919,921,924,926,929],{"class":335,"line":907},25,[333,909,910],{"class":434},"  byCategory",[333,912,309],{"class":396},[333,914,894],{"class":434},[333,916,745],{"class":396},[333,918,528],{"class":365},[333,920,672],{"class":400},[333,922,923],{"class":434},"elsRes",[333,925,309],{"class":396},[333,927,928],{"class":434},"elements",[333,930,678],{"class":400},[333,932,934,937,939,941,943],{"class":335,"line":933},26,[333,935,936],{"class":434},"  ready",[333,938,309],{"class":396},[333,940,894],{"class":434},[333,942,745],{"class":396},[333,944,945],{"class":695}," true\n",[333,947,949,951],{"class":335,"line":948},27,[333,950,493],{"class":396},[333,952,678],{"class":434},[333,954,956,959,961],{"class":335,"line":955},28,[333,957,958],{"class":396},"\u003C/",[333,960,401],{"class":400},[333,962,422],{"class":396},[333,964,966],{"class":335,"line":965},29,[333,967,572],{"emptyLinePlaceholder":288},[333,969,971,973,976],{"class":335,"line":970},30,[333,972,397],{"class":396},[333,974,975],{"class":400},"template",[333,977,422],{"class":396},[333,979,981,984,987,990,992,994,997,999],{"class":335,"line":980},31,[333,982,983],{"class":396},"  \u003C",[333,985,986],{"class":400},"main",[333,988,989],{"class":404}," v-if",[333,991,411],{"class":396},[333,993,414],{"class":396},[333,995,996],{"class":343},"ready",[333,998,414],{"class":396},[333,1000,422],{"class":396},[333,1002,1004,1007,1010,1013,1015,1017,1020,1022],{"class":335,"line":1003},32,[333,1005,1006],{"class":396},"    \u003C",[333,1008,1009],{"class":400},"DtprDatachain",[333,1011,1012],{"class":404}," :sections",[333,1014,411],{"class":396},[333,1016,414],{"class":396},[333,1018,1019],{"class":343},"categories.map((c) => ({ id: c.id, title: c.name[0]?.value ?? c.id }))",[333,1021,414],{"class":396},[333,1023,422],{"class":396},[333,1025,1027,1030],{"class":335,"line":1026},33,[333,1028,1029],{"class":396},"      \u003C",[333,1031,1032],{"class":400},"template\n",[333,1034,1036,1039,1041,1043,1046,1049,1052],{"class":335,"line":1035},34,[333,1037,1038],{"class":427},"        v-for",[333,1040,411],{"class":396},[333,1042,414],{"class":396},[333,1044,1045],{"class":434},"c ",[333,1047,1048],{"class":396},"in",[333,1050,1051],{"class":434}," categories",[333,1053,1054],{"class":396},"\"\n",[333,1056,1058,1061,1064,1066,1068,1071,1073,1076],{"class":335,"line":1057},35,[333,1059,1060],{"class":396},"        :",[333,1062,1063],{"class":404},"key",[333,1065,411],{"class":396},[333,1067,414],{"class":396},[333,1069,1070],{"class":434},"c",[333,1072,309],{"class":396},[333,1074,1075],{"class":434},"id",[333,1077,1054],{"class":396},[333,1079,1081,1084,1086,1089,1091,1093,1095,1097,1100],{"class":335,"line":1080},36,[333,1082,1083],{"class":396},"        #[",[333,1085,792],{"class":396},[333,1087,1088],{"class":343},"section-",[333,1090,781],{"class":396},[333,1092,1070],{"class":434},[333,1094,309],{"class":396},[333,1096,1075],{"class":434},[333,1098,1099],{"class":396},"}`",[333,1101,1102],{"class":396},"]\n",[333,1104,1106],{"class":335,"line":1105},37,[333,1107,1108],{"class":396},"      >\n",[333,1110,1112,1115,1118],{"class":335,"line":1111},38,[333,1113,1114],{"class":396},"        \u003C",[333,1116,1117],{"class":400},"DtprElementGrid",[333,1119,422],{"class":396},[333,1121,1123,1126],{"class":335,"line":1122},39,[333,1124,1125],{"class":396},"          \u003C",[333,1127,1128],{"class":400},"DtprElementDetail\n",[333,1130,1132,1135,1137,1139,1142],{"class":335,"line":1131},40,[333,1133,1134],{"class":404},"            v-for",[333,1136,411],{"class":396},[333,1138,414],{"class":396},[333,1140,1141],{"class":343},"el in byCategory[c.id] ?? []",[333,1143,1054],{"class":396},[333,1145,1147,1150,1152,1154,1157],{"class":335,"line":1146},41,[333,1148,1149],{"class":404},"            :key",[333,1151,411],{"class":396},[333,1153,414],{"class":396},[333,1155,1156],{"class":343},"el.id",[333,1158,1054],{"class":396},[333,1160,1162,1165,1167,1169,1172],{"class":335,"line":1161},42,[333,1163,1164],{"class":404},"            :display",[333,1166,411],{"class":396},[333,1168,414],{"class":396},[333,1170,1171],{"class":343},"deriveElementDisplay(el, undefined, 'en')",[333,1173,1054],{"class":396},[333,1175,1177],{"class":335,"line":1176},43,[333,1178,1179],{"class":396},"          />\n",[333,1181,1183,1186,1188],{"class":335,"line":1182},44,[333,1184,1185],{"class":396},"        \u003C/",[333,1187,1117],{"class":400},[333,1189,422],{"class":396},[333,1191,1193,1196,1198],{"class":335,"line":1192},45,[333,1194,1195],{"class":396},"      \u003C/",[333,1197,975],{"class":400},[333,1199,422],{"class":396},[333,1201,1203,1206,1208],{"class":335,"line":1202},46,[333,1204,1205],{"class":396},"    \u003C/",[333,1207,1009],{"class":400},[333,1209,422],{"class":396},[333,1211,1213,1216,1218],{"class":335,"line":1212},47,[333,1214,1215],{"class":396},"  \u003C/",[333,1217,986],{"class":400},[333,1219,422],{"class":396},[333,1221,1223,1225,1227],{"class":335,"line":1222},48,[333,1224,958],{"class":396},[333,1226,975],{"class":400},[333,1228,422],{"class":396},[320,1230,1232],{"id":1231},"run","Run",[324,1234,1236],{"className":326,"code":1235,"language":328,"meta":329,"style":329},"pnpm dev\n",[306,1237,1238],{"__ignoreMap":329},[333,1239,1240,1242],{"class":335,"line":336},[333,1241,340],{"class":339},[333,1243,1244],{"class":343}," dev\n",[320,1246,1248],{"id":1247},"next","Next",[1250,1251,1252,1260,1267],"ul",{},[1253,1254,1255,1256,309],"li",{},"Browse every ",[315,1257,1259],{"href":1258},"/ui/vue","Vue component",[1253,1261,1262,1263,309],{},"Read the ",[315,1264,1266],{"href":1265},"/ui/core","core helpers",[1253,1268,1269,1270,309],{},"Customize the look via ",[315,1271,1273],{"href":1272},"/ui/theming","theming",[1275,1276,1277],"style",{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}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);}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 .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 .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}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}",{"title":329,"searchDepth":362,"depth":362,"links":1279},[1280,1281,1282,1283],{"id":322,"depth":362,"text":233},{"id":383,"depth":362,"text":384},{"id":1231,"depth":362,"text":1232},{"id":1247,"depth":362,"text":1248},"Render a datachain in a Vue 3 app with @dtpr/ui/vue.","md",null,{},{"title":19,"description":1284},"QoxpdeLSjOZSydLaS0w0JWwY1sIXaJh-FnytSndmE6o",[1291,1293],{"title":15,"path":16,"stem":17,"description":1292,"children":-1},"Three curls against the v2 REST API.",{"title":23,"path":24,"stem":25,"description":1294,"children":-1},"Research foundations and license terms for DTPR for AI and any content adapted from external sources.",1779049686948]