Cleaning up examples.

Author: Templarian

src/pg/json/__examples__/basic/basic.html

@@ -1,3 +1,4 @@
 <div class="example">
   <pg-json part="json"></pg-json>
+  <pre part="output"></pre>
 </div>

src/pg/json/__examples__/basic/basic.ts

@@ -10,6 +10,7 @@ import template from './basic.html';
 })
 export default class XPgJsonBasic extends HTMLElement {
   @Part() $json: PgJson;
+  @Part() $output: HTMLPreElement;
 
   connectedCallback() {
     this.$json.value = {
@@ -24,7 +25,7 @@ export default class XPgJsonBasic extends HTMLElement {
       if (value !== parent[key]) {
         parent[key] = value;
       }
-      console.log(this.$json.value);
+      this.$output.textContent = JSON.stringify(this.$json.value);
     });
   }
 }

src/pg/jsonNumber/jsonNumber.ts

@@ -24,7 +24,7 @@ export default class PgJsonNumber extends HTMLElement {
           detail: {
             path: [this.key],
             key: this.key,
-            value: e.detail.value,
+            value: Number.parseInt(e.detail.value, 10),
           }
         })
       );