typescript-remix-routes-plugin

typescript-remix-plugin

TypeScript language server plugin that adds intellisense to your Remix projects.

Features

• Route path completion
• Route path diagnostics
• Jump to route definition
• Route module completion
• Jump to route reference
• 🚧 Rename route

Get Started

$ npm install typescript-remix-plugin -D

And configure plugins section in your tsconfig.json, for example:

{
  "compilerOptions": {
    "target": "ES2019",
    "plugins": [
      {
        "name": "typescript-remix-plugin",
        "tag": "route"
      }
    ]
  }
}

Route path completion

// import name should be the same as the tag name in the `tsconfig.json`
import route from 'typescript-remix-plugin/tag';

const id = 1;

route`/posts/${id}`;

Route path diagnostics

Jump to route definition

Route module completion

License

MIT