2d:null 2e:["$","title",null,{"children":"selectAll in Vue | Kindy Lin | Observable"}] 33:T67a,{ const Vue = await require('vue'); let i = 0; const model = new Vue({ template: `

All |

{{ node.id }}

`, data() { return { nodes: [], forceUpdate: 0, }; }, computed: { allChecked() { // true, false, 'part' const vm = this; this.forceUpdate; let len = this.nodes.length; let checkedN = 0; for (let i = 0; i < len; ++i) { if (this.nodes[i].checked) { checkedN += 1; } } const value = len && checkedN === len; const indeterminate = Boolean(!value && checkedN); return { get value() { return value; }, set value(val) { if (!vm.nodes.length) { vm.forceUpdate += 1; } vm.nodes.forEach(node => { node.checked = val; }); }, disabled: !len, indeterminate, }; }, }, created() { this.addNode(); this.addNode(); }, methods: { addNode() { this.nodes.push({ id: ++i, checked: false, }); }, delNode(idx) { this.nodes.splice(idx, 1); }, }, }); const $r = html`

`; setTimeout(() => model.$mount($r.firstChild), 10); return $r; } 34:[] 31:{"id":"553621bd52612692","slug":"selectall-in-vue","title":"selectAll in Vue","thumbnail":"fe1fcbd7dcc17f5e5468ada623bf553dbb4ea2083e4d5e73019dfd7eb196af75","access_level":"public","create_time":"$D2018-09-25T05:51:39.625Z","update_time":"$D2018-09-25T10:59:11.249Z","view_time":null,"first_public_time":"$D2018-09-25T10:56:45.684Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"6b99b74a49d4f877","login":"kindy","name":"Kindy Lin","avatar_url":"https://avatars-next.observableusercontent.com/8cbd3b7e76fc2bc524df5886f6a25c0c6163d968567de0bde534fbf2aff120bc","tier":"starter_2024","bio":""},"version":37,"publish_version":37,"role":null,"authored":false,"authors":[{"type":"individual","id":"dfde8dbae8a630e5","login":"kindy","name":"Kindy Lin","avatar_url":"https://avatars-next.observableusercontent.com/8cbd3b7e76fc2bc524df5886f6a25c0c6163d968567de0bde534fbf2aff120bc","tier":null,"bio":""}],"members":[{"type":"individual","id":"dfde8dbae8a630e5","login":"kindy","name":"Kindy Lin","avatar_url":"https://avatars-next.observableusercontent.com/8cbd3b7e76fc2bc524df5886f6a25c0c6163d968567de0bde534fbf2aff120bc","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"selectAll in Vue","cells":[{"id":0,"value":"md`# selectAll in Vue`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1"}} 32:"$31:body"