Broken Astro imports in Typescript files

[0xtimsb]

Check for existing issues

• Completed

Describe the bug / provide steps to reproduce it

Even after installing the Astro extension, .ts files shows squiggly lines on Astro imports.

Workaround

To fix this issue, you can there are few methods:

1. Install @astrojs/ts-plugin

npm install @astrojs/ts-plugin --save-dev

2. Update config:

By modifying your project's tsconfig.json file (source):

{
  "compilerOptions": {
    "plugins": [
      {
        "name": "@astrojs/ts-plugin"
      }
    ]
  }
}

or

Use vtsls (source):

Note: This still requires you to install plugin locally or globally.

{
  "lsp": {
    "vtsls": {
      "tsserver": {
        "globalPlugins": [
          {
            "name": "@astrojs/ts-plugin"
            // Location must be provided if @astrojs/ts-plugin is not installed locally
          }
        ]
      }
    }
  }
}

This requires significant manual configuration. Ideally, this should work out of the box when installing the Astro extension.

Environment

Zed: v0.165.3 (Zed Preview)
OS: Linux Wayland ubuntu 24.04
Memory: 31.1 GiB
Architecture: x86_64
GPU: Intel(R) Graphics (RPL-S) || Intel open-source Mesa driver || Mesa 24.0.9-0ubuntu0.2

If applicable, add mockups / screenshots to help explain present your vision of the feature

No response

If applicable, attach your Zed.log file to this issue.

Zed.log