[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-tanstack-vue-db":3,"mdc--ne29bz-key":34,"related-org-tanstack-vue-db":4152,"related-repo-tanstack-vue-db":4294},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":11,"stars":23,"repoUrl":24,"updatedAt":25,"license":26,"forks":27,"topics":28,"repo":29,"sourceUrl":32,"mdContent":33},"vue-db","build reactive databases with Vue 3","Vue 3 bindings for TanStack DB. useLiveQuery composable with MaybeRefOrGetter query functions, ComputedRef return values for all fields (data, state, collection, status, isLoading, isReady, isError). Dependency arrays with Vue refs. Conditional queries via returning undefined\u002Fnull. Pre-created collection support via ref or getter. Import from @tanstack\u002Fvue-db (re-exports all of @tanstack\u002Fdb).\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},"tanstack","TanStack","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Ftanstack.png",[12,16,19,20],{"name":13,"slug":14,"type":15},"Vue","vue","tag",{"name":17,"slug":18,"type":15},"Database","database",{"name":9,"slug":8,"type":15},{"name":21,"slug":22,"type":15},"Frontend","frontend",3811,"https:\u002F\u002Fgithub.com\u002FTanStack\u002Fdb","2026-07-16T06:02:36.480091",null,245,[],{"repoUrl":24,"stars":23,"forks":27,"topics":30,"description":31},[],"The reactive client store for your API.","https:\u002F\u002Fgithub.com\u002FTanStack\u002Fdb\u002Ftree\u002FHEAD\u002Fpackages\u002Fvue-db\u002Fskills\u002Fvue-db","---\nname: vue-db\ndescription: >\n Vue 3 bindings for TanStack DB. useLiveQuery composable with\n MaybeRefOrGetter query functions, ComputedRef return values for all fields\n (data, state, collection, status, isLoading, isReady, isError).\n Dependency arrays with Vue refs. Conditional queries via returning\n undefined\u002Fnull. Pre-created collection support via ref or getter.\n Import from @tanstack\u002Fvue-db (re-exports all of @tanstack\u002Fdb).\ntype: framework\nlibrary: db\nframework: vue\nlibrary_version: '0.6.0'\nrequires:\n - db-core\nsources:\n - 'TanStack\u002Fdb:docs\u002Fframework\u002Fvue\u002Foverview.md'\n - 'TanStack\u002Fdb:packages\u002Fvue-db\u002Fsrc\u002FuseLiveQuery.ts'\n---\n\nThis skill builds on db-core. Read it first for collection setup, query builder, and mutation patterns.\n\n# TanStack DB — Vue\n\n## Setup\n\n```vue\n\u003Cscript setup lang=\"ts\">\nimport { useLiveQuery, eq, not } from '@tanstack\u002Fvue-db'\n\nconst { data: todos, isLoading } = useLiveQuery((q) =>\n q\n .from({ todo: todoCollection })\n .where(({ todo }) => not(todo.completed))\n .orderBy(({ todo }) => todo.created_at, 'asc'),\n)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n \u003Cdiv v-if=\"isLoading\">Loading...\u003C\u002Fdiv>\n \u003Cul v-else>\n \u003Cli v-for=\"todo in todos\" :key=\"todo.id\">{{ todo.text }}\u003C\u002Fli>\n \u003C\u002Ful>\n\u003C\u002Ftemplate>\n```\n\n`@tanstack\u002Fvue-db` re-exports everything from `@tanstack\u002Fdb`.\n\n## Hook\n\n### useLiveQuery\n\nAll return values are `ComputedRef`:\n\n```ts\n\u002F\u002F Query function with reactive deps\nconst minPriority = ref(5)\nconst { data, isLoading, isReady, status } = useLiveQuery(\n (q) =>\n q\n .from({ todo: todoCollection })\n .where(({ todo }) => gt(todo.priority, minPriority.value)),\n [minPriority],\n)\n\n\u002F\u002F Config object\nconst { data } = useLiveQuery({\n query: (q) => q.from({ todo: todoCollection }),\n gcTime: 60000,\n})\n\n\u002F\u002F Pre-created collection (reactive via ref)\nconst { data } = useLiveQuery(preloadedCollection)\n\n\u002F\u002F Conditional query\nconst userId = ref\u003Cnumber | null>(null)\nconst { data, status } = useLiveQuery(\n (q) => {\n if (!userId.value) return undefined\n return q\n .from({ todo: todoCollection })\n .where(({ todo }) => eq(todo.userId, userId.value))\n },\n [userId],\n)\n```\n\n## Vue-Specific Patterns\n\n### Reactive dependencies with refs\n\n```ts\nconst filter = ref('active')\nconst { data } = useLiveQuery(\n (q) =>\n q\n .from({ todo: todoCollection })\n .where(({ todo }) => eq(todo.status, filter.value)),\n [filter],\n)\n\u002F\u002F Query re-runs when filter.value changes\n```\n\n### Mutations in event handlers\n\n```ts\nconst handleToggle = (id: number) => {\n todoCollection.update(id, (draft) => {\n draft.completed = !draft.completed\n })\n}\n```\n\n## Includes (Hierarchical Data)\n\nWhen a query uses includes (subqueries in `select`), each child field is a live `Collection` by default. Subscribe to it with `useLiveQuery` in a subcomponent:\n\n```vue\n\u003C!-- ProjectList.vue -->\n\u003Cscript setup lang=\"ts\">\nimport { useLiveQuery, eq } from '@tanstack\u002Fvue-db'\n\nconst { data: projects } = useLiveQuery((q) =>\n q.from({ p: projectsCollection }).select(({ p }) => ({\n id: p.id,\n name: p.name,\n issues: q\n .from({ i: issuesCollection })\n .where(({ i }) => eq(i.projectId, p.id))\n .select(({ i }) => ({ id: i.id, title: i.title })),\n })),\n)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n \u003Cdiv v-for=\"project in projects\" :key=\"project.id\">\n {{ project.name }}\n \u003CIssueList :issues-collection=\"project.issues\" \u002F>\n \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n```\n\n```vue\n\u003C!-- IssueList.vue — subscribes to the child Collection -->\n\u003Cscript setup lang=\"ts\">\nimport { useLiveQuery } from '@tanstack\u002Fvue-db'\nimport type { Collection } from '@tanstack\u002Fdb'\n\nconst props = defineProps\u003C{ issuesCollection: Collection }>()\nconst { data: issues } = useLiveQuery(() => props.issuesCollection)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n \u003Cul>\n \u003Cli v-for=\"issue in issues\" :key=\"issue.id\">{{ issue.title }}\u003C\u002Fli>\n \u003C\u002Ful>\n\u003C\u002Ftemplate>\n```\n\nWith `toArray()`, child results are plain arrays and the parent re-emits on child changes:\n\n```ts\nimport { toArray, eq } from '@tanstack\u002Fvue-db'\n\nconst { data: projects } = useLiveQuery((q) =>\n q.from({ p: projectsCollection }).select(({ p }) => ({\n id: p.id,\n name: p.name,\n issues: toArray(\n q\n .from({ i: issuesCollection })\n .where(({ i }) => eq(i.projectId, p.id))\n .select(({ i }) => ({ id: i.id, title: i.title })),\n ),\n })),\n)\n\u002F\u002F project.issues is a plain array — no subcomponent needed\n```\n\nSee db-core\u002Flive-queries\u002FSKILL.md for full includes rules (correlation conditions, nested includes, aggregates).\n\n## Common Mistakes\n\n### CRITICAL Missing reactive deps in dependency array\n\nWrong:\n\n```ts\nconst userId = ref(1)\nconst { data } = useLiveQuery((q) =>\n q\n .from({ todo: todoCollection })\n .where(({ todo }) => eq(todo.userId, userId.value)),\n)\n```\n\nCorrect:\n\n```ts\nconst userId = ref(1)\nconst { data } = useLiveQuery(\n (q) =>\n q\n .from({ todo: todoCollection })\n .where(({ todo }) => eq(todo.userId, userId.value)),\n [userId],\n)\n```\n\nReactive refs used in the query must be included in the deps array for the query to re-run on changes.\n\nSource: docs\u002Fframework\u002Fvue\u002Foverview.md\n\nSee also: db-core\u002Flive-queries\u002FSKILL.md — for query builder API.\n\nSee also: db-core\u002Fmutations-optimistic\u002FSKILL.md — for mutation patterns.\n",{"data":35,"body":44},{"name":4,"description":6,"type":36,"library":37,"framework":14,"library_version":38,"requires":39,"sources":41},"framework","db","0.6.0",[40],"db-core",[42,43],"TanStack\u002Fdb:docs\u002Fframework\u002Fvue\u002Foverview.md","TanStack\u002Fdb:packages\u002Fvue-db\u002Fsrc\u002FuseLiveQuery.ts",{"type":45,"children":46},"root",[47,55,62,69,711,728,734,741,753,1575,1581,1587,1827,1833,1995,2001,2029,2743,3148,3161,3674,3679,3685,3691,3696,3902,3907,4126,4131,4136,4141,4146],{"type":48,"tag":49,"props":50,"children":51},"element","p",{},[52],{"type":53,"value":54},"text","This skill builds on db-core. Read it first for collection setup, query builder, and mutation patterns.",{"type":48,"tag":56,"props":57,"children":59},"h1",{"id":58},"tanstack-db-vue",[60],{"type":53,"value":61},"TanStack DB — Vue",{"type":48,"tag":63,"props":64,"children":66},"h2",{"id":65},"setup",[67],{"type":53,"value":68},"Setup",{"type":48,"tag":70,"props":71,"children":75},"pre",{"className":72,"code":73,"language":14,"meta":74,"style":74},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { useLiveQuery, eq, not } from '@tanstack\u002Fvue-db'\n\nconst { data: todos, isLoading } = useLiveQuery((q) =>\n q\n .from({ todo: todoCollection })\n .where(({ todo }) => not(todo.completed))\n .orderBy(({ todo }) => todo.created_at, 'asc'),\n)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n \u003Cdiv v-if=\"isLoading\">Loading...\u003C\u002Fdiv>\n \u003Cul v-else>\n \u003Cli v-for=\"todo in todos\" :key=\"todo.id\">{{ todo.text }}\u003C\u002Fli>\n \u003C\u002Ful>\n\u003C\u002Ftemplate>\n","",[76],{"type":48,"tag":77,"props":78,"children":79},"code",{"__ignoreMap":74},[80,134,199,209,286,295,341,396,469,477,494,502,519,577,599,678,695],{"type":48,"tag":81,"props":82,"children":85},"span",{"class":83,"line":84},"line",1,[86,92,98,104,109,114,119,125,129],{"type":48,"tag":81,"props":87,"children":89},{"style":88},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[90],{"type":53,"value":91},"\u003C",{"type":48,"tag":81,"props":93,"children":95},{"style":94},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[96],{"type":53,"value":97},"script",{"type":48,"tag":81,"props":99,"children":101},{"style":100},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[102],{"type":53,"value":103}," setup",{"type":48,"tag":81,"props":105,"children":106},{"style":100},[107],{"type":53,"value":108}," lang",{"type":48,"tag":81,"props":110,"children":111},{"style":88},[112],{"type":53,"value":113},"=",{"type":48,"tag":81,"props":115,"children":116},{"style":88},[117],{"type":53,"value":118},"\"",{"type":48,"tag":81,"props":120,"children":122},{"style":121},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[123],{"type":53,"value":124},"ts",{"type":48,"tag":81,"props":126,"children":127},{"style":88},[128],{"type":53,"value":118},{"type":48,"tag":81,"props":130,"children":131},{"style":88},[132],{"type":53,"value":133},">\n",{"type":48,"tag":81,"props":135,"children":137},{"class":83,"line":136},2,[138,144,149,155,160,165,169,174,179,184,189,194],{"type":48,"tag":81,"props":139,"children":141},{"style":140},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[142],{"type":53,"value":143},"import",{"type":48,"tag":81,"props":145,"children":146},{"style":88},[147],{"type":53,"value":148}," {",{"type":48,"tag":81,"props":150,"children":152},{"style":151},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[153],{"type":53,"value":154}," useLiveQuery",{"type":48,"tag":81,"props":156,"children":157},{"style":88},[158],{"type":53,"value":159},",",{"type":48,"tag":81,"props":161,"children":162},{"style":151},[163],{"type":53,"value":164}," eq",{"type":48,"tag":81,"props":166,"children":167},{"style":88},[168],{"type":53,"value":159},{"type":48,"tag":81,"props":170,"children":171},{"style":151},[172],{"type":53,"value":173}," not",{"type":48,"tag":81,"props":175,"children":176},{"style":88},[177],{"type":53,"value":178}," }",{"type":48,"tag":81,"props":180,"children":181},{"style":140},[182],{"type":53,"value":183}," from",{"type":48,"tag":81,"props":185,"children":186},{"style":88},[187],{"type":53,"value":188}," '",{"type":48,"tag":81,"props":190,"children":191},{"style":121},[192],{"type":53,"value":193},"@tanstack\u002Fvue-db",{"type":48,"tag":81,"props":195,"children":196},{"style":88},[197],{"type":53,"value":198},"'\n",{"type":48,"tag":81,"props":200,"children":202},{"class":83,"line":201},3,[203],{"type":48,"tag":81,"props":204,"children":206},{"emptyLinePlaceholder":205},true,[207],{"type":53,"value":208},"\n",{"type":48,"tag":81,"props":210,"children":212},{"class":83,"line":211},4,[213,218,222,227,232,237,241,246,251,256,261,266,270,276,281],{"type":48,"tag":81,"props":214,"children":215},{"style":100},[216],{"type":53,"value":217},"const",{"type":48,"tag":81,"props":219,"children":220},{"style":88},[221],{"type":53,"value":148},{"type":48,"tag":81,"props":223,"children":224},{"style":94},[225],{"type":53,"value":226}," data",{"type":48,"tag":81,"props":228,"children":229},{"style":88},[230],{"type":53,"value":231},":",{"type":48,"tag":81,"props":233,"children":234},{"style":151},[235],{"type":53,"value":236}," todos",{"type":48,"tag":81,"props":238,"children":239},{"style":88},[240],{"type":53,"value":159},{"type":48,"tag":81,"props":242,"children":243},{"style":151},[244],{"type":53,"value":245}," isLoading ",{"type":48,"tag":81,"props":247,"children":248},{"style":88},[249],{"type":53,"value":250},"}",{"type":48,"tag":81,"props":252,"children":253},{"style":88},[254],{"type":53,"value":255}," =",{"type":48,"tag":81,"props":257,"children":259},{"style":258},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[260],{"type":53,"value":154},{"type":48,"tag":81,"props":262,"children":263},{"style":151},[264],{"type":53,"value":265},"(",{"type":48,"tag":81,"props":267,"children":268},{"style":88},[269],{"type":53,"value":265},{"type":48,"tag":81,"props":271,"children":273},{"style":272},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[274],{"type":53,"value":275},"q",{"type":48,"tag":81,"props":277,"children":278},{"style":88},[279],{"type":53,"value":280},")",{"type":48,"tag":81,"props":282,"children":283},{"style":100},[284],{"type":53,"value":285}," =>\n",{"type":48,"tag":81,"props":287,"children":289},{"class":83,"line":288},5,[290],{"type":48,"tag":81,"props":291,"children":292},{"style":151},[293],{"type":53,"value":294}," q\n",{"type":48,"tag":81,"props":296,"children":298},{"class":83,"line":297},6,[299,304,309,313,318,323,327,332,336],{"type":48,"tag":81,"props":300,"children":301},{"style":88},[302],{"type":53,"value":303}," .",{"type":48,"tag":81,"props":305,"children":306},{"style":258},[307],{"type":53,"value":308},"from",{"type":48,"tag":81,"props":310,"children":311},{"style":151},[312],{"type":53,"value":265},{"type":48,"tag":81,"props":314,"children":315},{"style":88},[316],{"type":53,"value":317},"{",{"type":48,"tag":81,"props":319,"children":320},{"style":94},[321],{"type":53,"value":322}," todo",{"type":48,"tag":81,"props":324,"children":325},{"style":88},[326],{"type":53,"value":231},{"type":48,"tag":81,"props":328,"children":329},{"style":151},[330],{"type":53,"value":331}," todoCollection ",{"type":48,"tag":81,"props":333,"children":334},{"style":88},[335],{"type":53,"value":250},{"type":48,"tag":81,"props":337,"children":338},{"style":151},[339],{"type":53,"value":340},")\n",{"type":48,"tag":81,"props":342,"children":344},{"class":83,"line":343},7,[345,349,354,358,363,367,372,377,381,386,391],{"type":48,"tag":81,"props":346,"children":347},{"style":88},[348],{"type":53,"value":303},{"type":48,"tag":81,"props":350,"children":351},{"style":258},[352],{"type":53,"value":353},"where",{"type":48,"tag":81,"props":355,"children":356},{"style":151},[357],{"type":53,"value":265},{"type":48,"tag":81,"props":359,"children":360},{"style":88},[361],{"type":53,"value":362},"({",{"type":48,"tag":81,"props":364,"children":365},{"style":272},[366],{"type":53,"value":322},{"type":48,"tag":81,"props":368,"children":369},{"style":88},[370],{"type":53,"value":371}," })",{"type":48,"tag":81,"props":373,"children":374},{"style":100},[375],{"type":53,"value":376}," =>",{"type":48,"tag":81,"props":378,"children":379},{"style":258},[380],{"type":53,"value":173},{"type":48,"tag":81,"props":382,"children":383},{"style":151},[384],{"type":53,"value":385},"(todo",{"type":48,"tag":81,"props":387,"children":388},{"style":88},[389],{"type":53,"value":390},".",{"type":48,"tag":81,"props":392,"children":393},{"style":151},[394],{"type":53,"value":395},"completed))\n",{"type":48,"tag":81,"props":397,"children":399},{"class":83,"line":398},8,[400,404,409,413,417,421,425,429,433,437,442,446,450,455,460,464],{"type":48,"tag":81,"props":401,"children":402},{"style":88},[403],{"type":53,"value":303},{"type":48,"tag":81,"props":405,"children":406},{"style":258},[407],{"type":53,"value":408},"orderBy",{"type":48,"tag":81,"props":410,"children":411},{"style":151},[412],{"type":53,"value":265},{"type":48,"tag":81,"props":414,"children":415},{"style":88},[416],{"type":53,"value":362},{"type":48,"tag":81,"props":418,"children":419},{"style":272},[420],{"type":53,"value":322},{"type":48,"tag":81,"props":422,"children":423},{"style":88},[424],{"type":53,"value":371},{"type":48,"tag":81,"props":426,"children":427},{"style":100},[428],{"type":53,"value":376},{"type":48,"tag":81,"props":430,"children":431},{"style":151},[432],{"type":53,"value":322},{"type":48,"tag":81,"props":434,"children":435},{"style":88},[436],{"type":53,"value":390},{"type":48,"tag":81,"props":438,"children":439},{"style":151},[440],{"type":53,"value":441},"created_at",{"type":48,"tag":81,"props":443,"children":444},{"style":88},[445],{"type":53,"value":159},{"type":48,"tag":81,"props":447,"children":448},{"style":88},[449],{"type":53,"value":188},{"type":48,"tag":81,"props":451,"children":452},{"style":121},[453],{"type":53,"value":454},"asc",{"type":48,"tag":81,"props":456,"children":457},{"style":88},[458],{"type":53,"value":459},"'",{"type":48,"tag":81,"props":461,"children":462},{"style":151},[463],{"type":53,"value":280},{"type":48,"tag":81,"props":465,"children":466},{"style":88},[467],{"type":53,"value":468},",\n",{"type":48,"tag":81,"props":470,"children":472},{"class":83,"line":471},9,[473],{"type":48,"tag":81,"props":474,"children":475},{"style":151},[476],{"type":53,"value":340},{"type":48,"tag":81,"props":478,"children":480},{"class":83,"line":479},10,[481,486,490],{"type":48,"tag":81,"props":482,"children":483},{"style":88},[484],{"type":53,"value":485},"\u003C\u002F",{"type":48,"tag":81,"props":487,"children":488},{"style":94},[489],{"type":53,"value":97},{"type":48,"tag":81,"props":491,"children":492},{"style":88},[493],{"type":53,"value":133},{"type":48,"tag":81,"props":495,"children":497},{"class":83,"line":496},11,[498],{"type":48,"tag":81,"props":499,"children":500},{"emptyLinePlaceholder":205},[501],{"type":53,"value":208},{"type":48,"tag":81,"props":503,"children":505},{"class":83,"line":504},12,[506,510,515],{"type":48,"tag":81,"props":507,"children":508},{"style":88},[509],{"type":53,"value":91},{"type":48,"tag":81,"props":511,"children":512},{"style":94},[513],{"type":53,"value":514},"template",{"type":48,"tag":81,"props":516,"children":517},{"style":88},[518],{"type":53,"value":133},{"type":48,"tag":81,"props":520,"children":522},{"class":83,"line":521},13,[523,528,533,538,542,546,551,555,560,565,569,573],{"type":48,"tag":81,"props":524,"children":525},{"style":88},[526],{"type":53,"value":527}," \u003C",{"type":48,"tag":81,"props":529,"children":530},{"style":94},[531],{"type":53,"value":532},"div",{"type":48,"tag":81,"props":534,"children":535},{"style":100},[536],{"type":53,"value":537}," v-if",{"type":48,"tag":81,"props":539,"children":540},{"style":88},[541],{"type":53,"value":113},{"type":48,"tag":81,"props":543,"children":544},{"style":88},[545],{"type":53,"value":118},{"type":48,"tag":81,"props":547,"children":548},{"style":121},[549],{"type":53,"value":550},"isLoading",{"type":48,"tag":81,"props":552,"children":553},{"style":88},[554],{"type":53,"value":118},{"type":48,"tag":81,"props":556,"children":557},{"style":88},[558],{"type":53,"value":559},">",{"type":48,"tag":81,"props":561,"children":562},{"style":151},[563],{"type":53,"value":564},"Loading...",{"type":48,"tag":81,"props":566,"children":567},{"style":88},[568],{"type":53,"value":485},{"type":48,"tag":81,"props":570,"children":571},{"style":94},[572],{"type":53,"value":532},{"type":48,"tag":81,"props":574,"children":575},{"style":88},[576],{"type":53,"value":133},{"type":48,"tag":81,"props":578,"children":580},{"class":83,"line":579},14,[581,585,590,595],{"type":48,"tag":81,"props":582,"children":583},{"style":88},[584],{"type":53,"value":527},{"type":48,"tag":81,"props":586,"children":587},{"style":94},[588],{"type":53,"value":589},"ul",{"type":48,"tag":81,"props":591,"children":592},{"style":100},[593],{"type":53,"value":594}," v-else",{"type":48,"tag":81,"props":596,"children":597},{"style":88},[598],{"type":53,"value":133},{"type":48,"tag":81,"props":600,"children":602},{"class":83,"line":601},15,[603,608,613,618,622,626,631,635,640,644,648,653,657,661,666,670,674],{"type":48,"tag":81,"props":604,"children":605},{"style":88},[606],{"type":53,"value":607}," \u003C",{"type":48,"tag":81,"props":609,"children":610},{"style":94},[611],{"type":53,"value":612},"li",{"type":48,"tag":81,"props":614,"children":615},{"style":100},[616],{"type":53,"value":617}," v-for",{"type":48,"tag":81,"props":619,"children":620},{"style":88},[621],{"type":53,"value":113},{"type":48,"tag":81,"props":623,"children":624},{"style":88},[625],{"type":53,"value":118},{"type":48,"tag":81,"props":627,"children":628},{"style":121},[629],{"type":53,"value":630},"todo in todos",{"type":48,"tag":81,"props":632,"children":633},{"style":88},[634],{"type":53,"value":118},{"type":48,"tag":81,"props":636,"children":637},{"style":100},[638],{"type":53,"value":639}," :key",{"type":48,"tag":81,"props":641,"children":642},{"style":88},[643],{"type":53,"value":113},{"type":48,"tag":81,"props":645,"children":646},{"style":88},[647],{"type":53,"value":118},{"type":48,"tag":81,"props":649,"children":650},{"style":121},[651],{"type":53,"value":652},"todo.id",{"type":48,"tag":81,"props":654,"children":655},{"style":88},[656],{"type":53,"value":118},{"type":48,"tag":81,"props":658,"children":659},{"style":88},[660],{"type":53,"value":559},{"type":48,"tag":81,"props":662,"children":663},{"style":151},[664],{"type":53,"value":665},"{{ todo.text }}",{"type":48,"tag":81,"props":667,"children":668},{"style":88},[669],{"type":53,"value":485},{"type":48,"tag":81,"props":671,"children":672},{"style":94},[673],{"type":53,"value":612},{"type":48,"tag":81,"props":675,"children":676},{"style":88},[677],{"type":53,"value":133},{"type":48,"tag":81,"props":679,"children":681},{"class":83,"line":680},16,[682,687,691],{"type":48,"tag":81,"props":683,"children":684},{"style":88},[685],{"type":53,"value":686}," \u003C\u002F",{"type":48,"tag":81,"props":688,"children":689},{"style":94},[690],{"type":53,"value":589},{"type":48,"tag":81,"props":692,"children":693},{"style":88},[694],{"type":53,"value":133},{"type":48,"tag":81,"props":696,"children":698},{"class":83,"line":697},17,[699,703,707],{"type":48,"tag":81,"props":700,"children":701},{"style":88},[702],{"type":53,"value":485},{"type":48,"tag":81,"props":704,"children":705},{"style":94},[706],{"type":53,"value":514},{"type":48,"tag":81,"props":708,"children":709},{"style":88},[710],{"type":53,"value":133},{"type":48,"tag":49,"props":712,"children":713},{},[714,719,721,727],{"type":48,"tag":77,"props":715,"children":717},{"className":716},[],[718],{"type":53,"value":193},{"type":53,"value":720}," re-exports everything from ",{"type":48,"tag":77,"props":722,"children":724},{"className":723},[],[725],{"type":53,"value":726},"@tanstack\u002Fdb",{"type":53,"value":390},{"type":48,"tag":63,"props":729,"children":731},{"id":730},"hook",[732],{"type":53,"value":733},"Hook",{"type":48,"tag":735,"props":736,"children":738},"h3",{"id":737},"uselivequery",[739],{"type":53,"value":740},"useLiveQuery",{"type":48,"tag":49,"props":742,"children":743},{},[744,746,752],{"type":53,"value":745},"All return values are ",{"type":48,"tag":77,"props":747,"children":749},{"className":748},[],[750],{"type":53,"value":751},"ComputedRef",{"type":53,"value":231},{"type":48,"tag":70,"props":754,"children":757},{"className":755,"code":756,"language":124,"meta":74,"style":74},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u002F\u002F Query function with reactive deps\nconst minPriority = ref(5)\nconst { data, isLoading, isReady, status } = useLiveQuery(\n (q) =>\n q\n .from({ todo: todoCollection })\n .where(({ todo }) => gt(todo.priority, minPriority.value)),\n [minPriority],\n)\n\n\u002F\u002F Config object\nconst { data } = useLiveQuery({\n query: (q) => q.from({ todo: todoCollection }),\n gcTime: 60000,\n})\n\n\u002F\u002F Pre-created collection (reactive via ref)\nconst { data } = useLiveQuery(preloadedCollection)\n\n\u002F\u002F Conditional query\nconst userId = ref\u003Cnumber | null>(null)\nconst { data, status } = useLiveQuery(\n (q) => {\n if (!userId.value) return undefined\n return q\n .from({ todo: todoCollection })\n .where(({ todo }) => eq(todo.userId, userId.value))\n },\n [userId],\n)\n",[758],{"type":48,"tag":77,"props":759,"children":760},{"__ignoreMap":74},[761,770,805,864,884,892,932,1003,1015,1022,1029,1037,1074,1148,1169,1180,1187,1195,1228,1236,1245,1303,1343,1368,1415,1429,1470,1545,1554,1567],{"type":48,"tag":81,"props":762,"children":763},{"class":83,"line":84},[764],{"type":48,"tag":81,"props":765,"children":767},{"style":766},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[768],{"type":53,"value":769},"\u002F\u002F Query function with reactive deps\n",{"type":48,"tag":81,"props":771,"children":772},{"class":83,"line":136},[773,777,782,786,791,795,801],{"type":48,"tag":81,"props":774,"children":775},{"style":100},[776],{"type":53,"value":217},{"type":48,"tag":81,"props":778,"children":779},{"style":151},[780],{"type":53,"value":781}," minPriority ",{"type":48,"tag":81,"props":783,"children":784},{"style":88},[785],{"type":53,"value":113},{"type":48,"tag":81,"props":787,"children":788},{"style":258},[789],{"type":53,"value":790}," ref",{"type":48,"tag":81,"props":792,"children":793},{"style":151},[794],{"type":53,"value":265},{"type":48,"tag":81,"props":796,"children":798},{"style":797},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[799],{"type":53,"value":800},"5",{"type":48,"tag":81,"props":802,"children":803},{"style":151},[804],{"type":53,"value":340},{"type":48,"tag":81,"props":806,"children":807},{"class":83,"line":201},[808,812,816,820,824,829,833,838,842,847,851,855,859],{"type":48,"tag":81,"props":809,"children":810},{"style":100},[811],{"type":53,"value":217},{"type":48,"tag":81,"props":813,"children":814},{"style":88},[815],{"type":53,"value":148},{"type":48,"tag":81,"props":817,"children":818},{"style":151},[819],{"type":53,"value":226},{"type":48,"tag":81,"props":821,"children":822},{"style":88},[823],{"type":53,"value":159},{"type":48,"tag":81,"props":825,"children":826},{"style":151},[827],{"type":53,"value":828}," isLoading",{"type":48,"tag":81,"props":830,"children":831},{"style":88},[832],{"type":53,"value":159},{"type":48,"tag":81,"props":834,"children":835},{"style":151},[836],{"type":53,"value":837}," isReady",{"type":48,"tag":81,"props":839,"children":840},{"style":88},[841],{"type":53,"value":159},{"type":48,"tag":81,"props":843,"children":844},{"style":151},[845],{"type":53,"value":846}," status ",{"type":48,"tag":81,"props":848,"children":849},{"style":88},[850],{"type":53,"value":250},{"type":48,"tag":81,"props":852,"children":853},{"style":88},[854],{"type":53,"value":255},{"type":48,"tag":81,"props":856,"children":857},{"style":258},[858],{"type":53,"value":154},{"type":48,"tag":81,"props":860,"children":861},{"style":151},[862],{"type":53,"value":863},"(\n",{"type":48,"tag":81,"props":865,"children":866},{"class":83,"line":211},[867,872,876,880],{"type":48,"tag":81,"props":868,"children":869},{"style":88},[870],{"type":53,"value":871}," (",{"type":48,"tag":81,"props":873,"children":874},{"style":272},[875],{"type":53,"value":275},{"type":48,"tag":81,"props":877,"children":878},{"style":88},[879],{"type":53,"value":280},{"type":48,"tag":81,"props":881,"children":882},{"style":100},[883],{"type":53,"value":285},{"type":48,"tag":81,"props":885,"children":886},{"class":83,"line":288},[887],{"type":48,"tag":81,"props":888,"children":889},{"style":151},[890],{"type":53,"value":891}," q\n",{"type":48,"tag":81,"props":893,"children":894},{"class":83,"line":297},[895,900,904,908,912,916,920,924,928],{"type":48,"tag":81,"props":896,"children":897},{"style":88},[898],{"type":53,"value":899}," .",{"type":48,"tag":81,"props":901,"children":902},{"style":258},[903],{"type":53,"value":308},{"type":48,"tag":81,"props":905,"children":906},{"style":151},[907],{"type":53,"value":265},{"type":48,"tag":81,"props":909,"children":910},{"style":88},[911],{"type":53,"value":317},{"type":48,"tag":81,"props":913,"children":914},{"style":94},[915],{"type":53,"value":322},{"type":48,"tag":81,"props":917,"children":918},{"style":88},[919],{"type":53,"value":231},{"type":48,"tag":81,"props":921,"children":922},{"style":151},[923],{"type":53,"value":331},{"type":48,"tag":81,"props":925,"children":926},{"style":88},[927],{"type":53,"value":250},{"type":48,"tag":81,"props":929,"children":930},{"style":151},[931],{"type":53,"value":340},{"type":48,"tag":81,"props":933,"children":934},{"class":83,"line":343},[935,939,943,947,951,955,959,963,968,972,976,981,985,990,994,999],{"type":48,"tag":81,"props":936,"children":937},{"style":88},[938],{"type":53,"value":899},{"type":48,"tag":81,"props":940,"children":941},{"style":258},[942],{"type":53,"value":353},{"type":48,"tag":81,"props":944,"children":945},{"style":151},[946],{"type":53,"value":265},{"type":48,"tag":81,"props":948,"children":949},{"style":88},[950],{"type":53,"value":362},{"type":48,"tag":81,"props":952,"children":953},{"style":272},[954],{"type":53,"value":322},{"type":48,"tag":81,"props":956,"children":957},{"style":88},[958],{"type":53,"value":371},{"type":48,"tag":81,"props":960,"children":961},{"style":100},[962],{"type":53,"value":376},{"type":48,"tag":81,"props":964,"children":965},{"style":258},[966],{"type":53,"value":967}," gt",{"type":48,"tag":81,"props":969,"children":970},{"style":151},[971],{"type":53,"value":385},{"type":48,"tag":81,"props":973,"children":974},{"style":88},[975],{"type":53,"value":390},{"type":48,"tag":81,"props":977,"children":978},{"style":151},[979],{"type":53,"value":980},"priority",{"type":48,"tag":81,"props":982,"children":983},{"style":88},[984],{"type":53,"value":159},{"type":48,"tag":81,"props":986,"children":987},{"style":151},[988],{"type":53,"value":989}," minPriority",{"type":48,"tag":81,"props":991,"children":992},{"style":88},[993],{"type":53,"value":390},{"type":48,"tag":81,"props":995,"children":996},{"style":151},[997],{"type":53,"value":998},"value))",{"type":48,"tag":81,"props":1000,"children":1001},{"style":88},[1002],{"type":53,"value":468},{"type":48,"tag":81,"props":1004,"children":1005},{"class":83,"line":398},[1006,1011],{"type":48,"tag":81,"props":1007,"children":1008},{"style":151},[1009],{"type":53,"value":1010}," [minPriority]",{"type":48,"tag":81,"props":1012,"children":1013},{"style":88},[1014],{"type":53,"value":468},{"type":48,"tag":81,"props":1016,"children":1017},{"class":83,"line":471},[1018],{"type":48,"tag":81,"props":1019,"children":1020},{"style":151},[1021],{"type":53,"value":340},{"type":48,"tag":81,"props":1023,"children":1024},{"class":83,"line":479},[1025],{"type":48,"tag":81,"props":1026,"children":1027},{"emptyLinePlaceholder":205},[1028],{"type":53,"value":208},{"type":48,"tag":81,"props":1030,"children":1031},{"class":83,"line":496},[1032],{"type":48,"tag":81,"props":1033,"children":1034},{"style":766},[1035],{"type":53,"value":1036},"\u002F\u002F Config object\n",{"type":48,"tag":81,"props":1038,"children":1039},{"class":83,"line":504},[1040,1044,1048,1053,1057,1061,1065,1069],{"type":48,"tag":81,"props":1041,"children":1042},{"style":100},[1043],{"type":53,"value":217},{"type":48,"tag":81,"props":1045,"children":1046},{"style":88},[1047],{"type":53,"value":148},{"type":48,"tag":81,"props":1049,"children":1050},{"style":151},[1051],{"type":53,"value":1052}," data ",{"type":48,"tag":81,"props":1054,"children":1055},{"style":88},[1056],{"type":53,"value":250},{"type":48,"tag":81,"props":1058,"children":1059},{"style":88},[1060],{"type":53,"value":255},{"type":48,"tag":81,"props":1062,"children":1063},{"style":258},[1064],{"type":53,"value":154},{"type":48,"tag":81,"props":1066,"children":1067},{"style":151},[1068],{"type":53,"value":265},{"type":48,"tag":81,"props":1070,"children":1071},{"style":88},[1072],{"type":53,"value":1073},"{\n",{"type":48,"tag":81,"props":1075,"children":1076},{"class":83,"line":521},[1077,1082,1086,1091,1095,1099,1103,1108,1112,1116,1120,1124,1128,1132,1136,1140,1144],{"type":48,"tag":81,"props":1078,"children":1079},{"style":258},[1080],{"type":53,"value":1081}," query",{"type":48,"tag":81,"props":1083,"children":1084},{"style":88},[1085],{"type":53,"value":231},{"type":48,"tag":81,"props":1087,"children":1088},{"style":88},[1089],{"type":53,"value":1090}," (",{"type":48,"tag":81,"props":1092,"children":1093},{"style":272},[1094],{"type":53,"value":275},{"type":48,"tag":81,"props":1096,"children":1097},{"style":88},[1098],{"type":53,"value":280},{"type":48,"tag":81,"props":1100,"children":1101},{"style":100},[1102],{"type":53,"value":376},{"type":48,"tag":81,"props":1104,"children":1105},{"style":151},[1106],{"type":53,"value":1107}," q",{"type":48,"tag":81,"props":1109,"children":1110},{"style":88},[1111],{"type":53,"value":390},{"type":48,"tag":81,"props":1113,"children":1114},{"style":258},[1115],{"type":53,"value":308},{"type":48,"tag":81,"props":1117,"children":1118},{"style":151},[1119],{"type":53,"value":265},{"type":48,"tag":81,"props":1121,"children":1122},{"style":88},[1123],{"type":53,"value":317},{"type":48,"tag":81,"props":1125,"children":1126},{"style":94},[1127],{"type":53,"value":322},{"type":48,"tag":81,"props":1129,"children":1130},{"style":88},[1131],{"type":53,"value":231},{"type":48,"tag":81,"props":1133,"children":1134},{"style":151},[1135],{"type":53,"value":331},{"type":48,"tag":81,"props":1137,"children":1138},{"style":88},[1139],{"type":53,"value":250},{"type":48,"tag":81,"props":1141,"children":1142},{"style":151},[1143],{"type":53,"value":280},{"type":48,"tag":81,"props":1145,"children":1146},{"style":88},[1147],{"type":53,"value":468},{"type":48,"tag":81,"props":1149,"children":1150},{"class":83,"line":579},[1151,1156,1160,1165],{"type":48,"tag":81,"props":1152,"children":1153},{"style":94},[1154],{"type":53,"value":1155}," gcTime",{"type":48,"tag":81,"props":1157,"children":1158},{"style":88},[1159],{"type":53,"value":231},{"type":48,"tag":81,"props":1161,"children":1162},{"style":797},[1163],{"type":53,"value":1164}," 60000",{"type":48,"tag":81,"props":1166,"children":1167},{"style":88},[1168],{"type":53,"value":468},{"type":48,"tag":81,"props":1170,"children":1171},{"class":83,"line":601},[1172,1176],{"type":48,"tag":81,"props":1173,"children":1174},{"style":88},[1175],{"type":53,"value":250},{"type":48,"tag":81,"props":1177,"children":1178},{"style":151},[1179],{"type":53,"value":340},{"type":48,"tag":81,"props":1181,"children":1182},{"class":83,"line":680},[1183],{"type":48,"tag":81,"props":1184,"children":1185},{"emptyLinePlaceholder":205},[1186],{"type":53,"value":208},{"type":48,"tag":81,"props":1188,"children":1189},{"class":83,"line":697},[1190],{"type":48,"tag":81,"props":1191,"children":1192},{"style":766},[1193],{"type":53,"value":1194},"\u002F\u002F Pre-created collection (reactive via ref)\n",{"type":48,"tag":81,"props":1196,"children":1198},{"class":83,"line":1197},18,[1199,1203,1207,1211,1215,1219,1223],{"type":48,"tag":81,"props":1200,"children":1201},{"style":100},[1202],{"type":53,"value":217},{"type":48,"tag":81,"props":1204,"children":1205},{"style":88},[1206],{"type":53,"value":148},{"type":48,"tag":81,"props":1208,"children":1209},{"style":151},[1210],{"type":53,"value":1052},{"type":48,"tag":81,"props":1212,"children":1213},{"style":88},[1214],{"type":53,"value":250},{"type":48,"tag":81,"props":1216,"children":1217},{"style":88},[1218],{"type":53,"value":255},{"type":48,"tag":81,"props":1220,"children":1221},{"style":258},[1222],{"type":53,"value":154},{"type":48,"tag":81,"props":1224,"children":1225},{"style":151},[1226],{"type":53,"value":1227},"(preloadedCollection)\n",{"type":48,"tag":81,"props":1229,"children":1231},{"class":83,"line":1230},19,[1232],{"type":48,"tag":81,"props":1233,"children":1234},{"emptyLinePlaceholder":205},[1235],{"type":53,"value":208},{"type":48,"tag":81,"props":1237,"children":1239},{"class":83,"line":1238},20,[1240],{"type":48,"tag":81,"props":1241,"children":1242},{"style":766},[1243],{"type":53,"value":1244},"\u002F\u002F Conditional query\n",{"type":48,"tag":81,"props":1246,"children":1248},{"class":83,"line":1247},21,[1249,1253,1258,1262,1266,1270,1276,1281,1286,1290,1294,1299],{"type":48,"tag":81,"props":1250,"children":1251},{"style":100},[1252],{"type":53,"value":217},{"type":48,"tag":81,"props":1254,"children":1255},{"style":151},[1256],{"type":53,"value":1257}," userId ",{"type":48,"tag":81,"props":1259,"children":1260},{"style":88},[1261],{"type":53,"value":113},{"type":48,"tag":81,"props":1263,"children":1264},{"style":258},[1265],{"type":53,"value":790},{"type":48,"tag":81,"props":1267,"children":1268},{"style":88},[1269],{"type":53,"value":91},{"type":48,"tag":81,"props":1271,"children":1273},{"style":1272},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[1274],{"type":53,"value":1275},"number",{"type":48,"tag":81,"props":1277,"children":1278},{"style":88},[1279],{"type":53,"value":1280}," |",{"type":48,"tag":81,"props":1282,"children":1283},{"style":1272},[1284],{"type":53,"value":1285}," null",{"type":48,"tag":81,"props":1287,"children":1288},{"style":88},[1289],{"type":53,"value":559},{"type":48,"tag":81,"props":1291,"children":1292},{"style":151},[1293],{"type":53,"value":265},{"type":48,"tag":81,"props":1295,"children":1296},{"style":88},[1297],{"type":53,"value":1298},"null",{"type":48,"tag":81,"props":1300,"children":1301},{"style":151},[1302],{"type":53,"value":340},{"type":48,"tag":81,"props":1304,"children":1306},{"class":83,"line":1305},22,[1307,1311,1315,1319,1323,1327,1331,1335,1339],{"type":48,"tag":81,"props":1308,"children":1309},{"style":100},[1310],{"type":53,"value":217},{"type":48,"tag":81,"props":1312,"children":1313},{"style":88},[1314],{"type":53,"value":148},{"type":48,"tag":81,"props":1316,"children":1317},{"style":151},[1318],{"type":53,"value":226},{"type":48,"tag":81,"props":1320,"children":1321},{"style":88},[1322],{"type":53,"value":159},{"type":48,"tag":81,"props":1324,"children":1325},{"style":151},[1326],{"type":53,"value":846},{"type":48,"tag":81,"props":1328,"children":1329},{"style":88},[1330],{"type":53,"value":250},{"type":48,"tag":81,"props":1332,"children":1333},{"style":88},[1334],{"type":53,"value":255},{"type":48,"tag":81,"props":1336,"children":1337},{"style":258},[1338],{"type":53,"value":154},{"type":48,"tag":81,"props":1340,"children":1341},{"style":151},[1342],{"type":53,"value":863},{"type":48,"tag":81,"props":1344,"children":1346},{"class":83,"line":1345},23,[1347,1351,1355,1359,1363],{"type":48,"tag":81,"props":1348,"children":1349},{"style":88},[1350],{"type":53,"value":871},{"type":48,"tag":81,"props":1352,"children":1353},{"style":272},[1354],{"type":53,"value":275},{"type":48,"tag":81,"props":1356,"children":1357},{"style":88},[1358],{"type":53,"value":280},{"type":48,"tag":81,"props":1360,"children":1361},{"style":100},[1362],{"type":53,"value":376},{"type":48,"tag":81,"props":1364,"children":1365},{"style":88},[1366],{"type":53,"value":1367}," {\n",{"type":48,"tag":81,"props":1369,"children":1371},{"class":83,"line":1370},24,[1372,1377,1381,1386,1391,1395,1400,1405,1410],{"type":48,"tag":81,"props":1373,"children":1374},{"style":140},[1375],{"type":53,"value":1376}," if",{"type":48,"tag":81,"props":1378,"children":1379},{"style":94},[1380],{"type":53,"value":1090},{"type":48,"tag":81,"props":1382,"children":1383},{"style":88},[1384],{"type":53,"value":1385},"!",{"type":48,"tag":81,"props":1387,"children":1388},{"style":151},[1389],{"type":53,"value":1390},"userId",{"type":48,"tag":81,"props":1392,"children":1393},{"style":88},[1394],{"type":53,"value":390},{"type":48,"tag":81,"props":1396,"children":1397},{"style":151},[1398],{"type":53,"value":1399},"value",{"type":48,"tag":81,"props":1401,"children":1402},{"style":94},[1403],{"type":53,"value":1404},") ",{"type":48,"tag":81,"props":1406,"children":1407},{"style":140},[1408],{"type":53,"value":1409},"return",{"type":48,"tag":81,"props":1411,"children":1412},{"style":88},[1413],{"type":53,"value":1414}," undefined\n",{"type":48,"tag":81,"props":1416,"children":1418},{"class":83,"line":1417},25,[1419,1424],{"type":48,"tag":81,"props":1420,"children":1421},{"style":140},[1422],{"type":53,"value":1423}," return",{"type":48,"tag":81,"props":1425,"children":1426},{"style":151},[1427],{"type":53,"value":1428}," q\n",{"type":48,"tag":81,"props":1430,"children":1432},{"class":83,"line":1431},26,[1433,1437,1441,1445,1449,1453,1457,1462,1466],{"type":48,"tag":81,"props":1434,"children":1435},{"style":88},[1436],{"type":53,"value":899},{"type":48,"tag":81,"props":1438,"children":1439},{"style":258},[1440],{"type":53,"value":308},{"type":48,"tag":81,"props":1442,"children":1443},{"style":94},[1444],{"type":53,"value":265},{"type":48,"tag":81,"props":1446,"children":1447},{"style":88},[1448],{"type":53,"value":317},{"type":48,"tag":81,"props":1450,"children":1451},{"style":94},[1452],{"type":53,"value":322},{"type":48,"tag":81,"props":1454,"children":1455},{"style":88},[1456],{"type":53,"value":231},{"type":48,"tag":81,"props":1458,"children":1459},{"style":151},[1460],{"type":53,"value":1461}," todoCollection",{"type":48,"tag":81,"props":1463,"children":1464},{"style":88},[1465],{"type":53,"value":178},{"type":48,"tag":81,"props":1467,"children":1468},{"style":94},[1469],{"type":53,"value":340},{"type":48,"tag":81,"props":1471,"children":1473},{"class":83,"line":1472},27,[1474,1478,1482,1486,1490,1494,1498,1502,1506,1510,1515,1519,1523,1527,1532,1536,1540],{"type":48,"tag":81,"props":1475,"children":1476},{"style":88},[1477],{"type":53,"value":899},{"type":48,"tag":81,"props":1479,"children":1480},{"style":258},[1481],{"type":53,"value":353},{"type":48,"tag":81,"props":1483,"children":1484},{"style":94},[1485],{"type":53,"value":265},{"type":48,"tag":81,"props":1487,"children":1488},{"style":88},[1489],{"type":53,"value":362},{"type":48,"tag":81,"props":1491,"children":1492},{"style":272},[1493],{"type":53,"value":322},{"type":48,"tag":81,"props":1495,"children":1496},{"style":88},[1497],{"type":53,"value":371},{"type":48,"tag":81,"props":1499,"children":1500},{"style":100},[1501],{"type":53,"value":376},{"type":48,"tag":81,"props":1503,"children":1504},{"style":258},[1505],{"type":53,"value":164},{"type":48,"tag":81,"props":1507,"children":1508},{"style":94},[1509],{"type":53,"value":265},{"type":48,"tag":81,"props":1511,"children":1512},{"style":151},[1513],{"type":53,"value":1514},"todo",{"type":48,"tag":81,"props":1516,"children":1517},{"style":88},[1518],{"type":53,"value":390},{"type":48,"tag":81,"props":1520,"children":1521},{"style":151},[1522],{"type":53,"value":1390},{"type":48,"tag":81,"props":1524,"children":1525},{"style":88},[1526],{"type":53,"value":159},{"type":48,"tag":81,"props":1528,"children":1529},{"style":151},[1530],{"type":53,"value":1531}," userId",{"type":48,"tag":81,"props":1533,"children":1534},{"style":88},[1535],{"type":53,"value":390},{"type":48,"tag":81,"props":1537,"children":1538},{"style":151},[1539],{"type":53,"value":1399},{"type":48,"tag":81,"props":1541,"children":1542},{"style":94},[1543],{"type":53,"value":1544},"))\n",{"type":48,"tag":81,"props":1546,"children":1548},{"class":83,"line":1547},28,[1549],{"type":48,"tag":81,"props":1550,"children":1551},{"style":88},[1552],{"type":53,"value":1553}," },\n",{"type":48,"tag":81,"props":1555,"children":1557},{"class":83,"line":1556},29,[1558,1563],{"type":48,"tag":81,"props":1559,"children":1560},{"style":151},[1561],{"type":53,"value":1562}," [userId]",{"type":48,"tag":81,"props":1564,"children":1565},{"style":88},[1566],{"type":53,"value":468},{"type":48,"tag":81,"props":1568,"children":1570},{"class":83,"line":1569},30,[1571],{"type":48,"tag":81,"props":1572,"children":1573},{"style":151},[1574],{"type":53,"value":340},{"type":48,"tag":63,"props":1576,"children":1578},{"id":1577},"vue-specific-patterns",[1579],{"type":53,"value":1580},"Vue-Specific Patterns",{"type":48,"tag":735,"props":1582,"children":1584},{"id":1583},"reactive-dependencies-with-refs",[1585],{"type":53,"value":1586},"Reactive dependencies with refs",{"type":48,"tag":70,"props":1588,"children":1590},{"className":755,"code":1589,"language":124,"meta":74,"style":74},"const filter = ref('active')\nconst { data } = useLiveQuery(\n (q) =>\n q\n .from({ todo: todoCollection })\n .where(({ todo }) => eq(todo.status, filter.value)),\n [filter],\n)\n\u002F\u002F Query re-runs when filter.value changes\n",[1591],{"type":48,"tag":77,"props":1592,"children":1593},{"__ignoreMap":74},[1594,1635,1666,1685,1692,1731,1800,1812,1819],{"type":48,"tag":81,"props":1595,"children":1596},{"class":83,"line":84},[1597,1601,1606,1610,1614,1618,1622,1627,1631],{"type":48,"tag":81,"props":1598,"children":1599},{"style":100},[1600],{"type":53,"value":217},{"type":48,"tag":81,"props":1602,"children":1603},{"style":151},[1604],{"type":53,"value":1605}," filter ",{"type":48,"tag":81,"props":1607,"children":1608},{"style":88},[1609],{"type":53,"value":113},{"type":48,"tag":81,"props":1611,"children":1612},{"style":258},[1613],{"type":53,"value":790},{"type":48,"tag":81,"props":1615,"children":1616},{"style":151},[1617],{"type":53,"value":265},{"type":48,"tag":81,"props":1619,"children":1620},{"style":88},[1621],{"type":53,"value":459},{"type":48,"tag":81,"props":1623,"children":1624},{"style":121},[1625],{"type":53,"value":1626},"active",{"type":48,"tag":81,"props":1628,"children":1629},{"style":88},[1630],{"type":53,"value":459},{"type":48,"tag":81,"props":1632,"children":1633},{"style":151},[1634],{"type":53,"value":340},{"type":48,"tag":81,"props":1636,"children":1637},{"class":83,"line":136},[1638,1642,1646,1650,1654,1658,1662],{"type":48,"tag":81,"props":1639,"children":1640},{"style":100},[1641],{"type":53,"value":217},{"type":48,"tag":81,"props":1643,"children":1644},{"style":88},[1645],{"type":53,"value":148},{"type":48,"tag":81,"props":1647,"children":1648},{"style":151},[1649],{"type":53,"value":1052},{"type":48,"tag":81,"props":1651,"children":1652},{"style":88},[1653],{"type":53,"value":250},{"type":48,"tag":81,"props":1655,"children":1656},{"style":88},[1657],{"type":53,"value":255},{"type":48,"tag":81,"props":1659,"children":1660},{"style":258},[1661],{"type":53,"value":154},{"type":48,"tag":81,"props":1663,"children":1664},{"style":151},[1665],{"type":53,"value":863},{"type":48,"tag":81,"props":1667,"children":1668},{"class":83,"line":201},[1669,1673,1677,1681],{"type":48,"tag":81,"props":1670,"children":1671},{"style":88},[1672],{"type":53,"value":871},{"type":48,"tag":81,"props":1674,"children":1675},{"style":272},[1676],{"type":53,"value":275},{"type":48,"tag":81,"props":1678,"children":1679},{"style":88},[1680],{"type":53,"value":280},{"type":48,"tag":81,"props":1682,"children":1683},{"style":100},[1684],{"type":53,"value":285},{"type":48,"tag":81,"props":1686,"children":1687},{"class":83,"line":211},[1688],{"type":48,"tag":81,"props":1689,"children":1690},{"style":151},[1691],{"type":53,"value":891},{"type":48,"tag":81,"props":1693,"children":1694},{"class":83,"line":288},[1695,1699,1703,1707,1711,1715,1719,1723,1727],{"type":48,"tag":81,"props":1696,"children":1697},{"style":88},[1698],{"type":53,"value":899},{"type":48,"tag":81,"props":1700,"children":1701},{"style":258},[1702],{"type":53,"value":308},{"type":48,"tag":81,"props":1704,"children":1705},{"style":151},[1706],{"type":53,"value":265},{"type":48,"tag":81,"props":1708,"children":1709},{"style":88},[1710],{"type":53,"value":317},{"type":48,"tag":81,"props":1712,"children":1713},{"style":94},[1714],{"type":53,"value":322},{"type":48,"tag":81,"props":1716,"children":1717},{"style":88},[1718],{"type":53,"value":231},{"type":48,"tag":81,"props":1720,"children":1721},{"style":151},[1722],{"type":53,"value":331},{"type":48,"tag":81,"props":1724,"children":1725},{"style":88},[1726],{"type":53,"value":250},{"type":48,"tag":81,"props":1728,"children":1729},{"style":151},[1730],{"type":53,"value":340},{"type":48,"tag":81,"props":1732,"children":1733},{"class":83,"line":297},[1734,1738,1742,1746,1750,1754,1758,1762,1766,1770,1774,1779,1783,1788,1792,1796],{"type":48,"tag":81,"props":1735,"children":1736},{"style":88},[1737],{"type":53,"value":899},{"type":48,"tag":81,"props":1739,"children":1740},{"style":258},[1741],{"type":53,"value":353},{"type":48,"tag":81,"props":1743,"children":1744},{"style":151},[1745],{"type":53,"value":265},{"type":48,"tag":81,"props":1747,"children":1748},{"style":88},[1749],{"type":53,"value":362},{"type":48,"tag":81,"props":1751,"children":1752},{"style":272},[1753],{"type":53,"value":322},{"type":48,"tag":81,"props":1755,"children":1756},{"style":88},[1757],{"type":53,"value":371},{"type":48,"tag":81,"props":1759,"children":1760},{"style":100},[1761],{"type":53,"value":376},{"type":48,"tag":81,"props":1763,"children":1764},{"style":258},[1765],{"type":53,"value":164},{"type":48,"tag":81,"props":1767,"children":1768},{"style":151},[1769],{"type":53,"value":385},{"type":48,"tag":81,"props":1771,"children":1772},{"style":88},[1773],{"type":53,"value":390},{"type":48,"tag":81,"props":1775,"children":1776},{"style":151},[1777],{"type":53,"value":1778},"status",{"type":48,"tag":81,"props":1780,"children":1781},{"style":88},[1782],{"type":53,"value":159},{"type":48,"tag":81,"props":1784,"children":1785},{"style":151},[1786],{"type":53,"value":1787}," filter",{"type":48,"tag":81,"props":1789,"children":1790},{"style":88},[1791],{"type":53,"value":390},{"type":48,"tag":81,"props":1793,"children":1794},{"style":151},[1795],{"type":53,"value":998},{"type":48,"tag":81,"props":1797,"children":1798},{"style":88},[1799],{"type":53,"value":468},{"type":48,"tag":81,"props":1801,"children":1802},{"class":83,"line":343},[1803,1808],{"type":48,"tag":81,"props":1804,"children":1805},{"style":151},[1806],{"type":53,"value":1807}," [filter]",{"type":48,"tag":81,"props":1809,"children":1810},{"style":88},[1811],{"type":53,"value":468},{"type":48,"tag":81,"props":1813,"children":1814},{"class":83,"line":398},[1815],{"type":48,"tag":81,"props":1816,"children":1817},{"style":151},[1818],{"type":53,"value":340},{"type":48,"tag":81,"props":1820,"children":1821},{"class":83,"line":471},[1822],{"type":48,"tag":81,"props":1823,"children":1824},{"style":766},[1825],{"type":53,"value":1826},"\u002F\u002F Query re-runs when filter.value changes\n",{"type":48,"tag":735,"props":1828,"children":1830},{"id":1829},"mutations-in-event-handlers",[1831],{"type":53,"value":1832},"Mutations in event handlers",{"type":48,"tag":70,"props":1834,"children":1836},{"className":755,"code":1835,"language":124,"meta":74,"style":74},"const handleToggle = (id: number) => {\n todoCollection.update(id, (draft) => {\n draft.completed = !draft.completed\n })\n}\n",[1837],{"type":48,"tag":77,"props":1838,"children":1839},{"__ignoreMap":74},[1840,1886,1936,1975,1987],{"type":48,"tag":81,"props":1841,"children":1842},{"class":83,"line":84},[1843,1847,1852,1856,1860,1865,1869,1874,1878,1882],{"type":48,"tag":81,"props":1844,"children":1845},{"style":100},[1846],{"type":53,"value":217},{"type":48,"tag":81,"props":1848,"children":1849},{"style":151},[1850],{"type":53,"value":1851}," handleToggle ",{"type":48,"tag":81,"props":1853,"children":1854},{"style":88},[1855],{"type":53,"value":113},{"type":48,"tag":81,"props":1857,"children":1858},{"style":88},[1859],{"type":53,"value":1090},{"type":48,"tag":81,"props":1861,"children":1862},{"style":272},[1863],{"type":53,"value":1864},"id",{"type":48,"tag":81,"props":1866,"children":1867},{"style":88},[1868],{"type":53,"value":231},{"type":48,"tag":81,"props":1870,"children":1871},{"style":1272},[1872],{"type":53,"value":1873}," number",{"type":48,"tag":81,"props":1875,"children":1876},{"style":88},[1877],{"type":53,"value":280},{"type":48,"tag":81,"props":1879,"children":1880},{"style":100},[1881],{"type":53,"value":376},{"type":48,"tag":81,"props":1883,"children":1884},{"style":88},[1885],{"type":53,"value":1367},{"type":48,"tag":81,"props":1887,"children":1888},{"class":83,"line":136},[1889,1894,1898,1903,1907,1911,1915,1919,1924,1928,1932],{"type":48,"tag":81,"props":1890,"children":1891},{"style":151},[1892],{"type":53,"value":1893}," todoCollection",{"type":48,"tag":81,"props":1895,"children":1896},{"style":88},[1897],{"type":53,"value":390},{"type":48,"tag":81,"props":1899,"children":1900},{"style":258},[1901],{"type":53,"value":1902},"update",{"type":48,"tag":81,"props":1904,"children":1905},{"style":94},[1906],{"type":53,"value":265},{"type":48,"tag":81,"props":1908,"children":1909},{"style":151},[1910],{"type":53,"value":1864},{"type":48,"tag":81,"props":1912,"children":1913},{"style":88},[1914],{"type":53,"value":159},{"type":48,"tag":81,"props":1916,"children":1917},{"style":88},[1918],{"type":53,"value":1090},{"type":48,"tag":81,"props":1920,"children":1921},{"style":272},[1922],{"type":53,"value":1923},"draft",{"type":48,"tag":81,"props":1925,"children":1926},{"style":88},[1927],{"type":53,"value":280},{"type":48,"tag":81,"props":1929,"children":1930},{"style":100},[1931],{"type":53,"value":376},{"type":48,"tag":81,"props":1933,"children":1934},{"style":88},[1935],{"type":53,"value":1367},{"type":48,"tag":81,"props":1937,"children":1938},{"class":83,"line":201},[1939,1944,1948,1953,1957,1962,1966,1970],{"type":48,"tag":81,"props":1940,"children":1941},{"style":151},[1942],{"type":53,"value":1943}," draft",{"type":48,"tag":81,"props":1945,"children":1946},{"style":88},[1947],{"type":53,"value":390},{"type":48,"tag":81,"props":1949,"children":1950},{"style":151},[1951],{"type":53,"value":1952},"completed",{"type":48,"tag":81,"props":1954,"children":1955},{"style":88},[1956],{"type":53,"value":255},{"type":48,"tag":81,"props":1958,"children":1959},{"style":88},[1960],{"type":53,"value":1961}," !",{"type":48,"tag":81,"props":1963,"children":1964},{"style":151},[1965],{"type":53,"value":1923},{"type":48,"tag":81,"props":1967,"children":1968},{"style":88},[1969],{"type":53,"value":390},{"type":48,"tag":81,"props":1971,"children":1972},{"style":151},[1973],{"type":53,"value":1974},"completed\n",{"type":48,"tag":81,"props":1976,"children":1977},{"class":83,"line":211},[1978,1983],{"type":48,"tag":81,"props":1979,"children":1980},{"style":88},[1981],{"type":53,"value":1982}," }",{"type":48,"tag":81,"props":1984,"children":1985},{"style":94},[1986],{"type":53,"value":340},{"type":48,"tag":81,"props":1988,"children":1989},{"class":83,"line":288},[1990],{"type":48,"tag":81,"props":1991,"children":1992},{"style":88},[1993],{"type":53,"value":1994},"}\n",{"type":48,"tag":63,"props":1996,"children":1998},{"id":1997},"includes-hierarchical-data",[1999],{"type":53,"value":2000},"Includes (Hierarchical Data)",{"type":48,"tag":49,"props":2002,"children":2003},{},[2004,2006,2012,2014,2020,2022,2027],{"type":53,"value":2005},"When a query uses includes (subqueries in ",{"type":48,"tag":77,"props":2007,"children":2009},{"className":2008},[],[2010],{"type":53,"value":2011},"select",{"type":53,"value":2013},"), each child field is a live ",{"type":48,"tag":77,"props":2015,"children":2017},{"className":2016},[],[2018],{"type":53,"value":2019},"Collection",{"type":53,"value":2021}," by default. Subscribe to it with ",{"type":48,"tag":77,"props":2023,"children":2025},{"className":2024},[],[2026],{"type":53,"value":740},{"type":53,"value":2028}," in a subcomponent:",{"type":48,"tag":70,"props":2030,"children":2032},{"className":72,"code":2031,"language":14,"meta":74,"style":74},"\u003C!-- ProjectList.vue -->\n\u003Cscript setup lang=\"ts\">\nimport { useLiveQuery, eq } from '@tanstack\u002Fvue-db'\n\nconst { data: projects } = useLiveQuery((q) =>\n q.from({ p: projectsCollection }).select(({ p }) => ({\n id: p.id,\n name: p.name,\n issues: q\n .from({ i: issuesCollection })\n .where(({ i }) => eq(i.projectId, p.id))\n .select(({ i }) => ({ id: i.id, title: i.title })),\n })),\n)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n \u003Cdiv v-for=\"project in projects\" :key=\"project.id\">\n {{ project.name }}\n \u003CIssueList :issues-collection=\"project.issues\" \u002F>\n \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n",[2033],{"type":48,"tag":77,"props":2034,"children":2035},{"__ignoreMap":74},[2036,2044,2083,2126,2133,2189,2271,2299,2328,2344,2385,2451,2550,2565,2572,2587,2594,2609,2666,2674,2713,2728],{"type":48,"tag":81,"props":2037,"children":2038},{"class":83,"line":84},[2039],{"type":48,"tag":81,"props":2040,"children":2041},{"style":766},[2042],{"type":53,"value":2043},"\u003C!-- ProjectList.vue -->\n",{"type":48,"tag":81,"props":2045,"children":2046},{"class":83,"line":136},[2047,2051,2055,2059,2063,2067,2071,2075,2079],{"type":48,"tag":81,"props":2048,"children":2049},{"style":88},[2050],{"type":53,"value":91},{"type":48,"tag":81,"props":2052,"children":2053},{"style":94},[2054],{"type":53,"value":97},{"type":48,"tag":81,"props":2056,"children":2057},{"style":100},[2058],{"type":53,"value":103},{"type":48,"tag":81,"props":2060,"children":2061},{"style":100},[2062],{"type":53,"value":108},{"type":48,"tag":81,"props":2064,"children":2065},{"style":88},[2066],{"type":53,"value":113},{"type":48,"tag":81,"props":2068,"children":2069},{"style":88},[2070],{"type":53,"value":118},{"type":48,"tag":81,"props":2072,"children":2073},{"style":121},[2074],{"type":53,"value":124},{"type":48,"tag":81,"props":2076,"children":2077},{"style":88},[2078],{"type":53,"value":118},{"type":48,"tag":81,"props":2080,"children":2081},{"style":88},[2082],{"type":53,"value":133},{"type":48,"tag":81,"props":2084,"children":2085},{"class":83,"line":201},[2086,2090,2094,2098,2102,2106,2110,2114,2118,2122],{"type":48,"tag":81,"props":2087,"children":2088},{"style":140},[2089],{"type":53,"value":143},{"type":48,"tag":81,"props":2091,"children":2092},{"style":88},[2093],{"type":53,"value":148},{"type":48,"tag":81,"props":2095,"children":2096},{"style":151},[2097],{"type":53,"value":154},{"type":48,"tag":81,"props":2099,"children":2100},{"style":88},[2101],{"type":53,"value":159},{"type":48,"tag":81,"props":2103,"children":2104},{"style":151},[2105],{"type":53,"value":164},{"type":48,"tag":81,"props":2107,"children":2108},{"style":88},[2109],{"type":53,"value":178},{"type":48,"tag":81,"props":2111,"children":2112},{"style":140},[2113],{"type":53,"value":183},{"type":48,"tag":81,"props":2115,"children":2116},{"style":88},[2117],{"type":53,"value":188},{"type":48,"tag":81,"props":2119,"children":2120},{"style":121},[2121],{"type":53,"value":193},{"type":48,"tag":81,"props":2123,"children":2124},{"style":88},[2125],{"type":53,"value":198},{"type":48,"tag":81,"props":2127,"children":2128},{"class":83,"line":211},[2129],{"type":48,"tag":81,"props":2130,"children":2131},{"emptyLinePlaceholder":205},[2132],{"type":53,"value":208},{"type":48,"tag":81,"props":2134,"children":2135},{"class":83,"line":288},[2136,2140,2144,2148,2152,2157,2161,2165,2169,2173,2177,2181,2185],{"type":48,"tag":81,"props":2137,"children":2138},{"style":100},[2139],{"type":53,"value":217},{"type":48,"tag":81,"props":2141,"children":2142},{"style":88},[2143],{"type":53,"value":148},{"type":48,"tag":81,"props":2145,"children":2146},{"style":94},[2147],{"type":53,"value":226},{"type":48,"tag":81,"props":2149,"children":2150},{"style":88},[2151],{"type":53,"value":231},{"type":48,"tag":81,"props":2153,"children":2154},{"style":151},[2155],{"type":53,"value":2156}," projects ",{"type":48,"tag":81,"props":2158,"children":2159},{"style":88},[2160],{"type":53,"value":250},{"type":48,"tag":81,"props":2162,"children":2163},{"style":88},[2164],{"type":53,"value":255},{"type":48,"tag":81,"props":2166,"children":2167},{"style":258},[2168],{"type":53,"value":154},{"type":48,"tag":81,"props":2170,"children":2171},{"style":151},[2172],{"type":53,"value":265},{"type":48,"tag":81,"props":2174,"children":2175},{"style":88},[2176],{"type":53,"value":265},{"type":48,"tag":81,"props":2178,"children":2179},{"style":272},[2180],{"type":53,"value":275},{"type":48,"tag":81,"props":2182,"children":2183},{"style":88},[2184],{"type":53,"value":280},{"type":48,"tag":81,"props":2186,"children":2187},{"style":100},[2188],{"type":53,"value":285},{"type":48,"tag":81,"props":2190,"children":2191},{"class":83,"line":297},[2192,2197,2201,2205,2209,2213,2218,2222,2227,2231,2235,2239,2243,2247,2251,2255,2259,2263,2267],{"type":48,"tag":81,"props":2193,"children":2194},{"style":151},[2195],{"type":53,"value":2196}," q",{"type":48,"tag":81,"props":2198,"children":2199},{"style":88},[2200],{"type":53,"value":390},{"type":48,"tag":81,"props":2202,"children":2203},{"style":258},[2204],{"type":53,"value":308},{"type":48,"tag":81,"props":2206,"children":2207},{"style":151},[2208],{"type":53,"value":265},{"type":48,"tag":81,"props":2210,"children":2211},{"style":88},[2212],{"type":53,"value":317},{"type":48,"tag":81,"props":2214,"children":2215},{"style":94},[2216],{"type":53,"value":2217}," p",{"type":48,"tag":81,"props":2219,"children":2220},{"style":88},[2221],{"type":53,"value":231},{"type":48,"tag":81,"props":2223,"children":2224},{"style":151},[2225],{"type":53,"value":2226}," projectsCollection ",{"type":48,"tag":81,"props":2228,"children":2229},{"style":88},[2230],{"type":53,"value":250},{"type":48,"tag":81,"props":2232,"children":2233},{"style":151},[2234],{"type":53,"value":280},{"type":48,"tag":81,"props":2236,"children":2237},{"style":88},[2238],{"type":53,"value":390},{"type":48,"tag":81,"props":2240,"children":2241},{"style":258},[2242],{"type":53,"value":2011},{"type":48,"tag":81,"props":2244,"children":2245},{"style":151},[2246],{"type":53,"value":265},{"type":48,"tag":81,"props":2248,"children":2249},{"style":88},[2250],{"type":53,"value":362},{"type":48,"tag":81,"props":2252,"children":2253},{"style":272},[2254],{"type":53,"value":2217},{"type":48,"tag":81,"props":2256,"children":2257},{"style":88},[2258],{"type":53,"value":371},{"type":48,"tag":81,"props":2260,"children":2261},{"style":100},[2262],{"type":53,"value":376},{"type":48,"tag":81,"props":2264,"children":2265},{"style":151},[2266],{"type":53,"value":1090},{"type":48,"tag":81,"props":2268,"children":2269},{"style":88},[2270],{"type":53,"value":1073},{"type":48,"tag":81,"props":2272,"children":2273},{"class":83,"line":343},[2274,2279,2283,2287,2291,2295],{"type":48,"tag":81,"props":2275,"children":2276},{"style":94},[2277],{"type":53,"value":2278}," id",{"type":48,"tag":81,"props":2280,"children":2281},{"style":88},[2282],{"type":53,"value":231},{"type":48,"tag":81,"props":2284,"children":2285},{"style":151},[2286],{"type":53,"value":2217},{"type":48,"tag":81,"props":2288,"children":2289},{"style":88},[2290],{"type":53,"value":390},{"type":48,"tag":81,"props":2292,"children":2293},{"style":151},[2294],{"type":53,"value":1864},{"type":48,"tag":81,"props":2296,"children":2297},{"style":88},[2298],{"type":53,"value":468},{"type":48,"tag":81,"props":2300,"children":2301},{"class":83,"line":398},[2302,2307,2311,2315,2319,2324],{"type":48,"tag":81,"props":2303,"children":2304},{"style":94},[2305],{"type":53,"value":2306}," name",{"type":48,"tag":81,"props":2308,"children":2309},{"style":88},[2310],{"type":53,"value":231},{"type":48,"tag":81,"props":2312,"children":2313},{"style":151},[2314],{"type":53,"value":2217},{"type":48,"tag":81,"props":2316,"children":2317},{"style":88},[2318],{"type":53,"value":390},{"type":48,"tag":81,"props":2320,"children":2321},{"style":151},[2322],{"type":53,"value":2323},"name",{"type":48,"tag":81,"props":2325,"children":2326},{"style":88},[2327],{"type":53,"value":468},{"type":48,"tag":81,"props":2329,"children":2330},{"class":83,"line":471},[2331,2336,2340],{"type":48,"tag":81,"props":2332,"children":2333},{"style":94},[2334],{"type":53,"value":2335}," issues",{"type":48,"tag":81,"props":2337,"children":2338},{"style":88},[2339],{"type":53,"value":231},{"type":48,"tag":81,"props":2341,"children":2342},{"style":151},[2343],{"type":53,"value":1428},{"type":48,"tag":81,"props":2345,"children":2346},{"class":83,"line":479},[2347,2351,2355,2359,2363,2368,2372,2377,2381],{"type":48,"tag":81,"props":2348,"children":2349},{"style":88},[2350],{"type":53,"value":899},{"type":48,"tag":81,"props":2352,"children":2353},{"style":258},[2354],{"type":53,"value":308},{"type":48,"tag":81,"props":2356,"children":2357},{"style":151},[2358],{"type":53,"value":265},{"type":48,"tag":81,"props":2360,"children":2361},{"style":88},[2362],{"type":53,"value":317},{"type":48,"tag":81,"props":2364,"children":2365},{"style":94},[2366],{"type":53,"value":2367}," i",{"type":48,"tag":81,"props":2369,"children":2370},{"style":88},[2371],{"type":53,"value":231},{"type":48,"tag":81,"props":2373,"children":2374},{"style":151},[2375],{"type":53,"value":2376}," issuesCollection ",{"type":48,"tag":81,"props":2378,"children":2379},{"style":88},[2380],{"type":53,"value":250},{"type":48,"tag":81,"props":2382,"children":2383},{"style":151},[2384],{"type":53,"value":340},{"type":48,"tag":81,"props":2386,"children":2387},{"class":83,"line":496},[2388,2392,2396,2400,2404,2408,2412,2416,2420,2425,2429,2434,2438,2442,2446],{"type":48,"tag":81,"props":2389,"children":2390},{"style":88},[2391],{"type":53,"value":899},{"type":48,"tag":81,"props":2393,"children":2394},{"style":258},[2395],{"type":53,"value":353},{"type":48,"tag":81,"props":2397,"children":2398},{"style":151},[2399],{"type":53,"value":265},{"type":48,"tag":81,"props":2401,"children":2402},{"style":88},[2403],{"type":53,"value":362},{"type":48,"tag":81,"props":2405,"children":2406},{"style":272},[2407],{"type":53,"value":2367},{"type":48,"tag":81,"props":2409,"children":2410},{"style":88},[2411],{"type":53,"value":371},{"type":48,"tag":81,"props":2413,"children":2414},{"style":100},[2415],{"type":53,"value":376},{"type":48,"tag":81,"props":2417,"children":2418},{"style":258},[2419],{"type":53,"value":164},{"type":48,"tag":81,"props":2421,"children":2422},{"style":151},[2423],{"type":53,"value":2424},"(i",{"type":48,"tag":81,"props":2426,"children":2427},{"style":88},[2428],{"type":53,"value":390},{"type":48,"tag":81,"props":2430,"children":2431},{"style":151},[2432],{"type":53,"value":2433},"projectId",{"type":48,"tag":81,"props":2435,"children":2436},{"style":88},[2437],{"type":53,"value":159},{"type":48,"tag":81,"props":2439,"children":2440},{"style":151},[2441],{"type":53,"value":2217},{"type":48,"tag":81,"props":2443,"children":2444},{"style":88},[2445],{"type":53,"value":390},{"type":48,"tag":81,"props":2447,"children":2448},{"style":151},[2449],{"type":53,"value":2450},"id))\n",{"type":48,"tag":81,"props":2452,"children":2453},{"class":83,"line":504},[2454,2458,2462,2466,2470,2474,2478,2482,2486,2490,2495,2499,2503,2507,2511,2515,2520,2524,2528,2532,2537,2541,2546],{"type":48,"tag":81,"props":2455,"children":2456},{"style":88},[2457],{"type":53,"value":899},{"type":48,"tag":81,"props":2459,"children":2460},{"style":258},[2461],{"type":53,"value":2011},{"type":48,"tag":81,"props":2463,"children":2464},{"style":151},[2465],{"type":53,"value":265},{"type":48,"tag":81,"props":2467,"children":2468},{"style":88},[2469],{"type":53,"value":362},{"type":48,"tag":81,"props":2471,"children":2472},{"style":272},[2473],{"type":53,"value":2367},{"type":48,"tag":81,"props":2475,"children":2476},{"style":88},[2477],{"type":53,"value":371},{"type":48,"tag":81,"props":2479,"children":2480},{"style":100},[2481],{"type":53,"value":376},{"type":48,"tag":81,"props":2483,"children":2484},{"style":151},[2485],{"type":53,"value":1090},{"type":48,"tag":81,"props":2487,"children":2488},{"style":88},[2489],{"type":53,"value":317},{"type":48,"tag":81,"props":2491,"children":2492},{"style":94},[2493],{"type":53,"value":2494}," id",{"type":48,"tag":81,"props":2496,"children":2497},{"style":88},[2498],{"type":53,"value":231},{"type":48,"tag":81,"props":2500,"children":2501},{"style":151},[2502],{"type":53,"value":2367},{"type":48,"tag":81,"props":2504,"children":2505},{"style":88},[2506],{"type":53,"value":390},{"type":48,"tag":81,"props":2508,"children":2509},{"style":151},[2510],{"type":53,"value":1864},{"type":48,"tag":81,"props":2512,"children":2513},{"style":88},[2514],{"type":53,"value":159},{"type":48,"tag":81,"props":2516,"children":2517},{"style":94},[2518],{"type":53,"value":2519}," title",{"type":48,"tag":81,"props":2521,"children":2522},{"style":88},[2523],{"type":53,"value":231},{"type":48,"tag":81,"props":2525,"children":2526},{"style":151},[2527],{"type":53,"value":2367},{"type":48,"tag":81,"props":2529,"children":2530},{"style":88},[2531],{"type":53,"value":390},{"type":48,"tag":81,"props":2533,"children":2534},{"style":151},[2535],{"type":53,"value":2536},"title ",{"type":48,"tag":81,"props":2538,"children":2539},{"style":88},[2540],{"type":53,"value":250},{"type":48,"tag":81,"props":2542,"children":2543},{"style":151},[2544],{"type":53,"value":2545},"))",{"type":48,"tag":81,"props":2547,"children":2548},{"style":88},[2549],{"type":53,"value":468},{"type":48,"tag":81,"props":2551,"children":2552},{"class":83,"line":521},[2553,2557,2561],{"type":48,"tag":81,"props":2554,"children":2555},{"style":88},[2556],{"type":53,"value":1982},{"type":48,"tag":81,"props":2558,"children":2559},{"style":151},[2560],{"type":53,"value":2545},{"type":48,"tag":81,"props":2562,"children":2563},{"style":88},[2564],{"type":53,"value":468},{"type":48,"tag":81,"props":2566,"children":2567},{"class":83,"line":579},[2568],{"type":48,"tag":81,"props":2569,"children":2570},{"style":151},[2571],{"type":53,"value":340},{"type":48,"tag":81,"props":2573,"children":2574},{"class":83,"line":601},[2575,2579,2583],{"type":48,"tag":81,"props":2576,"children":2577},{"style":88},[2578],{"type":53,"value":485},{"type":48,"tag":81,"props":2580,"children":2581},{"style":94},[2582],{"type":53,"value":97},{"type":48,"tag":81,"props":2584,"children":2585},{"style":88},[2586],{"type":53,"value":133},{"type":48,"tag":81,"props":2588,"children":2589},{"class":83,"line":680},[2590],{"type":48,"tag":81,"props":2591,"children":2592},{"emptyLinePlaceholder":205},[2593],{"type":53,"value":208},{"type":48,"tag":81,"props":2595,"children":2596},{"class":83,"line":697},[2597,2601,2605],{"type":48,"tag":81,"props":2598,"children":2599},{"style":88},[2600],{"type":53,"value":91},{"type":48,"tag":81,"props":2602,"children":2603},{"style":94},[2604],{"type":53,"value":514},{"type":48,"tag":81,"props":2606,"children":2607},{"style":88},[2608],{"type":53,"value":133},{"type":48,"tag":81,"props":2610,"children":2611},{"class":83,"line":1197},[2612,2616,2620,2624,2628,2632,2637,2641,2645,2649,2653,2658,2662],{"type":48,"tag":81,"props":2613,"children":2614},{"style":88},[2615],{"type":53,"value":527},{"type":48,"tag":81,"props":2617,"children":2618},{"style":94},[2619],{"type":53,"value":532},{"type":48,"tag":81,"props":2621,"children":2622},{"style":100},[2623],{"type":53,"value":617},{"type":48,"tag":81,"props":2625,"children":2626},{"style":88},[2627],{"type":53,"value":113},{"type":48,"tag":81,"props":2629,"children":2630},{"style":88},[2631],{"type":53,"value":118},{"type":48,"tag":81,"props":2633,"children":2634},{"style":121},[2635],{"type":53,"value":2636},"project in projects",{"type":48,"tag":81,"props":2638,"children":2639},{"style":88},[2640],{"type":53,"value":118},{"type":48,"tag":81,"props":2642,"children":2643},{"style":100},[2644],{"type":53,"value":639},{"type":48,"tag":81,"props":2646,"children":2647},{"style":88},[2648],{"type":53,"value":113},{"type":48,"tag":81,"props":2650,"children":2651},{"style":88},[2652],{"type":53,"value":118},{"type":48,"tag":81,"props":2654,"children":2655},{"style":121},[2656],{"type":53,"value":2657},"project.id",{"type":48,"tag":81,"props":2659,"children":2660},{"style":88},[2661],{"type":53,"value":118},{"type":48,"tag":81,"props":2663,"children":2664},{"style":88},[2665],{"type":53,"value":133},{"type":48,"tag":81,"props":2667,"children":2668},{"class":83,"line":1230},[2669],{"type":48,"tag":81,"props":2670,"children":2671},{"style":151},[2672],{"type":53,"value":2673}," {{ project.name }}\n",{"type":48,"tag":81,"props":2675,"children":2676},{"class":83,"line":1238},[2677,2681,2686,2691,2695,2699,2704,2708],{"type":48,"tag":81,"props":2678,"children":2679},{"style":88},[2680],{"type":53,"value":607},{"type":48,"tag":81,"props":2682,"children":2683},{"style":94},[2684],{"type":53,"value":2685},"IssueList",{"type":48,"tag":81,"props":2687,"children":2688},{"style":100},[2689],{"type":53,"value":2690}," :issues-collection",{"type":48,"tag":81,"props":2692,"children":2693},{"style":88},[2694],{"type":53,"value":113},{"type":48,"tag":81,"props":2696,"children":2697},{"style":88},[2698],{"type":53,"value":118},{"type":48,"tag":81,"props":2700,"children":2701},{"style":121},[2702],{"type":53,"value":2703},"project.issues",{"type":48,"tag":81,"props":2705,"children":2706},{"style":88},[2707],{"type":53,"value":118},{"type":48,"tag":81,"props":2709,"children":2710},{"style":88},[2711],{"type":53,"value":2712}," \u002F>\n",{"type":48,"tag":81,"props":2714,"children":2715},{"class":83,"line":1247},[2716,2720,2724],{"type":48,"tag":81,"props":2717,"children":2718},{"style":88},[2719],{"type":53,"value":686},{"type":48,"tag":81,"props":2721,"children":2722},{"style":94},[2723],{"type":53,"value":532},{"type":48,"tag":81,"props":2725,"children":2726},{"style":88},[2727],{"type":53,"value":133},{"type":48,"tag":81,"props":2729,"children":2730},{"class":83,"line":1305},[2731,2735,2739],{"type":48,"tag":81,"props":2732,"children":2733},{"style":88},[2734],{"type":53,"value":485},{"type":48,"tag":81,"props":2736,"children":2737},{"style":94},[2738],{"type":53,"value":514},{"type":48,"tag":81,"props":2740,"children":2741},{"style":88},[2742],{"type":53,"value":133},{"type":48,"tag":70,"props":2744,"children":2746},{"className":72,"code":2745,"language":14,"meta":74,"style":74},"\u003C!-- IssueList.vue — subscribes to the child Collection -->\n\u003Cscript setup lang=\"ts\">\nimport { useLiveQuery } from '@tanstack\u002Fvue-db'\nimport type { Collection } from '@tanstack\u002Fdb'\n\nconst props = defineProps\u003C{ issuesCollection: Collection }>()\nconst { data: issues } = useLiveQuery(() => props.issuesCollection)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n \u003Cul>\n \u003Cli v-for=\"issue in issues\" :key=\"issue.id\">{{ issue.title }}\u003C\u002Fli>\n \u003C\u002Ful>\n\u003C\u002Ftemplate>\n",[2747],{"type":48,"tag":77,"props":2748,"children":2749},{"__ignoreMap":74},[2750,2758,2797,2832,2873,2880,2929,2992,3007,3014,3029,3044,3118,3133],{"type":48,"tag":81,"props":2751,"children":2752},{"class":83,"line":84},[2753],{"type":48,"tag":81,"props":2754,"children":2755},{"style":766},[2756],{"type":53,"value":2757},"\u003C!-- IssueList.vue — subscribes to the child Collection -->\n",{"type":48,"tag":81,"props":2759,"children":2760},{"class":83,"line":136},[2761,2765,2769,2773,2777,2781,2785,2789,2793],{"type":48,"tag":81,"props":2762,"children":2763},{"style":88},[2764],{"type":53,"value":91},{"type":48,"tag":81,"props":2766,"children":2767},{"style":94},[2768],{"type":53,"value":97},{"type":48,"tag":81,"props":2770,"children":2771},{"style":100},[2772],{"type":53,"value":103},{"type":48,"tag":81,"props":2774,"children":2775},{"style":100},[2776],{"type":53,"value":108},{"type":48,"tag":81,"props":2778,"children":2779},{"style":88},[2780],{"type":53,"value":113},{"type":48,"tag":81,"props":2782,"children":2783},{"style":88},[2784],{"type":53,"value":118},{"type":48,"tag":81,"props":2786,"children":2787},{"style":121},[2788],{"type":53,"value":124},{"type":48,"tag":81,"props":2790,"children":2791},{"style":88},[2792],{"type":53,"value":118},{"type":48,"tag":81,"props":2794,"children":2795},{"style":88},[2796],{"type":53,"value":133},{"type":48,"tag":81,"props":2798,"children":2799},{"class":83,"line":201},[2800,2804,2808,2812,2816,2820,2824,2828],{"type":48,"tag":81,"props":2801,"children":2802},{"style":140},[2803],{"type":53,"value":143},{"type":48,"tag":81,"props":2805,"children":2806},{"style":88},[2807],{"type":53,"value":148},{"type":48,"tag":81,"props":2809,"children":2810},{"style":151},[2811],{"type":53,"value":154},{"type":48,"tag":81,"props":2813,"children":2814},{"style":88},[2815],{"type":53,"value":178},{"type":48,"tag":81,"props":2817,"children":2818},{"style":140},[2819],{"type":53,"value":183},{"type":48,"tag":81,"props":2821,"children":2822},{"style":88},[2823],{"type":53,"value":188},{"type":48,"tag":81,"props":2825,"children":2826},{"style":121},[2827],{"type":53,"value":193},{"type":48,"tag":81,"props":2829,"children":2830},{"style":88},[2831],{"type":53,"value":198},{"type":48,"tag":81,"props":2833,"children":2834},{"class":83,"line":211},[2835,2839,2844,2848,2853,2857,2861,2865,2869],{"type":48,"tag":81,"props":2836,"children":2837},{"style":140},[2838],{"type":53,"value":143},{"type":48,"tag":81,"props":2840,"children":2841},{"style":140},[2842],{"type":53,"value":2843}," type",{"type":48,"tag":81,"props":2845,"children":2846},{"style":88},[2847],{"type":53,"value":148},{"type":48,"tag":81,"props":2849,"children":2850},{"style":151},[2851],{"type":53,"value":2852}," Collection",{"type":48,"tag":81,"props":2854,"children":2855},{"style":88},[2856],{"type":53,"value":178},{"type":48,"tag":81,"props":2858,"children":2859},{"style":140},[2860],{"type":53,"value":183},{"type":48,"tag":81,"props":2862,"children":2863},{"style":88},[2864],{"type":53,"value":188},{"type":48,"tag":81,"props":2866,"children":2867},{"style":121},[2868],{"type":53,"value":726},{"type":48,"tag":81,"props":2870,"children":2871},{"style":88},[2872],{"type":53,"value":198},{"type":48,"tag":81,"props":2874,"children":2875},{"class":83,"line":288},[2876],{"type":48,"tag":81,"props":2877,"children":2878},{"emptyLinePlaceholder":205},[2879],{"type":53,"value":208},{"type":48,"tag":81,"props":2881,"children":2882},{"class":83,"line":297},[2883,2887,2892,2896,2901,2906,2911,2915,2919,2924],{"type":48,"tag":81,"props":2884,"children":2885},{"style":100},[2886],{"type":53,"value":217},{"type":48,"tag":81,"props":2888,"children":2889},{"style":151},[2890],{"type":53,"value":2891}," props ",{"type":48,"tag":81,"props":2893,"children":2894},{"style":88},[2895],{"type":53,"value":113},{"type":48,"tag":81,"props":2897,"children":2898},{"style":258},[2899],{"type":53,"value":2900}," defineProps",{"type":48,"tag":81,"props":2902,"children":2903},{"style":88},[2904],{"type":53,"value":2905},"\u003C{",{"type":48,"tag":81,"props":2907,"children":2908},{"style":94},[2909],{"type":53,"value":2910}," issuesCollection",{"type":48,"tag":81,"props":2912,"children":2913},{"style":88},[2914],{"type":53,"value":231},{"type":48,"tag":81,"props":2916,"children":2917},{"style":1272},[2918],{"type":53,"value":2852},{"type":48,"tag":81,"props":2920,"children":2921},{"style":88},[2922],{"type":53,"value":2923}," }>",{"type":48,"tag":81,"props":2925,"children":2926},{"style":151},[2927],{"type":53,"value":2928},"()\n",{"type":48,"tag":81,"props":2930,"children":2931},{"class":83,"line":343},[2932,2936,2940,2944,2948,2953,2957,2961,2965,2969,2974,2978,2983,2987],{"type":48,"tag":81,"props":2933,"children":2934},{"style":100},[2935],{"type":53,"value":217},{"type":48,"tag":81,"props":2937,"children":2938},{"style":88},[2939],{"type":53,"value":148},{"type":48,"tag":81,"props":2941,"children":2942},{"style":94},[2943],{"type":53,"value":226},{"type":48,"tag":81,"props":2945,"children":2946},{"style":88},[2947],{"type":53,"value":231},{"type":48,"tag":81,"props":2949,"children":2950},{"style":151},[2951],{"type":53,"value":2952}," issues ",{"type":48,"tag":81,"props":2954,"children":2955},{"style":88},[2956],{"type":53,"value":250},{"type":48,"tag":81,"props":2958,"children":2959},{"style":88},[2960],{"type":53,"value":255},{"type":48,"tag":81,"props":2962,"children":2963},{"style":258},[2964],{"type":53,"value":154},{"type":48,"tag":81,"props":2966,"children":2967},{"style":151},[2968],{"type":53,"value":265},{"type":48,"tag":81,"props":2970,"children":2971},{"style":88},[2972],{"type":53,"value":2973},"()",{"type":48,"tag":81,"props":2975,"children":2976},{"style":100},[2977],{"type":53,"value":376},{"type":48,"tag":81,"props":2979,"children":2980},{"style":151},[2981],{"type":53,"value":2982}," props",{"type":48,"tag":81,"props":2984,"children":2985},{"style":88},[2986],{"type":53,"value":390},{"type":48,"tag":81,"props":2988,"children":2989},{"style":151},[2990],{"type":53,"value":2991},"issuesCollection)\n",{"type":48,"tag":81,"props":2993,"children":2994},{"class":83,"line":398},[2995,2999,3003],{"type":48,"tag":81,"props":2996,"children":2997},{"style":88},[2998],{"type":53,"value":485},{"type":48,"tag":81,"props":3000,"children":3001},{"style":94},[3002],{"type":53,"value":97},{"type":48,"tag":81,"props":3004,"children":3005},{"style":88},[3006],{"type":53,"value":133},{"type":48,"tag":81,"props":3008,"children":3009},{"class":83,"line":471},[3010],{"type":48,"tag":81,"props":3011,"children":3012},{"emptyLinePlaceholder":205},[3013],{"type":53,"value":208},{"type":48,"tag":81,"props":3015,"children":3016},{"class":83,"line":479},[3017,3021,3025],{"type":48,"tag":81,"props":3018,"children":3019},{"style":88},[3020],{"type":53,"value":91},{"type":48,"tag":81,"props":3022,"children":3023},{"style":94},[3024],{"type":53,"value":514},{"type":48,"tag":81,"props":3026,"children":3027},{"style":88},[3028],{"type":53,"value":133},{"type":48,"tag":81,"props":3030,"children":3031},{"class":83,"line":496},[3032,3036,3040],{"type":48,"tag":81,"props":3033,"children":3034},{"style":88},[3035],{"type":53,"value":527},{"type":48,"tag":81,"props":3037,"children":3038},{"style":94},[3039],{"type":53,"value":589},{"type":48,"tag":81,"props":3041,"children":3042},{"style":88},[3043],{"type":53,"value":133},{"type":48,"tag":81,"props":3045,"children":3046},{"class":83,"line":504},[3047,3051,3055,3059,3063,3067,3072,3076,3080,3084,3088,3093,3097,3101,3106,3110,3114],{"type":48,"tag":81,"props":3048,"children":3049},{"style":88},[3050],{"type":53,"value":607},{"type":48,"tag":81,"props":3052,"children":3053},{"style":94},[3054],{"type":53,"value":612},{"type":48,"tag":81,"props":3056,"children":3057},{"style":100},[3058],{"type":53,"value":617},{"type":48,"tag":81,"props":3060,"children":3061},{"style":88},[3062],{"type":53,"value":113},{"type":48,"tag":81,"props":3064,"children":3065},{"style":88},[3066],{"type":53,"value":118},{"type":48,"tag":81,"props":3068,"children":3069},{"style":121},[3070],{"type":53,"value":3071},"issue in issues",{"type":48,"tag":81,"props":3073,"children":3074},{"style":88},[3075],{"type":53,"value":118},{"type":48,"tag":81,"props":3077,"children":3078},{"style":100},[3079],{"type":53,"value":639},{"type":48,"tag":81,"props":3081,"children":3082},{"style":88},[3083],{"type":53,"value":113},{"type":48,"tag":81,"props":3085,"children":3086},{"style":88},[3087],{"type":53,"value":118},{"type":48,"tag":81,"props":3089,"children":3090},{"style":121},[3091],{"type":53,"value":3092},"issue.id",{"type":48,"tag":81,"props":3094,"children":3095},{"style":88},[3096],{"type":53,"value":118},{"type":48,"tag":81,"props":3098,"children":3099},{"style":88},[3100],{"type":53,"value":559},{"type":48,"tag":81,"props":3102,"children":3103},{"style":151},[3104],{"type":53,"value":3105},"{{ issue.title }}",{"type":48,"tag":81,"props":3107,"children":3108},{"style":88},[3109],{"type":53,"value":485},{"type":48,"tag":81,"props":3111,"children":3112},{"style":94},[3113],{"type":53,"value":612},{"type":48,"tag":81,"props":3115,"children":3116},{"style":88},[3117],{"type":53,"value":133},{"type":48,"tag":81,"props":3119,"children":3120},{"class":83,"line":521},[3121,3125,3129],{"type":48,"tag":81,"props":3122,"children":3123},{"style":88},[3124],{"type":53,"value":686},{"type":48,"tag":81,"props":3126,"children":3127},{"style":94},[3128],{"type":53,"value":589},{"type":48,"tag":81,"props":3130,"children":3131},{"style":88},[3132],{"type":53,"value":133},{"type":48,"tag":81,"props":3134,"children":3135},{"class":83,"line":579},[3136,3140,3144],{"type":48,"tag":81,"props":3137,"children":3138},{"style":88},[3139],{"type":53,"value":485},{"type":48,"tag":81,"props":3141,"children":3142},{"style":94},[3143],{"type":53,"value":514},{"type":48,"tag":81,"props":3145,"children":3146},{"style":88},[3147],{"type":53,"value":133},{"type":48,"tag":49,"props":3149,"children":3150},{},[3151,3153,3159],{"type":53,"value":3152},"With ",{"type":48,"tag":77,"props":3154,"children":3156},{"className":3155},[],[3157],{"type":53,"value":3158},"toArray()",{"type":53,"value":3160},", child results are plain arrays and the parent re-emits on child changes:",{"type":48,"tag":70,"props":3162,"children":3164},{"className":755,"code":3163,"language":124,"meta":74,"style":74},"import { toArray, eq } from '@tanstack\u002Fvue-db'\n\nconst { data: projects } = useLiveQuery((q) =>\n q.from({ p: projectsCollection }).select(({ p }) => ({\n id: p.id,\n name: p.name,\n issues: toArray(\n q\n .from({ i: issuesCollection })\n .where(({ i }) => eq(i.projectId, p.id))\n .select(({ i }) => ({ id: i.id, title: i.title })),\n ),\n })),\n)\n\u002F\u002F project.issues is a plain array — no subcomponent needed\n",[3165],{"type":48,"tag":77,"props":3166,"children":3167},{"__ignoreMap":74},[3168,3212,3219,3274,3353,3380,3407,3426,3434,3474,3537,3632,3644,3659,3666],{"type":48,"tag":81,"props":3169,"children":3170},{"class":83,"line":84},[3171,3175,3179,3184,3188,3192,3196,3200,3204,3208],{"type":48,"tag":81,"props":3172,"children":3173},{"style":140},[3174],{"type":53,"value":143},{"type":48,"tag":81,"props":3176,"children":3177},{"style":88},[3178],{"type":53,"value":148},{"type":48,"tag":81,"props":3180,"children":3181},{"style":151},[3182],{"type":53,"value":3183}," toArray",{"type":48,"tag":81,"props":3185,"children":3186},{"style":88},[3187],{"type":53,"value":159},{"type":48,"tag":81,"props":3189,"children":3190},{"style":151},[3191],{"type":53,"value":164},{"type":48,"tag":81,"props":3193,"children":3194},{"style":88},[3195],{"type":53,"value":178},{"type":48,"tag":81,"props":3197,"children":3198},{"style":140},[3199],{"type":53,"value":183},{"type":48,"tag":81,"props":3201,"children":3202},{"style":88},[3203],{"type":53,"value":188},{"type":48,"tag":81,"props":3205,"children":3206},{"style":121},[3207],{"type":53,"value":193},{"type":48,"tag":81,"props":3209,"children":3210},{"style":88},[3211],{"type":53,"value":198},{"type":48,"tag":81,"props":3213,"children":3214},{"class":83,"line":136},[3215],{"type":48,"tag":81,"props":3216,"children":3217},{"emptyLinePlaceholder":205},[3218],{"type":53,"value":208},{"type":48,"tag":81,"props":3220,"children":3221},{"class":83,"line":201},[3222,3226,3230,3234,3238,3242,3246,3250,3254,3258,3262,3266,3270],{"type":48,"tag":81,"props":3223,"children":3224},{"style":100},[3225],{"type":53,"value":217},{"type":48,"tag":81,"props":3227,"children":3228},{"style":88},[3229],{"type":53,"value":148},{"type":48,"tag":81,"props":3231,"children":3232},{"style":94},[3233],{"type":53,"value":226},{"type":48,"tag":81,"props":3235,"children":3236},{"style":88},[3237],{"type":53,"value":231},{"type":48,"tag":81,"props":3239,"children":3240},{"style":151},[3241],{"type":53,"value":2156},{"type":48,"tag":81,"props":3243,"children":3244},{"style":88},[3245],{"type":53,"value":250},{"type":48,"tag":81,"props":3247,"children":3248},{"style":88},[3249],{"type":53,"value":255},{"type":48,"tag":81,"props":3251,"children":3252},{"style":258},[3253],{"type":53,"value":154},{"type":48,"tag":81,"props":3255,"children":3256},{"style":151},[3257],{"type":53,"value":265},{"type":48,"tag":81,"props":3259,"children":3260},{"style":88},[3261],{"type":53,"value":265},{"type":48,"tag":81,"props":3263,"children":3264},{"style":272},[3265],{"type":53,"value":275},{"type":48,"tag":81,"props":3267,"children":3268},{"style":88},[3269],{"type":53,"value":280},{"type":48,"tag":81,"props":3271,"children":3272},{"style":100},[3273],{"type":53,"value":285},{"type":48,"tag":81,"props":3275,"children":3276},{"class":83,"line":211},[3277,3281,3285,3289,3293,3297,3301,3305,3309,3313,3317,3321,3325,3329,3333,3337,3341,3345,3349],{"type":48,"tag":81,"props":3278,"children":3279},{"style":151},[3280],{"type":53,"value":2196},{"type":48,"tag":81,"props":3282,"children":3283},{"style":88},[3284],{"type":53,"value":390},{"type":48,"tag":81,"props":3286,"children":3287},{"style":258},[3288],{"type":53,"value":308},{"type":48,"tag":81,"props":3290,"children":3291},{"style":151},[3292],{"type":53,"value":265},{"type":48,"tag":81,"props":3294,"children":3295},{"style":88},[3296],{"type":53,"value":317},{"type":48,"tag":81,"props":3298,"children":3299},{"style":94},[3300],{"type":53,"value":2217},{"type":48,"tag":81,"props":3302,"children":3303},{"style":88},[3304],{"type":53,"value":231},{"type":48,"tag":81,"props":3306,"children":3307},{"style":151},[3308],{"type":53,"value":2226},{"type":48,"tag":81,"props":3310,"children":3311},{"style":88},[3312],{"type":53,"value":250},{"type":48,"tag":81,"props":3314,"children":3315},{"style":151},[3316],{"type":53,"value":280},{"type":48,"tag":81,"props":3318,"children":3319},{"style":88},[3320],{"type":53,"value":390},{"type":48,"tag":81,"props":3322,"children":3323},{"style":258},[3324],{"type":53,"value":2011},{"type":48,"tag":81,"props":3326,"children":3327},{"style":151},[3328],{"type":53,"value":265},{"type":48,"tag":81,"props":3330,"children":3331},{"style":88},[3332],{"type":53,"value":362},{"type":48,"tag":81,"props":3334,"children":3335},{"style":272},[3336],{"type":53,"value":2217},{"type":48,"tag":81,"props":3338,"children":3339},{"style":88},[3340],{"type":53,"value":371},{"type":48,"tag":81,"props":3342,"children":3343},{"style":100},[3344],{"type":53,"value":376},{"type":48,"tag":81,"props":3346,"children":3347},{"style":151},[3348],{"type":53,"value":1090},{"type":48,"tag":81,"props":3350,"children":3351},{"style":88},[3352],{"type":53,"value":1073},{"type":48,"tag":81,"props":3354,"children":3355},{"class":83,"line":288},[3356,3360,3364,3368,3372,3376],{"type":48,"tag":81,"props":3357,"children":3358},{"style":94},[3359],{"type":53,"value":2278},{"type":48,"tag":81,"props":3361,"children":3362},{"style":88},[3363],{"type":53,"value":231},{"type":48,"tag":81,"props":3365,"children":3366},{"style":151},[3367],{"type":53,"value":2217},{"type":48,"tag":81,"props":3369,"children":3370},{"style":88},[3371],{"type":53,"value":390},{"type":48,"tag":81,"props":3373,"children":3374},{"style":151},[3375],{"type":53,"value":1864},{"type":48,"tag":81,"props":3377,"children":3378},{"style":88},[3379],{"type":53,"value":468},{"type":48,"tag":81,"props":3381,"children":3382},{"class":83,"line":297},[3383,3387,3391,3395,3399,3403],{"type":48,"tag":81,"props":3384,"children":3385},{"style":94},[3386],{"type":53,"value":2306},{"type":48,"tag":81,"props":3388,"children":3389},{"style":88},[3390],{"type":53,"value":231},{"type":48,"tag":81,"props":3392,"children":3393},{"style":151},[3394],{"type":53,"value":2217},{"type":48,"tag":81,"props":3396,"children":3397},{"style":88},[3398],{"type":53,"value":390},{"type":48,"tag":81,"props":3400,"children":3401},{"style":151},[3402],{"type":53,"value":2323},{"type":48,"tag":81,"props":3404,"children":3405},{"style":88},[3406],{"type":53,"value":468},{"type":48,"tag":81,"props":3408,"children":3409},{"class":83,"line":343},[3410,3414,3418,3422],{"type":48,"tag":81,"props":3411,"children":3412},{"style":94},[3413],{"type":53,"value":2335},{"type":48,"tag":81,"props":3415,"children":3416},{"style":88},[3417],{"type":53,"value":231},{"type":48,"tag":81,"props":3419,"children":3420},{"style":258},[3421],{"type":53,"value":3183},{"type":48,"tag":81,"props":3423,"children":3424},{"style":151},[3425],{"type":53,"value":863},{"type":48,"tag":81,"props":3427,"children":3428},{"class":83,"line":398},[3429],{"type":48,"tag":81,"props":3430,"children":3431},{"style":151},[3432],{"type":53,"value":3433}," q\n",{"type":48,"tag":81,"props":3435,"children":3436},{"class":83,"line":471},[3437,3442,3446,3450,3454,3458,3462,3466,3470],{"type":48,"tag":81,"props":3438,"children":3439},{"style":88},[3440],{"type":53,"value":3441}," .",{"type":48,"tag":81,"props":3443,"children":3444},{"style":258},[3445],{"type":53,"value":308},{"type":48,"tag":81,"props":3447,"children":3448},{"style":151},[3449],{"type":53,"value":265},{"type":48,"tag":81,"props":3451,"children":3452},{"style":88},[3453],{"type":53,"value":317},{"type":48,"tag":81,"props":3455,"children":3456},{"style":94},[3457],{"type":53,"value":2367},{"type":48,"tag":81,"props":3459,"children":3460},{"style":88},[3461],{"type":53,"value":231},{"type":48,"tag":81,"props":3463,"children":3464},{"style":151},[3465],{"type":53,"value":2376},{"type":48,"tag":81,"props":3467,"children":3468},{"style":88},[3469],{"type":53,"value":250},{"type":48,"tag":81,"props":3471,"children":3472},{"style":151},[3473],{"type":53,"value":340},{"type":48,"tag":81,"props":3475,"children":3476},{"class":83,"line":479},[3477,3481,3485,3489,3493,3497,3501,3505,3509,3513,3517,3521,3525,3529,3533],{"type":48,"tag":81,"props":3478,"children":3479},{"style":88},[3480],{"type":53,"value":3441},{"type":48,"tag":81,"props":3482,"children":3483},{"style":258},[3484],{"type":53,"value":353},{"type":48,"tag":81,"props":3486,"children":3487},{"style":151},[3488],{"type":53,"value":265},{"type":48,"tag":81,"props":3490,"children":3491},{"style":88},[3492],{"type":53,"value":362},{"type":48,"tag":81,"props":3494,"children":3495},{"style":272},[3496],{"type":53,"value":2367},{"type":48,"tag":81,"props":3498,"children":3499},{"style":88},[3500],{"type":53,"value":371},{"type":48,"tag":81,"props":3502,"children":3503},{"style":100},[3504],{"type":53,"value":376},{"type":48,"tag":81,"props":3506,"children":3507},{"style":258},[3508],{"type":53,"value":164},{"type":48,"tag":81,"props":3510,"children":3511},{"style":151},[3512],{"type":53,"value":2424},{"type":48,"tag":81,"props":3514,"children":3515},{"style":88},[3516],{"type":53,"value":390},{"type":48,"tag":81,"props":3518,"children":3519},{"style":151},[3520],{"type":53,"value":2433},{"type":48,"tag":81,"props":3522,"children":3523},{"style":88},[3524],{"type":53,"value":159},{"type":48,"tag":81,"props":3526,"children":3527},{"style":151},[3528],{"type":53,"value":2217},{"type":48,"tag":81,"props":3530,"children":3531},{"style":88},[3532],{"type":53,"value":390},{"type":48,"tag":81,"props":3534,"children":3535},{"style":151},[3536],{"type":53,"value":2450},{"type":48,"tag":81,"props":3538,"children":3539},{"class":83,"line":496},[3540,3544,3548,3552,3556,3560,3564,3568,3572,3576,3580,3584,3588,3592,3596,3600,3604,3608,3612,3616,3620,3624,3628],{"type":48,"tag":81,"props":3541,"children":3542},{"style":88},[3543],{"type":53,"value":3441},{"type":48,"tag":81,"props":3545,"children":3546},{"style":258},[3547],{"type":53,"value":2011},{"type":48,"tag":81,"props":3549,"children":3550},{"style":151},[3551],{"type":53,"value":265},{"type":48,"tag":81,"props":3553,"children":3554},{"style":88},[3555],{"type":53,"value":362},{"type":48,"tag":81,"props":3557,"children":3558},{"style":272},[3559],{"type":53,"value":2367},{"type":48,"tag":81,"props":3561,"children":3562},{"style":88},[3563],{"type":53,"value":371},{"type":48,"tag":81,"props":3565,"children":3566},{"style":100},[3567],{"type":53,"value":376},{"type":48,"tag":81,"props":3569,"children":3570},{"style":151},[3571],{"type":53,"value":1090},{"type":48,"tag":81,"props":3573,"children":3574},{"style":88},[3575],{"type":53,"value":317},{"type":48,"tag":81,"props":3577,"children":3578},{"style":94},[3579],{"type":53,"value":2494},{"type":48,"tag":81,"props":3581,"children":3582},{"style":88},[3583],{"type":53,"value":231},{"type":48,"tag":81,"props":3585,"children":3586},{"style":151},[3587],{"type":53,"value":2367},{"type":48,"tag":81,"props":3589,"children":3590},{"style":88},[3591],{"type":53,"value":390},{"type":48,"tag":81,"props":3593,"children":3594},{"style":151},[3595],{"type":53,"value":1864},{"type":48,"tag":81,"props":3597,"children":3598},{"style":88},[3599],{"type":53,"value":159},{"type":48,"tag":81,"props":3601,"children":3602},{"style":94},[3603],{"type":53,"value":2519},{"type":48,"tag":81,"props":3605,"children":3606},{"style":88},[3607],{"type":53,"value":231},{"type":48,"tag":81,"props":3609,"children":3610},{"style":151},[3611],{"type":53,"value":2367},{"type":48,"tag":81,"props":3613,"children":3614},{"style":88},[3615],{"type":53,"value":390},{"type":48,"tag":81,"props":3617,"children":3618},{"style":151},[3619],{"type":53,"value":2536},{"type":48,"tag":81,"props":3621,"children":3622},{"style":88},[3623],{"type":53,"value":250},{"type":48,"tag":81,"props":3625,"children":3626},{"style":151},[3627],{"type":53,"value":2545},{"type":48,"tag":81,"props":3629,"children":3630},{"style":88},[3631],{"type":53,"value":468},{"type":48,"tag":81,"props":3633,"children":3634},{"class":83,"line":504},[3635,3640],{"type":48,"tag":81,"props":3636,"children":3637},{"style":151},[3638],{"type":53,"value":3639}," )",{"type":48,"tag":81,"props":3641,"children":3642},{"style":88},[3643],{"type":53,"value":468},{"type":48,"tag":81,"props":3645,"children":3646},{"class":83,"line":521},[3647,3651,3655],{"type":48,"tag":81,"props":3648,"children":3649},{"style":88},[3650],{"type":53,"value":1982},{"type":48,"tag":81,"props":3652,"children":3653},{"style":151},[3654],{"type":53,"value":2545},{"type":48,"tag":81,"props":3656,"children":3657},{"style":88},[3658],{"type":53,"value":468},{"type":48,"tag":81,"props":3660,"children":3661},{"class":83,"line":579},[3662],{"type":48,"tag":81,"props":3663,"children":3664},{"style":151},[3665],{"type":53,"value":340},{"type":48,"tag":81,"props":3667,"children":3668},{"class":83,"line":601},[3669],{"type":48,"tag":81,"props":3670,"children":3671},{"style":766},[3672],{"type":53,"value":3673},"\u002F\u002F project.issues is a plain array — no subcomponent needed\n",{"type":48,"tag":49,"props":3675,"children":3676},{},[3677],{"type":53,"value":3678},"See db-core\u002Flive-queries\u002FSKILL.md for full includes rules (correlation conditions, nested includes, aggregates).",{"type":48,"tag":63,"props":3680,"children":3682},{"id":3681},"common-mistakes",[3683],{"type":53,"value":3684},"Common Mistakes",{"type":48,"tag":735,"props":3686,"children":3688},{"id":3687},"critical-missing-reactive-deps-in-dependency-array",[3689],{"type":53,"value":3690},"CRITICAL Missing reactive deps in dependency array",{"type":48,"tag":49,"props":3692,"children":3693},{},[3694],{"type":53,"value":3695},"Wrong:",{"type":48,"tag":70,"props":3697,"children":3699},{"className":755,"code":3698,"language":124,"meta":74,"style":74},"const userId = ref(1)\nconst { data } = useLiveQuery((q) =>\n q\n .from({ todo: todoCollection })\n .where(({ todo }) => eq(todo.userId, userId.value)),\n)\n",[3700],{"type":48,"tag":77,"props":3701,"children":3702},{"__ignoreMap":74},[3703,3735,3782,3789,3828,3895],{"type":48,"tag":81,"props":3704,"children":3705},{"class":83,"line":84},[3706,3710,3714,3718,3722,3726,3731],{"type":48,"tag":81,"props":3707,"children":3708},{"style":100},[3709],{"type":53,"value":217},{"type":48,"tag":81,"props":3711,"children":3712},{"style":151},[3713],{"type":53,"value":1257},{"type":48,"tag":81,"props":3715,"children":3716},{"style":88},[3717],{"type":53,"value":113},{"type":48,"tag":81,"props":3719,"children":3720},{"style":258},[3721],{"type":53,"value":790},{"type":48,"tag":81,"props":3723,"children":3724},{"style":151},[3725],{"type":53,"value":265},{"type":48,"tag":81,"props":3727,"children":3728},{"style":797},[3729],{"type":53,"value":3730},"1",{"type":48,"tag":81,"props":3732,"children":3733},{"style":151},[3734],{"type":53,"value":340},{"type":48,"tag":81,"props":3736,"children":3737},{"class":83,"line":136},[3738,3742,3746,3750,3754,3758,3762,3766,3770,3774,3778],{"type":48,"tag":81,"props":3739,"children":3740},{"style":100},[3741],{"type":53,"value":217},{"type":48,"tag":81,"props":3743,"children":3744},{"style":88},[3745],{"type":53,"value":148},{"type":48,"tag":81,"props":3747,"children":3748},{"style":151},[3749],{"type":53,"value":1052},{"type":48,"tag":81,"props":3751,"children":3752},{"style":88},[3753],{"type":53,"value":250},{"type":48,"tag":81,"props":3755,"children":3756},{"style":88},[3757],{"type":53,"value":255},{"type":48,"tag":81,"props":3759,"children":3760},{"style":258},[3761],{"type":53,"value":154},{"type":48,"tag":81,"props":3763,"children":3764},{"style":151},[3765],{"type":53,"value":265},{"type":48,"tag":81,"props":3767,"children":3768},{"style":88},[3769],{"type":53,"value":265},{"type":48,"tag":81,"props":3771,"children":3772},{"style":272},[3773],{"type":53,"value":275},{"type":48,"tag":81,"props":3775,"children":3776},{"style":88},[3777],{"type":53,"value":280},{"type":48,"tag":81,"props":3779,"children":3780},{"style":100},[3781],{"type":53,"value":285},{"type":48,"tag":81,"props":3783,"children":3784},{"class":83,"line":201},[3785],{"type":48,"tag":81,"props":3786,"children":3787},{"style":151},[3788],{"type":53,"value":294},{"type":48,"tag":81,"props":3790,"children":3791},{"class":83,"line":211},[3792,3796,3800,3804,3808,3812,3816,3820,3824],{"type":48,"tag":81,"props":3793,"children":3794},{"style":88},[3795],{"type":53,"value":303},{"type":48,"tag":81,"props":3797,"children":3798},{"style":258},[3799],{"type":53,"value":308},{"type":48,"tag":81,"props":3801,"children":3802},{"style":151},[3803],{"type":53,"value":265},{"type":48,"tag":81,"props":3805,"children":3806},{"style":88},[3807],{"type":53,"value":317},{"type":48,"tag":81,"props":3809,"children":3810},{"style":94},[3811],{"type":53,"value":322},{"type":48,"tag":81,"props":3813,"children":3814},{"style":88},[3815],{"type":53,"value":231},{"type":48,"tag":81,"props":3817,"children":3818},{"style":151},[3819],{"type":53,"value":331},{"type":48,"tag":81,"props":3821,"children":3822},{"style":88},[3823],{"type":53,"value":250},{"type":48,"tag":81,"props":3825,"children":3826},{"style":151},[3827],{"type":53,"value":340},{"type":48,"tag":81,"props":3829,"children":3830},{"class":83,"line":288},[3831,3835,3839,3843,3847,3851,3855,3859,3863,3867,3871,3875,3879,3883,3887,3891],{"type":48,"tag":81,"props":3832,"children":3833},{"style":88},[3834],{"type":53,"value":303},{"type":48,"tag":81,"props":3836,"children":3837},{"style":258},[3838],{"type":53,"value":353},{"type":48,"tag":81,"props":3840,"children":3841},{"style":151},[3842],{"type":53,"value":265},{"type":48,"tag":81,"props":3844,"children":3845},{"style":88},[3846],{"type":53,"value":362},{"type":48,"tag":81,"props":3848,"children":3849},{"style":272},[3850],{"type":53,"value":322},{"type":48,"tag":81,"props":3852,"children":3853},{"style":88},[3854],{"type":53,"value":371},{"type":48,"tag":81,"props":3856,"children":3857},{"style":100},[3858],{"type":53,"value":376},{"type":48,"tag":81,"props":3860,"children":3861},{"style":258},[3862],{"type":53,"value":164},{"type":48,"tag":81,"props":3864,"children":3865},{"style":151},[3866],{"type":53,"value":385},{"type":48,"tag":81,"props":3868,"children":3869},{"style":88},[3870],{"type":53,"value":390},{"type":48,"tag":81,"props":3872,"children":3873},{"style":151},[3874],{"type":53,"value":1390},{"type":48,"tag":81,"props":3876,"children":3877},{"style":88},[3878],{"type":53,"value":159},{"type":48,"tag":81,"props":3880,"children":3881},{"style":151},[3882],{"type":53,"value":1531},{"type":48,"tag":81,"props":3884,"children":3885},{"style":88},[3886],{"type":53,"value":390},{"type":48,"tag":81,"props":3888,"children":3889},{"style":151},[3890],{"type":53,"value":998},{"type":48,"tag":81,"props":3892,"children":3893},{"style":88},[3894],{"type":53,"value":468},{"type":48,"tag":81,"props":3896,"children":3897},{"class":83,"line":297},[3898],{"type":48,"tag":81,"props":3899,"children":3900},{"style":151},[3901],{"type":53,"value":340},{"type":48,"tag":49,"props":3903,"children":3904},{},[3905],{"type":53,"value":3906},"Correct:",{"type":48,"tag":70,"props":3908,"children":3910},{"className":755,"code":3909,"language":124,"meta":74,"style":74},"const userId = ref(1)\nconst { data } = useLiveQuery(\n (q) =>\n q\n .from({ todo: todoCollection })\n .where(({ todo }) => eq(todo.userId, userId.value)),\n [userId],\n)\n",[3911],{"type":48,"tag":77,"props":3912,"children":3913},{"__ignoreMap":74},[3914,3945,3976,3995,4002,4041,4108,4119],{"type":48,"tag":81,"props":3915,"children":3916},{"class":83,"line":84},[3917,3921,3925,3929,3933,3937,3941],{"type":48,"tag":81,"props":3918,"children":3919},{"style":100},[3920],{"type":53,"value":217},{"type":48,"tag":81,"props":3922,"children":3923},{"style":151},[3924],{"type":53,"value":1257},{"type":48,"tag":81,"props":3926,"children":3927},{"style":88},[3928],{"type":53,"value":113},{"type":48,"tag":81,"props":3930,"children":3931},{"style":258},[3932],{"type":53,"value":790},{"type":48,"tag":81,"props":3934,"children":3935},{"style":151},[3936],{"type":53,"value":265},{"type":48,"tag":81,"props":3938,"children":3939},{"style":797},[3940],{"type":53,"value":3730},{"type":48,"tag":81,"props":3942,"children":3943},{"style":151},[3944],{"type":53,"value":340},{"type":48,"tag":81,"props":3946,"children":3947},{"class":83,"line":136},[3948,3952,3956,3960,3964,3968,3972],{"type":48,"tag":81,"props":3949,"children":3950},{"style":100},[3951],{"type":53,"value":217},{"type":48,"tag":81,"props":3953,"children":3954},{"style":88},[3955],{"type":53,"value":148},{"type":48,"tag":81,"props":3957,"children":3958},{"style":151},[3959],{"type":53,"value":1052},{"type":48,"tag":81,"props":3961,"children":3962},{"style":88},[3963],{"type":53,"value":250},{"type":48,"tag":81,"props":3965,"children":3966},{"style":88},[3967],{"type":53,"value":255},{"type":48,"tag":81,"props":3969,"children":3970},{"style":258},[3971],{"type":53,"value":154},{"type":48,"tag":81,"props":3973,"children":3974},{"style":151},[3975],{"type":53,"value":863},{"type":48,"tag":81,"props":3977,"children":3978},{"class":83,"line":201},[3979,3983,3987,3991],{"type":48,"tag":81,"props":3980,"children":3981},{"style":88},[3982],{"type":53,"value":871},{"type":48,"tag":81,"props":3984,"children":3985},{"style":272},[3986],{"type":53,"value":275},{"type":48,"tag":81,"props":3988,"children":3989},{"style":88},[3990],{"type":53,"value":280},{"type":48,"tag":81,"props":3992,"children":3993},{"style":100},[3994],{"type":53,"value":285},{"type":48,"tag":81,"props":3996,"children":3997},{"class":83,"line":211},[3998],{"type":48,"tag":81,"props":3999,"children":4000},{"style":151},[4001],{"type":53,"value":891},{"type":48,"tag":81,"props":4003,"children":4004},{"class":83,"line":288},[4005,4009,4013,4017,4021,4025,4029,4033,4037],{"type":48,"tag":81,"props":4006,"children":4007},{"style":88},[4008],{"type":53,"value":899},{"type":48,"tag":81,"props":4010,"children":4011},{"style":258},[4012],{"type":53,"value":308},{"type":48,"tag":81,"props":4014,"children":4015},{"style":151},[4016],{"type":53,"value":265},{"type":48,"tag":81,"props":4018,"children":4019},{"style":88},[4020],{"type":53,"value":317},{"type":48,"tag":81,"props":4022,"children":4023},{"style":94},[4024],{"type":53,"value":322},{"type":48,"tag":81,"props":4026,"children":4027},{"style":88},[4028],{"type":53,"value":231},{"type":48,"tag":81,"props":4030,"children":4031},{"style":151},[4032],{"type":53,"value":331},{"type":48,"tag":81,"props":4034,"children":4035},{"style":88},[4036],{"type":53,"value":250},{"type":48,"tag":81,"props":4038,"children":4039},{"style":151},[4040],{"type":53,"value":340},{"type":48,"tag":81,"props":4042,"children":4043},{"class":83,"line":297},[4044,4048,4052,4056,4060,4064,4068,4072,4076,4080,4084,4088,4092,4096,4100,4104],{"type":48,"tag":81,"props":4045,"children":4046},{"style":88},[4047],{"type":53,"value":899},{"type":48,"tag":81,"props":4049,"children":4050},{"style":258},[4051],{"type":53,"value":353},{"type":48,"tag":81,"props":4053,"children":4054},{"style":151},[4055],{"type":53,"value":265},{"type":48,"tag":81,"props":4057,"children":4058},{"style":88},[4059],{"type":53,"value":362},{"type":48,"tag":81,"props":4061,"children":4062},{"style":272},[4063],{"type":53,"value":322},{"type":48,"tag":81,"props":4065,"children":4066},{"style":88},[4067],{"type":53,"value":371},{"type":48,"tag":81,"props":4069,"children":4070},{"style":100},[4071],{"type":53,"value":376},{"type":48,"tag":81,"props":4073,"children":4074},{"style":258},[4075],{"type":53,"value":164},{"type":48,"tag":81,"props":4077,"children":4078},{"style":151},[4079],{"type":53,"value":385},{"type":48,"tag":81,"props":4081,"children":4082},{"style":88},[4083],{"type":53,"value":390},{"type":48,"tag":81,"props":4085,"children":4086},{"style":151},[4087],{"type":53,"value":1390},{"type":48,"tag":81,"props":4089,"children":4090},{"style":88},[4091],{"type":53,"value":159},{"type":48,"tag":81,"props":4093,"children":4094},{"style":151},[4095],{"type":53,"value":1531},{"type":48,"tag":81,"props":4097,"children":4098},{"style":88},[4099],{"type":53,"value":390},{"type":48,"tag":81,"props":4101,"children":4102},{"style":151},[4103],{"type":53,"value":998},{"type":48,"tag":81,"props":4105,"children":4106},{"style":88},[4107],{"type":53,"value":468},{"type":48,"tag":81,"props":4109,"children":4110},{"class":83,"line":343},[4111,4115],{"type":48,"tag":81,"props":4112,"children":4113},{"style":151},[4114],{"type":53,"value":1562},{"type":48,"tag":81,"props":4116,"children":4117},{"style":88},[4118],{"type":53,"value":468},{"type":48,"tag":81,"props":4120,"children":4121},{"class":83,"line":398},[4122],{"type":48,"tag":81,"props":4123,"children":4124},{"style":151},[4125],{"type":53,"value":340},{"type":48,"tag":49,"props":4127,"children":4128},{},[4129],{"type":53,"value":4130},"Reactive refs used in the query must be included in the deps array for the query to re-run on changes.",{"type":48,"tag":49,"props":4132,"children":4133},{},[4134],{"type":53,"value":4135},"Source: docs\u002Fframework\u002Fvue\u002Foverview.md",{"type":48,"tag":49,"props":4137,"children":4138},{},[4139],{"type":53,"value":4140},"See also: db-core\u002Flive-queries\u002FSKILL.md — for query builder API.",{"type":48,"tag":49,"props":4142,"children":4143},{},[4144],{"type":53,"value":4145},"See also: db-core\u002Fmutations-optimistic\u002FSKILL.md — for mutation patterns.",{"type":48,"tag":4147,"props":4148,"children":4149},"style",{},[4150],{"type":53,"value":4151},"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);}",{"items":4153,"total":4293},[4154,4168,4180,4192,4207,4219,4229,4239,4252,4262,4273,4283],{"slug":4155,"name":4155,"fn":4156,"description":4157,"org":4158,"tags":4159,"stars":4165,"repoUrl":4166,"updatedAt":4167},"aggregation","perform data aggregation in TanStack Table","Aggregate TanStack Table columns independently of grouping, including grand totals, caller-selected row totals, multiple keyed aggregations, custom context-based definitions, grouped merges, manual values, and worker constraints.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4160,4163,4164],{"name":4161,"slug":4162,"type":15},"Data Analysis","data-analysis",{"name":21,"slug":22,"type":15},{"name":9,"slug":8,"type":15},28175,"https:\u002F\u002Fgithub.com\u002FTanStack\u002Ftable","2026-07-30T05:25:59.429787",{"slug":4169,"name":4169,"fn":4170,"description":4171,"org":4172,"tags":4173,"stars":4165,"repoUrl":4166,"updatedAt":4179},"api-not-found","diagnose TanStack Table API errors","Diagnose missing TanStack Table v9 exports, options, state slices, and instance methods. Load before inventing an API when code sees a type error, undefined feature method, absent object key, adapter mismatch, or v8-shaped example.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4174,4177,4178],{"name":4175,"slug":4176,"type":15},"Debugging","debugging",{"name":21,"slug":22,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:26:05.418735",{"slug":4181,"name":4181,"fn":4182,"description":4183,"org":4184,"tags":4185,"stars":4165,"repoUrl":4166,"updatedAt":4191},"cell-selection","select rectangular cell ranges in tables","Select rectangular cell ranges with cellSelectionFeature: two-corner range state keyed by row and column id, mousedown\u002Fmouseenter handlers, selection edges, render-order resolution under pinning, and autoResetCellSelection. Load when ranges widen unexpectedly after sorting or column reordering, when a drag re-renders the whole table, or when building copy-to-clipboard from a selection.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4186,4187,4188],{"name":4161,"slug":4162,"type":15},{"name":9,"slug":8,"type":15},{"name":4189,"slug":4190,"type":15},"UI Components","ui-components","2026-07-30T05:25:38.403427",{"slug":4193,"name":4193,"fn":4194,"description":4195,"org":4196,"tags":4197,"stars":4165,"repoUrl":4166,"updatedAt":4206},"client-vs-server","manage TanStack Table data pipelines","Choose client or server ownership for filtering, grouping, sorting, expanding, and pagination in TanStack Table v9. Load for manual* flags, mixed pipelines, server counts, or deciding which dataset each row-model stage receives.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4198,4201,4202,4205],{"name":4199,"slug":4200,"type":15},"Data Pipeline","data-pipeline",{"name":21,"slug":22,"type":15},{"name":4203,"slug":4204,"type":15},"Performance","performance",{"name":9,"slug":8,"type":15},"2026-07-30T05:25:45.400104",{"slug":4208,"name":4208,"fn":4209,"description":4210,"org":4211,"tags":4212,"stars":4165,"repoUrl":4166,"updatedAt":4218},"column-faceting","build faceted filter UIs","Build faceted filter UIs with columnFacetingFeature, facetedRowModel, facetedUniqueValues, and facetedMinMaxValues. Load for facet counts, numeric ranges, own-filter exclusion, or server-page facet completeness.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4213,4216,4217],{"name":4214,"slug":4215,"type":15},"Data Visualization","data-visualization",{"name":21,"slug":22,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:25:41.397257",{"slug":4220,"name":4220,"fn":4221,"description":4222,"org":4223,"tags":4224,"stars":4165,"repoUrl":4166,"updatedAt":4228},"column-filtering","implement column filtering in TanStack Table","Filter columns with columnFilteringFeature, filteredRowModel, filterFns, filterMeta, nested-row direction, and manualFiltering. Load for accessor compatibility, controlled filter updaters, fuzzy metadata, or client\u002Fserver ownership.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4225,4226,4227],{"name":4161,"slug":4162,"type":15},{"name":21,"slug":22,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:25:53.391632",{"slug":4230,"name":4230,"fn":4231,"description":4232,"org":4233,"tags":4234,"stars":4165,"repoUrl":4166,"updatedAt":4238},"column-ordering","manage TanStack Table column ordering","Control TanStack Table v9 leaf columnOrder with stable IDs while accounting for pinning regions, visibility, and groupedColumnMode precedence. Load for drag-and-drop columns or rendered order that differs from state.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4235,4236,4237],{"name":21,"slug":22,"type":15},{"name":9,"slug":8,"type":15},{"name":4189,"slug":4190,"type":15},"2026-07-30T05:26:03.37801",{"slug":4240,"name":4240,"fn":4241,"description":4242,"org":4243,"tags":4244,"stars":4165,"repoUrl":4166,"updatedAt":4251},"column-pinning","configure column pinning in TanStack Table","Pin columns into logical start, center, and end regions with columnPinningFeature and renderer-owned sticky CSS. Load for RTL offsets, z-index, backgrounds, overflow, widths, gaps, or overlaps.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4245,4248,4249,4250],{"name":4246,"slug":4247,"type":15},"CSS","css",{"name":21,"slug":22,"type":15},{"name":9,"slug":8,"type":15},{"name":4189,"slug":4190,"type":15},"2026-07-30T05:25:55.377366",{"slug":4253,"name":4253,"fn":4254,"description":4255,"org":4256,"tags":4257,"stars":4165,"repoUrl":4166,"updatedAt":4261},"column-resizing","implement column resizing in TanStack Table","Wire columnResizingFeature, header.getResizeHandler, resize mode and direction, pointer or touch events, and performant CSS-variable updates. Load when resize state changes but widths do not, or large tables resize slowly.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4258,4259,4260],{"name":21,"slug":22,"type":15},{"name":9,"slug":8,"type":15},{"name":4189,"slug":4190,"type":15},"2026-07-30T05:25:51.400011",{"slug":4263,"name":4263,"fn":4264,"description":4265,"org":4266,"tags":4267,"stars":4165,"repoUrl":4166,"updatedAt":4272},"column-sizing","configure column sizing in TanStack Table","Use columnSizingFeature numeric size, minSize, maxSize, getSize, getStart, getAfter, and total-size APIs in table, grid, or flex CSS. Load for auto or percentage misconceptions and sizing\u002Fpinning layout mismatch.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4268,4269,4270,4271],{"name":4246,"slug":4247,"type":15},{"name":21,"slug":22,"type":15},{"name":9,"slug":8,"type":15},{"name":4189,"slug":4190,"type":15},"2026-07-30T05:25:48.703799",{"slug":4274,"name":4274,"fn":4275,"description":4276,"org":4277,"tags":4278,"stars":4165,"repoUrl":4166,"updatedAt":4282},"column-visibility","manage column visibility in TanStack Table","Hide columns with columnVisibilityFeature while rendering visibility-aware header, column, and cell collections. Load when hidden columns remain in the DOM, false-versus-absent state is confused, or enableHiding is misunderstood.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4279,4280,4281],{"name":21,"slug":22,"type":15},{"name":9,"slug":8,"type":15},{"name":4189,"slug":4190,"type":15},"2026-07-30T05:25:47.367943",{"slug":4284,"name":4284,"fn":4285,"description":4286,"org":4287,"tags":4288,"stars":4165,"repoUrl":4166,"updatedAt":4292},"core","build data grids with TanStack Table","Use TanStack Table v9 as a headless data-grid state and row-processing engine. Load for first-table architecture, stable data and columns, row numbering with getDisplayIndex, semantic rendering, framework adapter choice, or deciding what Table owns versus the renderer.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4289,4290,4291],{"name":4161,"slug":4162,"type":15},{"name":21,"slug":22,"type":15},{"name":4189,"slug":4190,"type":15},"2026-07-30T05:25:52.366295",125,{"items":4295,"total":521},[4296,4310,4321,4332,4345,4358,4369],{"slug":4297,"name":4297,"fn":4298,"description":4299,"org":4300,"tags":4301,"stars":23,"repoUrl":24,"updatedAt":4309},"angular-db","integrate TanStack DB with Angular","Angular bindings for TanStack DB. injectLiveQuery inject function with Angular signals (Signal\u003CT>) for all return values. Reactive params pattern ({ params: () => T, query: ({ params, q }) => QueryBuilder }) for dynamic queries. Must be called in injection context. Angular 17+ control flow (@if, @for) and signal inputs supported. Import from @tanstack\u002Fangular-db (re-exports all of @tanstack\u002Fdb).\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4302,4305,4306],{"name":4303,"slug":4304,"type":15},"Angular","angular",{"name":17,"slug":18,"type":15},{"name":4307,"slug":4308,"type":15},"TypeScript","typescript","2026-07-16T06:01:16.345046",{"slug":40,"name":40,"fn":4311,"description":4312,"org":4313,"tags":4314,"stars":23,"repoUrl":24,"updatedAt":4320},"manage database collections with TanStack DB","TanStack DB core concepts: createCollection with queryCollectionOptions, electricCollectionOptions, powerSyncCollectionOptions, rxdbCollectionOptions, trailbaseCollectionOptions, localOnlyCollectionOptions. Live queries via query builder (from, where, join, select, groupBy, orderBy, limit). Optimistic mutations with draft proxy (collection.insert, collection.update, collection.delete). createOptimisticAction, createTransaction, createPacedMutations. Entry point for all TanStack DB skills.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4315,4318,4319],{"name":4316,"slug":4317,"type":15},"Data Modeling","data-modeling",{"name":17,"slug":18,"type":15},{"name":9,"slug":8,"type":15},"2026-07-17T06:06:40.214285",{"slug":4322,"name":4323,"fn":4324,"description":4325,"org":4326,"tags":4327,"stars":23,"repoUrl":24,"updatedAt":4331},"db-corecollection-setup","db-core\u002Fcollection-setup","set up typed collections in TanStack DB","Creating typed collections with createCollection. Adapter selection: queryCollectionOptions (REST\u002FTanStack Query), electricCollectionOptions (ElectricSQL real-time sync), powerSyncCollectionOptions (PowerSync SQLite), rxdbCollectionOptions (RxDB), trailbaseCollectionOptions (TrailBase), localOnlyCollectionOptions, localStorageCollectionOptions. CollectionConfig options: getKey, schema, sync, gcTime, autoIndex (default off), defaultIndexType, syncMode (eager\u002Fon-demand, plus progressive for Electric). StandardSchema validation with Zod\u002FValibot\u002FArkType. Collection lifecycle (idle\u002Floading\u002Fready\u002Ferror). Adapter-specific sync patterns including Electric txid tracking, Query direct writes, and PowerSync query-driven sync with onLoad\u002FonLoadSubset hooks.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4328,4329,4330],{"name":4316,"slug":4317,"type":15},{"name":17,"slug":18,"type":15},{"name":9,"slug":8,"type":15},"2026-07-26T05:48:58.321777",{"slug":4333,"name":4334,"fn":4335,"description":4336,"org":4337,"tags":4338,"stars":23,"repoUrl":24,"updatedAt":4344},"db-corecustom-adapter","db-core\u002Fcustom-adapter","build custom TanStack collection adapters","Building custom collection adapters for new backends. SyncConfig interface: sync function receiving begin, write, commit, markReady, truncate, metadata primitives. ChangeMessage format (insert, update, delete). loadSubset for on-demand sync. LoadSubsetOptions (where, orderBy, limit, cursor). Expression parsing: parseWhereExpression, parseOrderByExpression, extractSimpleComparisons, parseLoadSubsetOptions. Collection options creator pattern. rowUpdateMode (partial vs full). Subscription lifecycle and cleanup functions. Persisted sync metadata API (metadata.row and metadata.collection) for storing per-row and per-collection adapter state.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4339,4340,4343],{"name":17,"slug":18,"type":15},{"name":4341,"slug":4342,"type":15},"Engineering","engineering",{"name":9,"slug":8,"type":15},"2026-07-16T06:04:06.862485",{"slug":4346,"name":4347,"fn":4348,"description":4349,"org":4350,"tags":4351,"stars":23,"repoUrl":24,"updatedAt":4357},"db-corelive-queries","db-core\u002Flive-queries","build live queries with TanStack DB","Query builder fluent API: from, where, join, leftJoin, rightJoin, innerJoin, fullJoin, select, fn.select, groupBy, having, orderBy, limit, offset, distinct, findOne. Operators: eq, gt, gte, lt, lte, like, ilike, inArray, isNull, isUndefined, and, or, not. Aggregates: count, sum, avg, min, max. String functions: upper, lower, length, concat. Utility: coalesce, caseWhen. Math: add. $selected namespace. createLiveQueryCollection. Derived collections. Predicate push-down. Incremental view maintenance via differential dataflow (d2ts). Virtual properties ($synced, $origin, $key, $collectionId). Includes subqueries for hierarchical data. toArray and concat(toArray(...)) scalar includes. queryOnce for one-shot queries. createEffect for reactive side effects (onEnter, onUpdate, onExit, onBatch).\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4352,4353,4356],{"name":17,"slug":18,"type":15},{"name":4354,"slug":4355,"type":15},"SQL","sql",{"name":9,"slug":8,"type":15},"2026-07-16T06:04:08.757365",{"slug":4359,"name":4360,"fn":4361,"description":4362,"org":4363,"tags":4364,"stars":23,"repoUrl":24,"updatedAt":4368},"db-coremutations-optimistic","db-core\u002Fmutations-optimistic","manage optimistic mutations in TanStack DB","collection.insert, collection.update (Immer-style draft proxy), collection.delete. createOptimisticAction (onMutate + mutationFn). createPacedMutations with debounceStrategy, throttleStrategy, queueStrategy. createTransaction, getActiveTransaction, ambient transaction context. Transaction lifecycle (pending\u002Fpersisting\u002Fcompleted\u002Ffailed). Mutation merging. onInsert\u002FonUpdate\u002FonDelete handlers. PendingMutation type. Transaction.isPersisted.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4365,4366,4367],{"name":17,"slug":18,"type":15},{"name":21,"slug":22,"type":15},{"name":9,"slug":8,"type":15},"2026-07-26T05:48:57.301803",{"slug":4370,"name":4371,"fn":4372,"description":4373,"org":4374,"tags":4375,"stars":23,"repoUrl":24,"updatedAt":4384},"db-corepersistence","db-core\u002Fpersistence","implement SQLite-backed persistence for TanStack DB","SQLite-backed persistence for TanStack DB collections. persistedCollectionOptions wraps any adapter (Electric, Query, PowerSync, or local-only) with durable local storage. Platform adapters: browser (WA-SQLite OPFS), React Native (op-sqlite), Expo (expo-sqlite), Electron (IPC), Node (better-sqlite3), Capacitor, Tauri, Cloudflare Durable Objects. Multi-tab\u002Fmulti-process coordination via BrowserCollectionCoordinator \u002F ElectronCollectionCoordinator \u002F SingleProcessCoordinator. schemaVersion for migration resets. Local-only mode for offline-first without a server.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4376,4377,4380,4383],{"name":17,"slug":18,"type":15},{"name":4378,"slug":4379,"type":15},"Persistence","persistence",{"name":4381,"slug":4382,"type":15},"SQLite","sqlite",{"name":9,"slug":8,"type":15},"2026-07-17T06:06:39.182084"]