tailwind-highlight.nvim

Highlight Tailwind CSS classes in neovim

"The neovim plugin used by a Netflix Engineer"

Installation

• Vim Plug

  " required dependency
  Plug 'neovim/nvim-lspconfig'
  " (optional) for installing tailwindcss language server
  Plug 'williamboman/nvim-lsp-installer'
  Plug 'princejoogie/tailwind-highlight.nvim'

• Vundle

  " required dependency
  Plugin 'neovim/nvim-lspconfig'
  " (optional) for installing tailwindcss language server
  Plugin 'williamboman/nvim-lsp-installer'
  Plugin 'princejoogie/tailwind-highlight.nvim'

• Dein

  " required dependency
  call dein#add('neovim/nvim-lspconfig')
  " (optional) for installing tailwindcss language server
  call dein#add('williamboman/nvim-lsp-installer')
  call dein#add('princejoogie/tailwind-highlight.nvim')

Usage

local tw_highlight = require('tailwind-highlight')

Methods

Setup Options

Without Lsp Installer

Manually install tailwindcss-language-server

require('lspconfig').tailwindcss.setup({
  on_attach = function(client, bufnr)
    -- rest of you config
    tw_highlight.setup(client, bufnr, {
      single_column = false,
      mode = 'background',
      debounce = 200,
    })
  end
})

With Lsp Installer

:LspInstall tailwindcss

require('nvim-lsp-installer').on_server_ready(function(server)
  local opts = {
    on_attach = function(client, bufnr)
      -- rest of you config
      tw_highlight.setup(client, bufnr, {
        single_column = false,
        mode = 'background',
        debounce = 200,
      })
    end
  }

  server:setup(opts)
end)

Like the project? would appreciate a coffee ☕

Contributor list

Made with ☕ by Prince Carlo Juguilon

Github