template to webComponent