Any Elixir users having issues with Tailwind Completion in .heex files?

[mkellyxp]

I've been using and loving Helix for the past month, and it's been working great for PHP, and it mostly works great for Elixir. However, I for the life of me, can't get TailwindCSS completion in .heex templates, and i'm not sure why.

I know the tailwind-ls works, as it works in plain HTML and PHP files fine. And I know my languages.toml file is handling heex files, because it seems to be handling elixir-ls and html just fine. But not tailwind. What am I missing here?

Here is my hx --health heex

Configured language servers:
  ✓ elixir-ls: /run/current-system/sw/bin/elixir-ls
  ✓ tailwindcss-language-server: /run/current-system/sw/bin/tailwindcss-language-server
  ✓ vscode-html-language-server: /run/current-system/sw/bin/vscode-html-language-server
Configured debug adapter: None
Highlight queries: ✓
Textobject queries: ✓
Indent queries: ✘

And here is my languages.toml file

[[language]]
name = "php"
language-servers = [ "intelephense", "tailwindcss-ls", "vscode-html-language-server" ]
auto-format = true

[[language]]
name = "html"
language-servers = [ "tailwindcss-ls", "vscode-html-language-server" ]

[[language]]
name = "elixir"
auto-format = true

[[language]]
name = "heex"
language-servers = [ "elixir-ls",  "tailwindcss-ls", "vscode-html-language-server" ]
auto-format = true

[mkellyxp]

Figured it out! Just needed the language id to be "phoenix-heex"! Works as expected now

[djpowers]

Thanks for circling back to share your solution! This got me started, but I needed to configure Tailwind to include HEEx as HTML.

Here's the bare minimum setup I ended up with in case it helps anyone:

[[language]]
name = "elixir"
auto-format = true

[language-server.tailwindcss-ls]
config.tailwindCSS.includeLanguages = { "heex" = "html" }

[[language]]
name = "heex"
language-servers = [ "elixir-ls", "tailwindcss-ls", "vscode-html-language-server" ]
auto-format = true