What is the best VS Code setup for developing with glint and strict mode templates?

[bwbuchanan]

Not sure where the best place to ask this is, so hoping the authors / followers of this project have relevant experience.

What's the best setup right now for developing Ember apps with strict mode templates and TypeScript?

My current setup is:

• yarn v3
• TypeScript 4.9.4
• Glint 1.0.0-beta.2
• ember-template-imports 3.4.0
• typescript-eslint
• Pure strict mode Ember app (no .hbs, only .gts)
• VS Code 1.74.2
• VS Code addons
  • dbaeumer.vscode-eslint
  • typed-ember.glint-vscode
  • esbenp.prettier-vscode
  • lifeart.vscode-ember-unstable
  • chiragpat.vscode-glimmer
  • felixrieseberg.vsc-ember-cli

The project is a Firebase app monorepo setup, with the ember app in one yarn workspace, the Firebase functions in another workspace, and common shared code in a third workspace. I use a single VS Code project (not a multi-root workspace) and have not disabled VS Code's builtin vscode.typescript-language-features extension.

This setup mostly works OK, but I have a few issues when editing .gts files:

• The "Organize Imports" action is not available
• Import autocomplete does not work
• HTML tags do not autocomplete
• Syntax highlighting is a little broken

Anyone managed to make these things work alright?