Custom component var/tag input

For our company, im trying to work on a custom component to show our data.
First step for me is to create a component which i can use to show data from the var/tag.

I’ve used the documentation, but im not able to get the data shown.

Manifest.json:
{
“main”: “pct-test-introduction.min.js”,
“version”: “1”,
“sheetSettings”: {
“minheight”: 6,
“defaultRows”: 6,
“minCols”: 3,
“minRows”: 3
},
“inputs”:
[

{
“key”: “metric”,
“label”: “Metric”,
“type”: “AggregatedMetric”
},
{
“key”: “temperature”,
“label”: “Temperature”,
“type”: “LiveMetric”,
“allowedTypes”: [“str”]
}
]
}

test-introduction.js
const template = document.createElement(“template”);
//const client = context.createLoggingDataClient();
const client = context.createLoggingDataClient();
tets
client.query({
selector: context.inputs.metric.selector,
postAggr: context.inputs.metric.aggregator,
limit: 500
}, metrics => {
console.log(metrics);
// result: [LoggingDataMetric, LoggingDataMetric, …]
});

template.innerHTML = /html/`

main { text-align: center; padding: 1em; max-width: 240px; margin: 0 auto; } h1 { color: #fcdc00; text-transform: uppercase; font-size: 4em; font-weight: 100; } @media (min-width: 640px) { main { max-width: none; } }

This works!

`;

class PctTestIntroduction extends HTMLElement {
constructor() {
super();
this.attachShadow({ mode: “open” });
}

connectedCallback() {
this.shadowRoot.appendChild(template.content.cloneNode(true));
}
}

customElements.define(“pct-test-introduction”, PctTestIntroduction);