Vue filetype support, please!

<div class="highlight highlight-text-html-vue notranslate position-relative overflow-auto" dir="auto

I added vue support for markup languages. Run this: <code class=

Vue support about emmet HOT 4 CLOSED

pedro757 commented on July 20, 2024

Vue support

from emmet.

Comments (4)

pedro757 commented on July 20, 2024

I have never done vue, could you please explain a little bit, does vue use normal html tags?

from emmet.

yangxyo commented on July 20, 2024

<template>
    <div>
        <p></p>
        <p></p>
    </div>
</template>

<script>
</script>
export default {
    data(){
        return {
              nodes: (<template>
                  <div></div>
                  <div></div>
              </template>)
         }
     }
}
<style>
</style>

from emmet.

pedro757 commented on July 20, 2024

Did you try adding vue filetypes in your ls_emmet config?

from emmet.

pedro757 commented on July 20, 2024

I added vue support for markup languages.

Run this:
npm update -g ls_emmet

Update your config adding vue to the filetypes

local lspconfig = require'lspconfig'
local configs = require'lspconfig.configs'

local capabilities = vim.lsp.protocol.make_client_capabilities()
capabilities.textDocument.completion.completionItem.snippetSupport = true

if not configs.ls_emmet then
  configs.ls_emmet = {
    default_config = {
      cmd = { 'ls_emmet', '--stdio' };
      filetypes = {
        'vue'
      };
      root_dir = function(fname)
        return vim.loop.cwd()
      end;
      settings = {};
    };
  }
end

lspconfig.ls_emmet.setup { capabilities = capabilities }