How to configure VSCode for TypeScript?

[BryanCrotazGivEnergy]

node v20, new project, macOS

ember new ... --typescript --pnpm

in ./tsconfig.json

{
  "extends": "@tsconfig/ember/tsconfig.json",
  "compilerOptions": {
  ...

vscode shows an error on this file:

File '@tsconfig/ember/tsconfig.json' not found.ts
Path to base configuration file to inherit from (requires TypeScript version 2.1 or later), or array of base files, with the rightmost files having the greater priority (requires TypeScript version 5.0 or later).

In a service, @tracked fails in vscode with

import Service from '@ember/service';
import { tracked } from '@glimmer/tracking';

export default class BlocklyService extends Service {
  @tracked toolboxElement?: HTMLElement = null;
}

Vscode error:

Unable to resolve signature of property decorator when called as an expression.
  Argument of type 'ClassFieldDecoratorContext<BlocklyService, HTMLElement> & { name: "toolboxElement"; private: false; static: false; }' is not assignable to parameter of type 'string | symbol'.ts(1240)

[NullVoxPopuli]

Do you have a repro?
Do you have @tsconfig/ember installed?

[BryanCrotazGivEnergy]

Brand new project, just ember g service after ember new.

Adding --embroider to ember new has fixed it

[BryanCrotazGivEnergy]

Do you have @tsconfig/ember installed?

Only if ember new installed it.

[NullVoxPopuli]

Did it?

I'm wondering if the bug is that it was accidentally omitted, or if we need to look elsewhere

[BryanCrotazGivEnergy]

Creating new test projects...

ember new --embroider --typescript --pnpm installs it
ember new --typescript --pnpm installs it

[NullVoxPopuli]

that's good, so then this is something with your vscode.

I see no problem in neovim or my vscode.

what extensions do you have installed?