<template>の使いみちが全くわからない

html要素を使い回せる

cons: Element.innerHTML や Element.insertAdjacentHTML() にhtml文字列を入れれば同じことができる

むしろ<template>にしたら、ととでデータが分散してややこしくなるのでは？

せっかくShadow DOMを使って要素とスタイルをひとまとめにできたのに、html要素を別の場所に書いたんじゃ意味がない