Skip to content

HEEx or ~H sigil does not recognize functional components .component #3750

@kennedyoliveira

Description

@kennedyoliveira

Describe the bug
Version v22.0.0 added support for HEEx and the ~H sigil, but it's not working as described in Windows 11 WebStorm, the HTML is working but no Elixir code completion or identification of functional components , they show as white and are not clickable, even when defined in the same file.

Noticed heex files does not work automatically, had to manually associate them to get the html part to work, but elixir syntax is not working, neither on heex files nor on regular .ex files with ~H sigil.

To Reproduce
Steps to reproduce the behavior:

  1. Create a new phoenix project
  2. Go to any of the default heex files or the core_components module
  3. Check any of the functional components like Layouts.theme_toggle

Expected behavior
Syntax highlight/auto completion for elixir code and automatically assigning of heex files.

Screenshots

Image Image Image

Logs
If reporting a hang or other performance issue, please attach the thread dumps.

Desktop:

  • OS: Windows 11
  • Version 25H2 Build 26200.7462

Erlang:

  • Installer [Downloaded installer from website]
  • Version [28]

Elixir:

  • Installer [Downloaded installer from the website]
  • Version [1.19.4]

Plugin:

  • Version [22.0.1]

Additional context
Setup according to the docs, installed erlang plugin, elixir plugin, added erlang sdk, then elixir sdk, it's showing "Elixir Unknown" in the widget but it also says Configured Correctly, other things work, like code completion for regular files, mix actions, tests etc.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions