<turbo-stream action="append" target="posts_list"><template>    <div class="postbit" id="384387" data-post-id="384387">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="LostKobrakai" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/LostKobrakai/120/3072_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  LostKobrakai
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>You need to differenciate between the pieces an extenension enables. They can bring in syntax highlighting through tree-sitter as well as additional language servers. The elixir extension does include heex tree sitter grammer. Autocomplete comes from LSPs. For html files zed runs the built in html lsp. That one wouldn’t understand heex though. For the elixir LSPs available the support for heex is wip at best and imo their maintainers focus is better used improving their support of elixir code before their support of heex.</p>
<p>In the end heex is not html. This is not as simple as “just do what you do for html for this other file”.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="384387" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/zed-code-completion-not-working/65147/12">Post #11</a>
	                </div>
	            </div>
              <div id="likers-container-384387" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="384387"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #11"></div>
  </section>
</div>
    <div class="postbit" id="384388" data-post-id="384388">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="katafrakt" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/katafrakt/120/34763_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  katafrakt
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>This article describes how to make Emmet server work with HEEx files: <a href="https://dev.to/paulosilva/setting-up-zed-for-elixir-development-3eij" class="inline-onebox" rel="noopener nofollow ugc">Setting up Zed for Elixir development in 2026 💧 - DEV Community</a> and provide HTML completion. I haven’t tried it myself, but looks reasonable.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="384388" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/zed-code-completion-not-working/65147/13">Post #12</a>
	                </div>
	            </div>
              <div id="likers-container-384388" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="384388"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #12"></div>
  </section>
</div>
    <div class="postbit" id="384390" data-post-id="384390">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="theagilecoder" src="/assets/icons/user-9f439610.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  theagilecoder
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Thanks for your explanation. So if I understand you correctly for both major lsps - expert and elixir-ls Ill have to wait for heex support. or I keep using VS code where this works correctly somehow. I was just experimenting with zed.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="384390" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/zed-code-completion-not-working/65147/14">Post #13</a>
	                </div>
	            </div>
              <div id="likers-container-384390" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="384390"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #13"></div>
  </section>
</div>
    <div class="postbit" id="384391" data-post-id="384391">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="theagilecoder" src="/assets/icons/user-9f439610.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  theagilecoder
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Yes I saw this and I thought its outdated. Zed already has a “vscode-html-language-server“ that runs to provide autocompletion to .html files (just like emmet) So I think explicitly installing emmet loses the point. Zed is not able to use its emmet alternative to comprehend heex files even if it claims that heex templates are supported by zed <a href="https://zed.dev/docs/languages/elixir#heex" class="inline-onebox" rel="noopener nofollow ugc">Elixir | Elixir</a>. So, If this is a WIP in zed, then Ill continue with VS code then. Can I ask you which editor you use ?</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="384391" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/zed-code-completion-not-working/65147/15">Post #14</a>
	                </div>
	            </div>
              <div id="likers-container-384391" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="384391"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #14"></div>
  </section>
</div>
    <div class="postbit" id="384392" data-post-id="384392">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="katafrakt" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/katafrakt/120/34763_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  katafrakt
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<aside class="quote no-group" data-username="theagilecoder" data-post="15" data-topic="65147">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/letter_avatar_proxy/v4/letter/t/b782af/48.png" class="avatar"> theagilecoder:</div>
<blockquote>
<p>Zed already has a “vscode-html-language-server“ that runs to provide autocompletion to .html files (just like emmet) So I think explicitly installing emmet loses the point.</p>
</blockquote>
</aside>
<p>Ok, then probably you need to do what this article mentions for Emmet - for HTML server. The issue is that the HTML server is not started for <code>.heex.html</code> files, so actions specific for HTML are not run. The key would be to force HTML server to start on HEEX files.</p>
<aside class="quote no-group" data-username="theagilecoder" data-post="15" data-topic="65147">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/letter_avatar_proxy/v4/letter/t/b782af/48.png" class="avatar"> theagilecoder:</div>
<blockquote>
<p>even if it claims that heex templates are supported by zed</p>
</blockquote>
</aside>
<p>Well, they are. Syntax highlighting works. Elixir language server starts. It does not claim to provide same capabilities as with plain HTML files. Perhaps this is a discussion better suited for some Zed forum or issue tracker.</p>
<aside class="quote no-group" data-username="theagilecoder" data-post="15" data-topic="65147">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/letter_avatar_proxy/v4/letter/t/b782af/48.png" class="avatar"> theagilecoder:</div>
<blockquote>
<p>Can I ask you which editor you use ?</p>
</blockquote>
</aside>
<p>Mainly Emacs.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="384392" data-batch-url="/posts/batch_likers">
                        1
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/zed-code-completion-not-working/65147/16">Post #15</a>
	                </div>
	            </div>
              <div id="likers-container-384392" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="384392"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #15"></div>
  </section>
</div>
    <div class="postbit" id="386231" data-post-id="386231">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="conradwt" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/conradwt/120/19105_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  conradwt
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>I actually published a fix several months back where one can expand Emmet snippets in both .heex templates and within H sigil.  It’s working for me as expected using the installed extension, Emmet v0.0.11.  Also, I didn’t have to explicitly start any servers.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="386231" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/zed-code-completion-not-working/65147/17">Post #16</a>
	                </div>
	            </div>
              <div id="likers-container-386231" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="386231"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #16"></div>
  </section>
</div>
    <div class="postbit" id="386814" data-post-id="386814">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="conradwt" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/conradwt/120/19105_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  conradwt
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Correction, I actually did configure the language servers for both Elixir and HEEx file types. Here’s the relevant snippets from my settings.json file:</p>
<pre data-code-wrap="elixir"><code class="lang-elixir"> "languages": {
    "Elixir": {
      "tab_size": 2,
      "language_servers": [
        "elixir-ls",
        "!next-ls",
        "!lexical",
        "tailwindcss-language-server",
        "emmet-language-server",
        "...",
      ],
    },
    "HEEx": {
      "tab_size": 2,
      "language_servers": [
        "elixir-ls",
        "!next-ls",
        "!lexical",
        "tailwindcss-language-server",
        "emmet-language-server",
        "...",
      ],
    },
</code></pre> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="386814" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/zed-code-completion-not-working/65147/18">Post #17</a>
	                </div>
	            </div>
              <div id="likers-container-386814" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="386814"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-last-post cat-last-post" title="Last post!"></div>
  </section>
</div>
</template></turbo-stream><turbo-stream action="replace" target="load-more-container"><template><div id="load-more-container" class="load-more-container">
    <span class="all-loaded">— All posts loaded —</span>
</div></template></turbo-stream>