Navigating from heex templates to core_components.ex in VSCode?


I’m pretty new with Phoenix development. I created a example phoenix 1.7.10 project like this:

$ mix archive.install hex phx_new
$ mix rumbl
$ cd rumbl
$ mix phx.gen.html Accounts User users name:string username:string
$ mix ecto.migrate

When I’m then trying to understand the new heex components I would want to navigate easily from the heex templates into the core_components.ex

<.header> // <---- I would want to jump to the definition when my cursor is here
  Listing Users
    <.link href={~p"/users/new"}>
      <.button>New User</.button>

The Go to definition action in VSCode doesn’t seem to working well to this kind of operation. And when I try to use it it just says No definition found for 'header' How do you navigate easily from heex files to the component definitions?

I just open the core_components.ex file in another tab and type /def header. :stuck_out_tongue:

I’m also curious about this. Is there something to tweak in order to go to definition ?