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


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Should completion work for .heex?<br>
I got it working for .ex, .html, .css<br>
But I can’t complete html-items inside .heex</p>
<p></p><div class="lightbox-wrapper"><a class="lightbox" href="https://forum.elixirforum.com/uploads/default/original/3X/d/f/df74b17e609c8f97dae72dc6793ccfc22a6129e8.jpeg" data-download-href="https://forum.elixirforum.com/uploads/default/df74b17e609c8f97dae72dc6793ccfc22a6129e8" title="screenshot_2022-10-13-234123.781" rel="nofollow"><img src="https://forum.elixirforum.com/uploads/default/optimized/3X/d/f/df74b17e609c8f97dae72dc6793ccfc22a6129e8_2_517x252.jpeg" alt="screenshot_2022-10-13-234123.781" data-base62-sha1="vSMuoqHtwX5Vw7UQnc6MUq85Ot2" width="517" height="252" srcset="https://forum.elixirforum.com/uploads/default/optimized/3X/d/f/df74b17e609c8f97dae72dc6793ccfc22a6129e8_2_517x252.jpeg, https://forum.elixirforum.com/uploads/default/optimized/3X/d/f/df74b17e609c8f97dae72dc6793ccfc22a6129e8_2_775x378.jpeg 1.5x, https://forum.elixirforum.com/uploads/default/optimized/3X/d/f/df74b17e609c8f97dae72dc6793ccfc22a6129e8_2_1034x504.jpeg 2x" data-dominant-color="343841"><div class="meta"><svg class="fa d-icon d-icon-far-image svg-icon" aria-hidden="true"><use href="#far-image"></use></svg><span class="filename">screenshot_2022-10-13-234123.781</span><span class="informations">2305×1123 145 KB</span><svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"><use href="#discourse-expand"></use></svg></div></a></div><p></p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="264716" 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/neovim-elixir-setup-configuration-from-scratch-guide/46310/12">Post #11</a>
	                </div>
	            </div>
              <div id="likers-container-264716" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="264716"
                     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="264726" data-post-id="264726">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="TunkShif" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/TunkShif/120/24198_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  TunkShif
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>If you mean that you want to get html tags completion in heex files, you need extra configuration for the html language server. By default, the html language server is only enabled for html files, see <a href="https://github.com/neovim/nvim-lspconfig/blob/master/doc/server_configurations.md#html" class="inline-onebox" rel="noopener nofollow ugc">nvim-lspconfig/doc/server_configurations.md at master · neovim/nvim-lspconfig · GitHub</a> , the default value for <code>filetypes</code> option only includes <code>html</code>. You can pass customized options when doing <code>require'lspconfig'.html.setup{}</code>. The following configuration should work:</p>
<pre data-code-wrap="lua"><code class="lang-lua">require'lspconfig'.html.setup{
  filetypes = { "html", "heex" }
}
</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="264726" data-batch-url="/posts/batch_likers">
                        6
                      </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/neovim-elixir-setup-configuration-from-scratch-guide/46310/13">Post #12</a>
	                </div>
	            </div>
              <div id="likers-container-264726" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="264726"
                     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="267981" data-post-id="267981">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Thanks a lot, this post did help me a LOT to have a functional neovim setting for elixir and phoenix.</p>
<p>If I may add one detail : it would be nice to have actual html syntax hightlight for eex/heex files.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="267981" 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/neovim-elixir-setup-configuration-from-scratch-guide/46310/14">Post #13</a>
	                </div>
	            </div>
              <div id="likers-container-267981" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="267981"
                     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="268003" data-post-id="268003">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="TunkShif" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/TunkShif/120/24198_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  TunkShif
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>The syntax highlighting should work if you’ve installed the tree-sitter parsers for eex and heex.</p>
<pre data-code-wrap="lua"><code class="lang-lua">require'nvim-treesitter.configs'.setup {
  ensure_installed = {"elixir", "heex", "eex"}
}
</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="268003" 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/neovim-elixir-setup-configuration-from-scratch-guide/46310/15">Post #14</a>
	                </div>
	            </div>
              <div id="likers-container-268003" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="268003"
                     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="268004" data-post-id="268004">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>I do have elixir highlighting, but not html tag highlighting. Like mentioned in <a href="https://github.com/elixir-editors/vim-elixir/issues/562" rel="noopener nofollow ugc">this github issue</a> in the “Expected” section.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="268004" 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/neovim-elixir-setup-configuration-from-scratch-guide/46310/16">Post #15</a>
	                </div>
	            </div>
              <div id="likers-container-268004" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="268004"
                     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="268005" data-post-id="268005">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="TunkShif" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/TunkShif/120/24198_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  TunkShif
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Are you using tree-sitter or vim-elixir plugin for syntax highlighting?<br>
If you’re using tree-sitter, then install the three parsers as mentioned above and everything should work. If you’re using vim-elixir plugin for that, I’m currently not using this plugin so I can’t provide any more information about your issue.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="268005" 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/neovim-elixir-setup-configuration-from-scratch-guide/46310/17">Post #16</a>
	                </div>
	            </div>
              <div id="likers-container-268005" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="268005"
                     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="268006" data-post-id="268006">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>I am using treesitter, and I did install the parsers, as you can see in my config <a href="https://codeberg.org/nise/dotfiles/src/commit/e78f0097cc87f06ab43df68d2b8e2b5c5ffb28bb/.config/nvim/lua/nise/lsp.lua#L70" rel="noopener nofollow ugc">here</a> . I only used the issue on vim-elixir as an example of what I’m looking for.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="268006" 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/neovim-elixir-setup-configuration-from-scratch-guide/46310/18">Post #17</a>
	                </div>
	            </div>
              <div id="likers-container-268006" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="268006"
                     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 #17"></div>
  </section>
</div>
    <div class="postbit" id="268007" data-post-id="268007">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="TunkShif" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/TunkShif/120/24198_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  TunkShif
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Try opening a <code>.heex</code> file, then run <code>:LspInfo</code> and <code>:TSInstallInfo</code> to check what filetype it is and if all these parsers are actually installed.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="268007" 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/neovim-elixir-setup-configuration-from-scratch-guide/46310/19">Post #18</a>
	                </div>
	            </div>
              <div id="likers-container-268007" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="268007"
                     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 #18"></div>
  </section>
</div>
    <div class="postbit" id="268008" data-post-id="268008">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Looks like they are</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">dot               [✗] not installed
eex               [✓] installed
elixir            [✓] installed
elm               [✗] not installed
...
heex              [✓] installed
help              [✗] not installed
hjson             [✗] not installed
hlsl              [✗] not installed
hocon             [✗] not installed
html              [✓] installed 
</code></pre>
<p>This is what LspInfo says</p>
<pre data-code-wrap="elixir"><code class="lang-elixir"> Language client log: /home/xxx/.local/state/nvim/lsp.log
 Detected filetype:   heex

 2 client(s) attached to this buffer:

 Client: elixirls (id: 1, pid: nil, bufnr: [1])
 	filetypes:       elixir, eelixir, heex, surface
 	autostart:       true
 	root directory:  /home/xxx/projects/xxx
 	cmd:             /home/xxx/.local/bin/elixir-ls/language_server.sh

 Client: html (id: 2, pid: nil, bufnr: [1])
 	filetypes:       html, heex, elixir
 	autostart:       true
 	root directory:  /home/xxx/projects/xxx
 	cmd:             vscode-html-language-server --stdio
</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="268008" 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/neovim-elixir-setup-configuration-from-scratch-guide/46310/20">Post #19</a>
	                </div>
	            </div>
              <div id="likers-container-268008" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="268008"
                     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 #19"></div>
  </section>
</div>
    <div class="postbit" id="268011" data-post-id="268011">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="TunkShif" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/TunkShif/120/24198_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  TunkShif
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Everything looks right to me. I have no idea why it isn’t working. That’s kind of weird. <img src="https://forum.elixirforum.com/images/emoji/apple/thinking.png?v=15" title=":thinking:" class="emoji" alt=":thinking:" loading="lazy" width="20" height="20"></p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="268011" 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/neovim-elixir-setup-configuration-from-scratch-guide/46310/21">Post #20</a>
	                </div>
	            </div>
              <div id="likers-container-268011" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="268011"
                     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 #20"></div>
  </section>
</div>
</template></turbo-stream><turbo-stream action="replace" target="load-more-container"><template><div id="load-more-container" class="load-more-container">
    <a class="load-more-button" data-turbo-stream="true" href="/topics/46310/load_more?page=3">Load more posts (94 remaining)</a>
</div></template></turbo-stream>