Navigating from heex templates to core_components.ex in VSCode?

Hey,

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 phx.new 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
  <:actions>
    <.link href={~p"/users/new"}>
      <.button>New User</.button>
    </.link>
  </:actions>
</.header>

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: