feat(bind): bind to path

allows you to bind to deep into the context graph, also getValue, setValue helpers added

docs.md

@@ -7,7 +7,7 @@ A small dom binder
 ## example
 
 <pre style="display:flex">
-  <button bind [inner-text]="text" {click}="onClick" style="flex:1;padding:10px"></button>
+  <button bind [inner-text]="data.text" {click}="onClick" style="flex:1;padding:10px"></button>
 </pre>
 
 The button **innerText** property and **click** event are bound to a context as shown below, click the button to see it in action
@@ -16,13 +16,13 @@ The button **innerText** property and **click** event are bound to a context as
   import { bind } from './media/bind.js'
 
   const context = {
-    text: 'click me',
+    data: { text: 'click me' },
     onClick: e => {
       e.stopPropagation();
 
-      context.text = 'thanks!';
+      context.data.text = 'thanks!';
       setTimeout(() => {
-        context.text = 'click me again';
+        context.data.text = 'click me again';
       }, 2000);
     }
   }
@@ -31,7 +31,7 @@ The button **innerText** property and **click** event are bound to a context as
 </script>
 
 ```html
-<button bind [inner-text]="text" {click}="onClick"></button>
+<button bind [inner-text]="data.text" {click}="onClick"></button>
 
 <script type="module">
   import { bind } from './bind.js';
@@ -41,9 +41,9 @@ The button **innerText** property and **click** event are bound to a context as
     onClick: e => {
       e.stopPropagation();
 
-      context.text = 'thanks!';
+      context.data.text = 'thanks!';
       setTimeout(() => {
-        context.text = 'click me again';
+        context.data.text = 'click me again';
       }, 2000);
     }
   };