fix(bind): when no initial context value

was throwing error when multiple bindings on same undefined context property

package.json

@@ -17,7 +17,8 @@
     "build": "tsc",
     "build.docs": "typedoc --out docs --mode file src --theme minimal --readme docs.md --media dist",
     "clean": "shx rm -rf dist",
-    "test": "jest ",
+    "test": "jest",
+    "test.watch": "jest --watch",
     "commit": "npx git-cz",
     "semantic-release": "semantic-release"
   },

src/bind.spec.ts

@@ -18,13 +18,35 @@ describe('bind', () => {
     expect(els[0].innerHTML).toEqual(context.html);
     expect(els[1].innerHTML).toEqual(context.html);
 
-    const update ='<span>updated</span>';
+    const update = '<span>updated</span>';
     context.html = update;
 
     expect(els[0].innerHTML).toEqual(update);
     expect(els[1].innerHTML).toEqual(update);
   });
 
+  it('binds attributes when no context property', () => {
+    document.documentElement.innerHTML = `
+      <div bind [title]="title"></div>
+      <div bind [title]="title"></div>
+    `;
+
+    const context: any = {};
+
+    bind(document, context);
+
+    const els = document.querySelectorAll<HTMLElement>('[bind]');
+
+    expect(els[0].innerHTML).toEqual('');
+    expect(els[1].innerHTML).toEqual('');
+
+    const update = 'update';
+    context.title = update;
+
+    expect(els[0].title).toEqual(update);
+    expect(els[1].title).toEqual(update);
+  });
+
   it('binds events', async () => {
     document.documentElement.innerHTML = '<div bind {click}="onClick"></div>';
 

src/bind.ts

@@ -41,6 +41,7 @@ export function bind(rootElement: Document | Element, context: any): void {
 
         boundFunction();
       } else {
+
         let getValue = descriptor.get || (() => descriptor.value);
         let setValue = descriptor.set || (value => (descriptor.value = value));
 
@@ -51,7 +52,8 @@ export function bind(rootElement: Document | Element, context: any): void {
             }
             if (getValue() !== value) setValue(value);
           },
-          get: getValue
+          get: getValue,
+          configurable: true
         });
 
         component[binding.componentMemberName] = getValue.bind(element)();