I found out that I can use routing inside components, so that helps a bit.
I was thinking that what I actually want to do is to use nested components.
But how can I change the scope of child components?
I saw an example of how to get the scope of a parent component: this.element.closest('parent').scope()
I have tried all imaginable things, but I just cannot seem to do this in reverse: parent -> child
Perhaps my approach is completely wrong. If so, I would appreciate to hear how else I can do this.
I know I could probably put all my widgets into on big widget (which would be fine for my notes app), but that would not be ideal when things get too big.