vue checkbox insanity, how to toggle a global checkbox if all checkboxes inside it are true

how can i do a checkbox system with a structure like: i have multiple checkbox groups and each of them got there very own checkboxes inside. and if all children checkboxes inside are true then toggle the daddy checkbox to true. if either one of the children are false, then toggle the checked="true" from the daddy checkbox to false. the daddy checkbox should only be true if all of his own children are set to true.

i did a little codesandbox to show what i mean.

This is the tale of the childrens and there daddy (checkbox)