Sorted out installation problems.

Author: SachaZvetelman

.babelrc

@@ -0,0 +1,9 @@
+{
+  "presets": ["@vue/app", "@babel/env"],
+  "plugins": [
+    "@babel/plugin-proposal-object-rest-spread",
+    "@babel/plugin-transform-runtime",
+    "@babel/plugin-proposal-optional-chaining",
+    "@babel/plugin-proposal-nullish-coalescing-operator"
+  ]
+}

babel.config.js

@@ -1,25 +1,33 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<coverage generated="1568238488856" clover="3.2.0">
-  <project timestamp="1568238488856" name="All files">
-    <metrics statements="16" coveredstatements="16" conditionals="22" coveredconditionals="22" methods="5" coveredmethods="5" elements="43" coveredelements="43" complexity="0" loc="16" ncloc="16" packages="1" files="1" classes="1">
+<coverage generated="1568314664884" clover="3.2.0">
+  <project timestamp="1568314664884" name="All files">
+    <metrics statements="24" coveredstatements="24" conditionals="50" coveredconditionals="43" methods="7" coveredmethods="7" elements="81" coveredelements="74" complexity="0" loc="24" ncloc="24" packages="1" files="1" classes="1">
       <file name="ConnectionAware.vue" path="/Users/sachazvetelman/Documents/Development/Repositories/vue-connection-aware/src/components/ConnectionAware.vue">
-        <metrics statements="16" coveredstatements="16" conditionals="22" coveredconditionals="22" methods="5" coveredmethods="5"/>
-        <line num="8" count="1" type="stmt"/>
+        <metrics statements="24" coveredstatements="24" conditionals="50" coveredconditionals="43" methods="7" coveredmethods="7"/>
+        <line num="1" count="1" type="stmt"/>
+        <line num="4" count="1" type="stmt"/>
+        <line num="7" count="1" type="stmt"/>
         <line num="14" count="1" type="stmt"/>
-        <line num="46" count="32" type="stmt"/>
-        <line num="55" count="32" type="cond" truecount="4" falsecount="0"/>
-        <line num="56" count="4" type="stmt"/>
-        <line num="59" count="28" type="stmt"/>
-        <line num="60" count="28" type="cond" truecount="4" falsecount="0"/>
-        <line num="61" count="28" type="stmt"/>
-        <line num="63" count="28" type="cond" truecount="2" falsecount="0"/>
-        <line num="68" count="32" type="cond" truecount="2" falsecount="0"/>
-        <line num="69" count="28" type="cond" truecount="2" falsecount="0"/>
-        <line num="72" count="32" type="stmt"/>
-        <line num="76" count="4" type="cond" truecount="2" falsecount="0"/>
-        <line num="77" count="2" type="cond" truecount="2" falsecount="0"/>
-        <line num="83" count="35" type="cond" truecount="2" falsecount="0"/>
-        <line num="84" count="35" type="cond" truecount="2" falsecount="0"/>
+        <line num="19" count="1" type="stmt"/>
+        <line num="25" count="1" type="stmt"/>
+        <line num="50" count="32" type="stmt"/>
+        <line num="59" count="32" type="cond" truecount="4" falsecount="0"/>
+        <line num="60" count="4" type="stmt"/>
+        <line num="63" count="28" type="stmt"/>
+        <line num="64" count="28" type="cond" truecount="4" falsecount="0"/>
+        <line num="65" count="28" type="stmt"/>
+        <line num="66" count="28" type="cond" truecount="2" falsecount="0"/>
+        <line num="70" count="32" type="cond" truecount="2" falsecount="0"/>
+        <line num="73" count="28" type="cond" truecount="7" falsecount="1"/>
+        <line num="76" count="32" type="stmt"/>
+        <line num="79" count="4" type="cond" truecount="2" falsecount="0"/>
+        <line num="82" count="2" type="cond" truecount="7" falsecount="1"/>
+        <line num="89" count="35" type="cond" truecount="7" falsecount="1"/>
+        <line num="90" count="35" type="cond" truecount="3" falsecount="1"/>
+        <line num="94" count="1" type="stmt"/>
+        <line num="96" count="1" type="cond" truecount="2" falsecount="2"/>
+        <line num="97" count="32" type="cond" truecount="3" falsecount="1"/>
+        <line num="98" count="1" type="stmt"/>
       </file>
     </metrics>
   </project>

coverage/clover.xml

@@ -1,2 +1,2 @@
-{"/Users/sachazvetelman/Documents/Development/Repositories/vue-connection-aware/src/components/ConnectionAware.vue": {"path":"/Users/sachazvetelman/Documents/Development/Repositories/vue-connection-aware/src/components/ConnectionAware.vue","statementMap":{"0":{"start":{"line":8,"column":0},"end":{"line":null,"column":-1}},"1":{"start":{"line":14,"column":0},"end":{"line":null,"column":-1}},"2":{"start":{"line":46,"column":0},"end":{"line":null,"column":-1}},"3":{"start":{"line":55,"column":0},"end":{"line":57,"column":0}},"4":{"start":{"line":56,"column":0},"end":{"line":null,"column":-1}},"5":{"start":{"line":59,"column":0},"end":{"line":null,"column":-1}},"6":{"start":{"line":60,"column":0},"end":{"line":null,"column":-1}},"7":{"start":{"line":61,"column":0},"end":{"line":null,"column":-1}},"8":{"start":{"line":63,"column":0},"end":{"line":null,"column":-1}},"9":{"start":{"line":68,"column":0},"end":{"line":70,"column":0}},"10":{"start":{"line":69,"column":0},"end":{"line":null,"column":-1}},"11":{"start":{"line":72,"column":0},"end":{"line":null,"column":-1}},"12":{"start":{"line":76,"column":0},"end":{"line":78,"column":0}},"13":{"start":{"line":77,"column":0},"end":{"line":null,"column":-1}},"14":{"start":{"line":83,"column":0},"end":{"line":null,"column":-1}},"15":{"start":{"line":84,"column":0},"end":{"line":null,"column":-1}}},"fnMap":{"0":{"name":"data","decl":{"start":{"line":45,"column":0},"end":{"line":null,"column":-1}},"loc":{"start":{"line":45,"column":0},"end":{"line":52,"column":0}}},"1":{"name":"shouldRender","decl":{"start":{"line":54,"column":0},"end":{"line":null,"column":-1}},"loc":{"start":{"line":54,"column":0},"end":{"line":64,"column":0}}},"2":{"name":"created","decl":{"start":{"line":67,"column":0},"end":{"line":null,"column":-1}},"loc":{"start":{"line":67,"column":0},"end":{"line":73,"column":0}}},"3":{"name":"destroyed","decl":{"start":{"line":75,"column":0},"end":{"line":null,"column":-1}},"loc":{"start":{"line":75,"column":0},"end":{"line":79,"column":0}}},"4":{"name":"updateConnection","decl":{"start":{"line":82,"column":0},"end":{"line":null,"column":-1}},"loc":{"start":{"line":82,"column":0},"end":{"line":85,"column":0}}}},"branchMap":{"0":{"loc":{"start":{"line":55,"column":0},"end":{"line":57,"column":0}},"type":"if","locations":[{"start":{"line":55,"column":0},"end":{"line":57,"column":0}},{"start":{"line":55,"column":0},"end":{"line":57,"column":0}}]},"1":{"loc":{"start":{"line":55,"column":0},"end":{"line":null,"column":-1}},"type":"binary-expr","locations":[{"start":{"line":55,"column":0},"end":{"line":null,"column":-1}},{"start":{"line":55,"column":0},"end":{"line":null,"column":-1}}]},"2":{"loc":{"start":{"line":60,"column":0},"end":{"line":null,"column":-1}},"type":"binary-expr","locations":[{"start":{"line":60,"column":0},"end":{"line":null,"column":-1}},{"start":{"line":60,"column":0},"end":{"line":null,"column":-1}},{"start":{"line":60,"column":0},"end":{"line":null,"column":-1}},{"start":{"line":60,"column":0},"end":{"line":null,"column":-1}}]},"3":{"loc":{"start":{"line":63,"column":0},"end":{"line":null,"column":-1}},"type":"binary-expr","locations":[{"start":{"line":63,"column":0},"end":{"line":null,"column":-1}},{"start":{"line":63,"column":0},"end":{"line":null,"column":-1}}]},"4":{"loc":{"start":{"line":68,"column":0},"end":{"line":70,"column":0}},"type":"if","locations":[{"start":{"line":68,"column":0},"end":{"line":70,"column":0}},{"start":{"line":68,"column":0},"end":{"line":70,"column":0}}]},"5":{"loc":{"start":{"line":69,"column":0},"end":{"line":null,"column":-1}},"type":"cond-expr","locations":[{"start":{"line":69,"column":0},"end":{"line":null,"column":-1}},{"start":{"line":69,"column":0},"end":{"line":null,"column":-1}}]},"6":{"loc":{"start":{"line":76,"column":0},"end":{"line":78,"column":0}},"type":"if","locations":[{"start":{"line":76,"column":0},"end":{"line":78,"column":0}},{"start":{"line":76,"column":0},"end":{"line":78,"column":0}}]},"7":{"loc":{"start":{"line":77,"column":0},"end":{"line":null,"column":-1}},"type":"cond-expr","locations":[{"start":{"line":77,"column":0},"end":{"line":null,"column":-1}},{"start":{"line":77,"column":0},"end":{"line":null,"column":-1}}]},"8":{"loc":{"start":{"line":83,"column":0},"end":{"line":null,"column":-1}},"type":"cond-expr","locations":[{"start":{"line":83,"column":0},"end":{"line":null,"column":-1}},{"start":{"line":83,"column":0},"end":{"line":null,"column":-1}}]},"9":{"loc":{"start":{"line":84,"column":0},"end":{"line":null,"column":-1}},"type":"cond-expr","locations":[{"start":{"line":84,"column":0},"end":{"line":null,"column":-1}},{"start":{"line":84,"column":0},"end":{"line":null,"column":-1}}]}},"s":{"0":1,"1":1,"2":32,"3":32,"4":4,"5":28,"6":28,"7":28,"8":28,"9":32,"10":28,"11":32,"12":4,"13":2,"14":35,"15":35},"f":{"0":32,"1":32,"2":32,"3":4,"4":35},"b":{"0":[4,28],"1":[32,9],"2":[28,16,13,11],"3":[28,17],"4":[28,4],"5":[62,106],"6":[2,2],"7":[5,7],"8":[80,130],"9":[35,70]}}
+{"/Users/sachazvetelman/Documents/Development/Repositories/vue-connection-aware/src/components/ConnectionAware.vue": {"path":"/Users/sachazvetelman/Documents/Development/Repositories/vue-connection-aware/src/components/ConnectionAware.vue","statementMap":{"0":{"start":{"line":1,"column":1},"end":{"line":95,"column":4}},"1":{"start":{"line":4,"column":0},"end":{"line":6,"column":3}},"2":{"start":{"line":7,"column":0},"end":{"line":7,"column":25}},"3":{"start":{"line":14,"column":12},"end":{"line":18,"column":1}},"4":{"start":{"line":19,"column":28},"end":{"line":24,"column":1}},"5":{"start":{"line":25,"column":15},"end":{"line":93,"column":1}},"6":{"start":{"line":50,"column":4},"end":{"line":55,"column":6}},"7":{"start":{"line":59,"column":6},"end":{"line":61,"column":7}},"8":{"start":{"line":60,"column":8},"end":{"line":60,"column":20}},"9":{"start":{"line":63,"column":27},"end":{"line":63,"column":79}},"10":{"start":{"line":64,"column":42},"end":{"line":64,"column":106}},"11":{"start":{"line":65,"column":40},"end":{"line":65,"column":80}},"12":{"start":{"line":66,"column":6},"end":{"line":66,"column":74}},"13":{"start":{"line":70,"column":4},"end":{"line":74,"column":5}},"14":{"start":{"line":73,"column":6},"end":{"line":73,"column":252}},"15":{"start":{"line":76,"column":4},"end":{"line":76,"column":28}},"16":{"start":{"line":79,"column":4},"end":{"line":83,"column":5}},"17":{"start":{"line":82,"column":6},"end":{"line":82,"column":258}},"18":{"start":{"line":89,"column":6},"end":{"line":89,"column":251}},"19":{"start":{"line":90,"column":6},"end":{"line":90,"column":124}},"20":{"start":{"line":94,"column":0},"end":{"line":94,"column":27}},"21":{"start":{"line":96,"column":20},"end":{"line":96,"column":89}},"22":{"start":{"line":96,"column":114},"end":{"line":96,"column":187}},"23":{"start":{"line":97,"column":0},"end":{"line":97,"column":176}},"24":{"start":{"line":97,"column":54},"end":{"line":97,"column":58}},"25":{"start":{"line":97,"column":66},"end":{"line":97,"column":84}},"26":{"start":{"line":97,"column":92},"end":{"line":97,"column":108}},"27":{"start":{"line":97,"column":109},"end":{"line":97,"column":175}},"28":{"start":{"line":98,"column":0},"end":{"line":98,"column":37}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":1,"column":2},"end":{"line":1,"column":3}},"loc":{"start":{"line":1,"column":12},"end":{"line":95,"column":1}},"line":1},"1":{"name":"data","decl":{"start":{"line":49,"column":17},"end":{"line":49,"column":21}},"loc":{"start":{"line":49,"column":24},"end":{"line":56,"column":3}},"line":49},"2":{"name":"shouldRender","decl":{"start":{"line":58,"column":27},"end":{"line":58,"column":39}},"loc":{"start":{"line":58,"column":42},"end":{"line":67,"column":5}},"line":58},"3":{"name":"created","decl":{"start":{"line":69,"column":20},"end":{"line":69,"column":27}},"loc":{"start":{"line":69,"column":30},"end":{"line":77,"column":3}},"line":69},"4":{"name":"destroyed","decl":{"start":{"line":78,"column":22},"end":{"line":78,"column":31}},"loc":{"start":{"line":78,"column":34},"end":{"line":84,"column":3}},"line":78},"5":{"name":"updateConnection","decl":{"start":{"line":86,"column":31},"end":{"line":86,"column":47}},"loc":{"start":{"line":86,"column":50},"end":{"line":91,"column":5}},"line":86},"6":{"name":"render","decl":{"start":{"line":97,"column":35},"end":{"line":97,"column":41}},"loc":{"start":{"line":97,"column":45},"end":{"line":97,"column":176}},"line":97}},"branchMap":{"0":{"loc":{"start":{"line":59,"column":6},"end":{"line":61,"column":7}},"type":"if","locations":[{"start":{"line":59,"column":6},"end":{"line":61,"column":7}},{"start":{"line":59,"column":6},"end":{"line":61,"column":7}}],"line":59},"1":{"loc":{"start":{"line":59,"column":10},"end":{"line":59,"column":83}},"type":"binary-expr","locations":[{"start":{"line":59,"column":10},"end":{"line":59,"column":47}},{"start":{"line":59,"column":51},"end":{"line":59,"column":83}}],"line":59},"2":{"loc":{"start":{"line":64,"column":42},"end":{"line":64,"column":106}},"type":"binary-expr","locations":[{"start":{"line":64,"column":42},"end":{"line":64,"column":62}},{"start":{"line":64,"column":66},"end":{"line":64,"column":76}},{"start":{"line":64,"column":80},"end":{"line":64,"column":92}},{"start":{"line":64,"column":96},"end":{"line":64,"column":106}}],"line":64},"3":{"loc":{"start":{"line":66,"column":13},"end":{"line":66,"column":73}},"type":"binary-expr","locations":[{"start":{"line":66,"column":13},"end":{"line":66,"column":42}},{"start":{"line":66,"column":46},"end":{"line":66,"column":73}}],"line":66},"4":{"loc":{"start":{"line":70,"column":4},"end":{"line":74,"column":5}},"type":"if","locations":[{"start":{"line":70,"column":4},"end":{"line":74,"column":5}},{"start":{"line":70,"column":4},"end":{"line":74,"column":5}}],"line":70},"5":{"loc":{"start":{"line":73,"column":6},"end":{"line":73,"column":251}},"type":"cond-expr","locations":[{"start":{"line":73,"column":67},"end":{"line":73,"column":73}},{"start":{"line":73,"column":76},"end":{"line":73,"column":251}}],"line":73},"6":{"loc":{"start":{"line":73,"column":6},"end":{"line":73,"column":64}},"type":"binary-expr","locations":[{"start":{"line":73,"column":6},"end":{"line":73,"column":39}},{"start":{"line":73,"column":43},"end":{"line":73,"column":64}}],"line":73},"7":{"loc":{"start":{"line":73,"column":76},"end":{"line":73,"column":251}},"type":"cond-expr","locations":[{"start":{"line":73,"column":171},"end":{"line":73,"column":177}},{"start":{"line":73,"column":180},"end":{"line":73,"column":251}}],"line":73},"8":{"loc":{"start":{"line":73,"column":76},"end":{"line":73,"column":168}},"type":"binary-expr","locations":[{"start":{"line":73,"column":76},"end":{"line":73,"column":132}},{"start":{"line":73,"column":136},"end":{"line":73,"column":168}}],"line":73},"9":{"loc":{"start":{"line":79,"column":4},"end":{"line":83,"column":5}},"type":"if","locations":[{"start":{"line":79,"column":4},"end":{"line":83,"column":5}},{"start":{"line":79,"column":4},"end":{"line":83,"column":5}}],"line":79},"10":{"loc":{"start":{"line":82,"column":6},"end":{"line":82,"column":257}},"type":"cond-expr","locations":[{"start":{"line":82,"column":69},"end":{"line":82,"column":75}},{"start":{"line":82,"column":78},"end":{"line":82,"column":257}}],"line":82},"11":{"loc":{"start":{"line":82,"column":6},"end":{"line":82,"column":66}},"type":"binary-expr","locations":[{"start":{"line":82,"column":6},"end":{"line":82,"column":40}},{"start":{"line":82,"column":44},"end":{"line":82,"column":66}}],"line":82},"12":{"loc":{"start":{"line":82,"column":78},"end":{"line":82,"column":257}},"type":"cond-expr","locations":[{"start":{"line":82,"column":174},"end":{"line":82,"column":180}},{"start":{"line":82,"column":183},"end":{"line":82,"column":257}}],"line":82},"13":{"loc":{"start":{"line":82,"column":78},"end":{"line":82,"column":171}},"type":"binary-expr","locations":[{"start":{"line":82,"column":78},"end":{"line":82,"column":135}},{"start":{"line":82,"column":139},"end":{"line":82,"column":171}}],"line":82},"14":{"loc":{"start":{"line":89,"column":38},"end":{"line":89,"column":250}},"type":"cond-expr","locations":[{"start":{"line":89,"column":101},"end":{"line":89,"column":107}},{"start":{"line":89,"column":110},"end":{"line":89,"column":250}}],"line":89},"15":{"loc":{"start":{"line":89,"column":38},"end":{"line":89,"column":98}},"type":"binary-expr","locations":[{"start":{"line":89,"column":38},"end":{"line":89,"column":72}},{"start":{"line":89,"column":76},"end":{"line":89,"column":98}}],"line":89},"16":{"loc":{"start":{"line":89,"column":110},"end":{"line":89,"column":250}},"type":"cond-expr","locations":[{"start":{"line":89,"column":206},"end":{"line":89,"column":212}},{"start":{"line":89,"column":215},"end":{"line":89,"column":250}}],"line":89},"17":{"loc":{"start":{"line":89,"column":110},"end":{"line":89,"column":203}},"type":"binary-expr","locations":[{"start":{"line":89,"column":110},"end":{"line":89,"column":167}},{"start":{"line":89,"column":171},"end":{"line":89,"column":203}}],"line":89},"18":{"loc":{"start":{"line":90,"column":33},"end":{"line":90,"column":123}},"type":"cond-expr","locations":[{"start":{"line":90,"column":96},"end":{"line":90,"column":102}},{"start":{"line":90,"column":105},"end":{"line":90,"column":123}}],"line":90},"19":{"loc":{"start":{"line":90,"column":33},"end":{"line":90,"column":93}},"type":"binary-expr","locations":[{"start":{"line":90,"column":33},"end":{"line":90,"column":67}},{"start":{"line":90,"column":71},"end":{"line":90,"column":93}}],"line":90},"20":{"loc":{"start":{"line":96,"column":20},"end":{"line":96,"column":89}},"type":"cond-expr","locations":[{"start":{"line":96,"column":50},"end":{"line":96,"column":72}},{"start":{"line":96,"column":75},"end":{"line":96,"column":89}}],"line":96},"21":{"loc":{"start":{"line":96,"column":114},"end":{"line":96,"column":187}},"type":"cond-expr","locations":[{"start":{"line":96,"column":151},"end":{"line":96,"column":172}},{"start":{"line":96,"column":174},"end":{"line":96,"column":187}}],"line":96},"22":{"loc":{"start":{"line":97,"column":92},"end":{"line":97,"column":108}},"type":"binary-expr","locations":[{"start":{"line":97,"column":92},"end":{"line":97,"column":104}},{"start":{"line":97,"column":106},"end":{"line":97,"column":108}}],"line":97},"23":{"loc":{"start":{"line":97,"column":116},"end":{"line":97,"column":175}},"type":"cond-expr","locations":[{"start":{"line":97,"column":135},"end":{"line":97,"column":166}},{"start":{"line":97,"column":167},"end":{"line":97,"column":175}}],"line":97}},"s":{"0":1,"1":1,"2":1,"3":1,"4":1,"5":1,"6":32,"7":32,"8":4,"9":28,"10":28,"11":28,"12":28,"13":32,"14":28,"15":32,"16":4,"17":2,"18":35,"19":35,"20":1,"21":1,"22":1,"23":1,"24":32,"25":32,"26":32,"27":32,"28":1},"f":{"0":1,"1":32,"2":32,"3":32,"4":4,"5":35,"6":32},"b":{"0":[4,28],"1":[32,9],"2":[28,16,13,11],"3":[28,17],"4":[28,4],"5":[0,28],"6":[28,28],"7":[6,22],"8":[28,28],"9":[2,2],"10":[0,2],"11":[2,2],"12":[1,1],"13":[2,2],"14":[0,35],"15":[35,35],"16":[10,25],"17":[35,35],"18":[0,35],"19":[35,35],"20":[1,0],"21":[0,1],"22":[32,0],"23":[19,13]},"_coverageSchema":"332fd63041d2c1bcb487cc26dd0d5f7d97098a6c","hash":"2cd762f642e583a0c357e0c2c78e68520b974ebb"}
 }