Update: I wrote a GPT that generates Web Components in seconds:

• https://chatgpt.com/g/g-quK0nMtwZ-web-component-creator-vanilla-javascript

• OR https://chatgpt-web-component.github.io/

constructor(){
  const template = name => document.getElementById(name).content.cloneNode(true);
  super()
    .attachShadow({mode:"open"})
    .append(
        template("BOARDSTYLE"),
        template("GAMEBOARD")
     );
}

is perfectly valid code!

But because 10 years of Web Component blogs have replicated statements like:

Our AI generated Web Components will be as stupid.

Source: https://chat.openai.com/chat

And its stuborn in its answers: