Tailwind-fold.nvim

Neovim plugin to conceal long class attributes.

Requirements

Requires nvim-treesitter

Installation

• lazy.nvim:

{
  'razak17/tailwind-fold.nvim',
  opts= {},
  dependencies = { 'nvim-treesitter/nvim-treesitter' },
  ft = { 'html', 'svelte', 'astro', 'vue', 'typescriptreact', 'php', 'blade' },
},

Showcase

Default Options

{
  enabled = true
  -- min chars to fold.
  min_chars = 0,
},

Configuration

• Make sure to install treesitter parsers for enabled languages. For example:

:TSInstall html

• Make sure conceallevel is set to 2 in your config OR.

:set conceallevel=2

• Set concealcursor to an empty string to expand class when on cursorline:

:set concealcursor=

Usage

The plugin is activated automatically

:TailwindFoldDisable, :TailwindFoldEnable and :TailwindFoldToggle are also available to change fold state.

Resources and Acknowledgements

All credit goes to the author of this gist, which makes this plugin possible

You can use it if you prefer not to install a plugin