LazyVim: Tailwind CSS Support

[@ElijahManor]

If you liked this video, please like and subscribe for further content. You can also join as a member of this channel for special perks youtube.com/@elijahmanor/join If you'd like to connect on social media, you can find me on Twitter twitter.com/elijahmanor and Mastodon hachyderm.io/@elijahmanor

[@astropajamaland]

I can't be the only one overflowing with appreciation of your videos, especially the LazyVim content. Always super helpful and interesting, as I just switched over to using LazyVim full time. I also really appreciate your general command line videos, like uncovering cool ways to use fzf and similar things. Keep up the awesome work, I'm learning a ton from you!

[@ElijahManor]

So good to hear! Glad the content has been helpful to you. I appreciate the encouragement. I love to learn and share that with others.

[@cdrh8206]

I second this comment Thank you so much for making neovim so user friendly. Everyone here appreciates how you've simplified the whole process.

[@prathameshtakane7354]

this comment speaks my mind, thank you, I have learned so much from your videos, a lot of times I come to learn one specific thing and end up learning so many by just observing you navigate your way around vim, thank you so much for your content

[@dereklomax161]

You are what I imagine as the voice of Neovim itself! Clear, optimistic, powerful! You are pushing the boundaries of eureka and epiphanies!

[@ElijahManor]

Wow, thank you! What a creative complement. Much appreciated. Glad you have found value in the content. I plan on making more, so buckle up :)

[@tumi_tigur]

You got me into neovim with these lazyvim videos, always wanted to make the switch but didn't know where to start. Now i have my own config forked from lazy and it's great,thanks man

[@ElijahManor]

Yay, that's great! Glad it has been working out for you. I'm out for conferences this week and working on more KZbin material in-between events.

[@iduran]

Thanks for this. Really like your lazyvim videos. I switched to lazyvim after watching one of yours 👍🏻

[@ElijahManor]

Oh that is great to hear! I've been enjoying it and having fun extending it (hence this playlist). I hope you continue to find value in the series.

[@matteostara]

Another great one, thank you :) You know, it will be great to look at things more holistically and start grouping these videos in a more general front/back end playlist. I am sure many devs like me would really enjoy it :)

[@ElijahManor]

Are you referring to LazyVim in particular? I do plan to put them all in a playlist, but each one will be mostly focused on whatever feature I'm planning on adding. What were you thinking?

[@matteostara]

@@ElijahManor Yes, to LazyVim since it's pretty much ready-to-go and easier to understand and configure for most. A stack-specific series of videos would be a huge success. For example, I'm a frontend engineering, so I'd need something as ready as vscode. Plugins are a matter of preferences, sure, but I doubt someone wouldn't want emmet completion, or react snippets, etc. Now think that for frontend, backend, OOP and other stuff like zettelkasten and note taking on vim-wiki or the likes. I think what most people want from Neovim is a IDE-like experience without the bulky bloated stuff of traditional IDEs and corporate control, while maintaining speed, vim motions, and ease of configuration. Makes sense?

[@IainSimmons]

@@matteostara I have a feeling LazyVim already has Emmet style completions and snippets for React. Maybe try them?

[@matteostara]

@@IainSimmons no emmet, and some snippets can be added to be more complete. My point was: showing they're there if they are, and offer a holistic set up.

[@IainSimmons]

@@matteostara ahh yeah you're right. I think it will do a single element when you're in a HTML or JSX file, but not the whole multiple-element string thing. And for the record, I agree, I'd like to see more of this!

[@alejkun4923]

Thanks to you i finally switched over to LazyVim as my primary IDE

[@ErmandDurro]

Another great video 👏🏻 Really useful

[@ElijahManor]

So glad it was helpful. Thank you for the watch and the encouragment!

[@phaberest_]

Really good content, keep going Elijah you deserve a ton more subscribers!

[@ElijahManor]

Thank you, I appreciate your support and encouragement. Glad you've found value from the content so far. Have a great day!

[@dgarbujapun]

Thank you so much for the great video. Hope this video series will make me return to using neovim once again. Would be awesome to see video on how to configure prettier, ESlint, react etc etc for web development purpose. Hope this will make using neovim a breeze without wasting hours and hours configuring it while we can instead focus more time on solving problems.

[@ElijahManor]

Thanks, I hope so too! I do have linting and formatting planned in the series as well as other things for web dev. I focus on React webdev, so it sounds like our interests align :) Thanks for watching, your interest, support, and for leaving a comment. Have a great week!

[@adrianthomas4163]

Nice. Long time vim and neovim user. Decided to give lazy vim a go. I like it. Thanks for your videos.

[@ElijahManor]

Glad to help! I plan to continue to the LazyVim playlist etm.im/lazyvim My next one will be about setting up custom linters and formatters and how to use them, then I'll have one on git workflows, setting up copilot, using emmet, custom snippets, debugging, etc... Along the way I'll prob have content that isn't part of that playlist, but that is the plan

[@dhex8122]

Thank you so much for the amazing videos Elijah!! It would be nice at some point, a video series on how to build your own PDE from scratch usin lazy of course!

[@ElijahManor]

Thanks for watching! I have a long list of videos in the queue, so not sure when I'd get to something like that. But, you could prob do something like that by starting with Kicstart.nvim kzbin.info/www/bejne/np-3iX19op2JeKM (which is one file with essential PDE elements) and then convert that to use lazy.nvim kzbin.info/www/bejne/l6LPqaSmfdhgl7M Those videos show how to get started and give a high level of what is included, then converts it from packer to lazy.nvim. I've since moved to LazyVim, but the other has lots of value and can be a great fit for those that would rather not use LazyVim

[@r-darwish]

Thank you for these videos. I’d love to see a video about debugging in LazyVim using DAP

[@ElijahManor]

Great suggestion! And yes that is in the list. The next one coming up is about Nerd Fonts because that has been an issue with several and I thought it'd be quick and short, but nope... turns out there is a lot of nitty gritty stuff involved with nerd fonts. But after that one I'll focus on custom linting/formatting, then expand out from there to other topics. Thanks for watching and your interest

[@codewithsehran]

thank you so much man you don't know how much you helped me ❤

[@j1d7s]

Thank you for another great video, this will come in very handy when I will be using tailwind again in a project, hopefully soon!

[@ElijahManor]

Glad it was helpful! Thank you for watching and supporting the channel! I have a new video coming out Sunday morning.

[@j1d7s]

@@ElijahManor Btw, since you asked about possible topics. I have been struggling a bit with the following topics during my first 3 days with LazyVim: - Setting LazyVim up for Python development. I am using pyright as the LSP server and black for formatting, I found out how to configure them but I am not sure I have done this "idiomatically". Also, I need to find out how to make LazyVim not complain about lines longer than 80 characters, in particular because black's (auto-)formatting has a different opinion. - Reducing "noise": sometimes the autocomplete popups get very distracting, especially when using vimtex I often insert unwanted snippets by accident and I don't really need the "intellisense" that often, it would be good to disable this temporarily. - Another issue I had was the popup terminal, I am using the gruvbox color scheme and sometimes the text gets unreadable / invisible in the terminal, especially when I get error messages there. I know I should either solve these issues myself or post them, but maybe there is a bit of motivation somewhere in there for a topic for a video. Keep up the great work, your videos are really outstanding and packed with good info! P.S. I will watch your video on migrating from Packer to Lazy.nvim now, I should have done this earlier, this will surely help!

[@ElijahManor]

Hey, thanks for the watch and interest! My next video will be on custom linters and formatters, so may that will help with your 1st bullet. I can understand reducing noise, there are numerous different tips and tricks to help reduce functionality... you could possibly add an `enabled` function to the `cmp` options to turn on/off autocompletions in certain contexts (something like github.com/hrsh7th/nvim-cmp/wiki/Advanced-techniques#disabling-completion-in-certain-contexts-such-as-comments). Hm, not sure turning on/off only snippets dynamically but that is an interesting idea. I've not noticed a theme problem per-se... what terminal are you using and which gruvbox plugin? I do have a lesson penciled out about common things people as to change in LazyVim (like a bunch of small tweaks).

[@j1d7s]

@@ElijahManor Thanks for the pointer to how to turn autocompletions on / off, maybe I can use this technique! My theme woes (popup-terminal readability) have disappeared now that I switched both kitty and LazyVim to the exact same tokyonight-moon theme. I used gruvbox before in both but I think there were slight variations between the versions used for terminal and editor. I am really interested in your video on linters and formatters. We have a big (lerna...🙄) monorepo at work and I am currently adding more ESLint rules and it would be really good to be able to run ESLint from inside LazyVim and be able to jump directly to the linting violations and fix them.

[@naufaldbei4234]

thank you again, and its getting prettier ....

[@ElijahManor]

Thank you too for watching! Actively working on new material... just hasn't launched yet.

[@mssafy2592]

thank you very much! , I really try hard to move from vscode to lazyvim and you made it so easy ! Thanks again ^_^

[@lpanebr]

This is extremely useful and very well explained! Thanks!

[@ElijahManor]

Thank you for coming back! Glad you found the content helpful. Appreciate the view and the comment

[@lpanebr]

@@ElijahManor I've finally added the tailwind-colorizer and it's nvim-cmp config. Its beautiful!

[@ElijahManor]

@@lpanebr yay! i've seen your face recently adding comments to other neovim related videos. nice to see you around the community :)

[@lpanebr]

@@ElijahManor thanks! Yup, I'm nosey like that.

[@zrotrasukha8733]

Man thank you so very much, I hell love you, you saved my ass a lottta time, thanks again!

[@CZiNTrPT]

color swatches were really cool

[@ElijahManor]

Thanks, glad that you enjoyed the content. Appreciate the watch and comment!

[@oleksandrkovalov1543]

definitely subscribed. well done!

[@ElijahManor]

Awesome, thank you! Appreciate the watch and comment. I'm working on my next video. Stay tuned :)

[@Raykazen]

Thanks for the video it was really helpful !

[@pascalallau1912]

Good job, keep going and thanks again 👍

[@ElijahManor]

A repeat viewer! That is awesome :) Appreciate the view and the comment

[@naveenbisht4627]

Thanks for this setup.

[@IainSimmons]

I switched to LazyVim after watching your other video and have really enjoyed using and customising it. I have a project with Tailwind that I only yesterday went back to make some changes and wondered about this setup. Very timely! Thanks so much, and I can't wait for more videos on LazyVim!

[@ElijahManor]

Oh nice! Glad the other video helped inspire you to use LazyVim. I have been enjoying it and glad the timing worked out for you ha ha. I have more planned in this series, so buckle up! :) Have a great rest of your day

[@shiva.sharan]

Awesome video. A video suggestion would be debug adapter protocol set up.😊

[@ElijahManor]

Great suggestion and that is one that I have on my list, but I'm not exactly where it will fall in line. Thank you for watching and for your interest!

[@shiva.sharan]

Definitely. Dap would be nice to do. And it has some amazing support for different languages too. Love the content ✌🏽

[@felipegutierrez2944]

i would love to see toggleterm or any other terminal feature, Awesome content!

[@ElijahManor]

Great suggestion. LazyVim and the underlying lazy.nvim has helper methods to assist with that (leveraging the built-in Neovim vim.fn.termopen)... you could do something like the following to map dd to open lazydocker (if you have that installed) Maybe throw that in your lua/configs/keymaps.lua file? I can expand on how to use that and other methods... as well as mention ToggleTerm, etc for other options if you need something more feature rich local Util = require("lazyvim.util") vim.keymap.set("n", "dd", function() Util.float_term({ "lazydocker" }, { cwd = Util.get_root() }) end, { desc = "Lazydocker" })

[@mohamedyamani8502]

Love it!

[@tony-go-code]

great content. I'm using NeoVim for my development too. I like your explanation and learn a lot from you. thank you. by the ways, I would love to see how you setup our LazyVim as Rust developer. much appreciate if you can make video about this setup also.

[@jenya_hmarko]

Great tutorial, thank you!

[@ElijahManor]

Thank you so much. Hope you found value from the content. Have a great rest of your day!

[@captaincrunch9654]

+1 for snippets Thanks for the videos on LazyVim, they really help a lot! It has super good documentation but it’s nice to see visual examples of how things work. I thought for a little while I had to go into the main default plug-in config files to edit things, but it’s nice to see I don’t have to do that What LazyVim videos are you thinking of creating in the future right now? PS Hey sorry for the long comment but I am curious: do you usually avoid using neotree and instead exit nvim and use cmd line to change directories?

[@ElijahManor]

Appreciate comments of any size :) Glad you've enjoyed the videos. Yes, the docs are great, but some learn best from videos and it is helpful to see things in action and how to think about extending LazyVim with lazy.nvim under the covers. Yeah, you shouldn't need to update the underlying LazyVim plugin. It keeps getting better, so Folke keeping making sure there are ways to override or custom baked in functionality (or you can make an issue on the repo to suggest additional extension points). Yeah, I'm planning on adding custom linting/formatting, emmet support, additional snippets, unit testing runner, maybe debugging, etc... Also, I normally use tmux and have a session per project that I'm on and swap between sessions, but I didn't want to have that overhead when tmux wasn't my focus of the video. Also, I tend to have a Neovim instance per project folder which is why I kept swapping back and forth.

[@sentakuhm6519]

that menu on 4:05 wont show, how to show it? my settings exactly same as your settings and can you tell me what filetypes working with i mean can it show with css, text/config-files, i mean i want to see it on all files that have color codes.

[@dinhmai1268]

Hi @Elijah, how can you surround by tag ( at 4:00 )

[@dinhmai1268]

nvm, I see, mini surround has that feature, gonna switch to it

[@ElijahManor]

You beat me to it :) I'm visiting my Mom and haven't been at my computer much. As you found, LazyVim incluees mini.surround github.com/echasnovski/mini.surround You can change the default mappings in LazyVim if you want (example here) www.lazyvim.org/configuration/recipes#change-surround-mappings In the video I did `gzaiwt` which mentally translates to "go surround add inner word tag". I hope that helps. I think remapping to "gs" (like the example doc shows) prob makes more sense (mental model "go surround")

[@erosdevs]

Thank you alot 🔥🔥🔥🔥

[@saman6199]

Hi, thanks again for your detailed walkthrough. I’ve been using the lazyvim since your last video and really enjoying it, however having a hard time to configure for eslint and prettier support as well as jsx and tax completion for html tags. Would really appreciate if you could show us how to configure these for react development. Thanks in advance.

[@ElijahManor]

Yes, those are all topics that I plan to address! I do a lot of React development, so I'm with ya! Stay tuned :)

[@saman6199]

@@ElijahManor thanks so much for considering it, means a lot. You are amazing mate🙂

[@9UKCW]

Same here, would love a tutorial on this!

[@Vashinator7]

As far as other videos, if you do any tweaks for Emmet that could be useful. I know I want to add a snippet for ! To get the HTML boiler plate text like I could in VS code.

[@ElijahManor]

Yes, I have an Emmet video planned for the LazyVim series as well as many others like custom formatting and linting, git workflows, copilot, debugging, and more...

[@juk-kun]

Awesome video, really loving Lazy Vim. Can I know which Nerd font you are using? I'm using Fira Code but having some problem with icons.

[@ElijahManor]

I've been noticing several having issues with Nerd Fonts so I'm working on a more comprehensive video about it. It might just be htat you have an old version of a nerd font or you don't have a patched version of your font. I thought it was a simple fix, but turns out there are lots of way to solve the problem depending on the terminal emulator you are using. The way that works everywhere is to install the latest version of a NerdFont from www.nerdfonts.com/font-downloads After you find one you like then `brew tap homebrew/cask-fonts` and `brew install --cask font-jetbrains-mono-nerd-font` (what I use) or something like `brew install --cask font-fira-code-nerd-font` and then change your terminal emulator to use that (iTerm, Kitty, Alacritty, Wezterm). There are other ways as well that are arguably better, but I can cover that in the video, but the above should get you going. If you don't use macOS then just download the font from the nerdfonts website and register with your operating system.

[@maguilecutty]

It would be great to know wtf those snippets u paste come from… but this is super cool thanks!

[@cryptochemical6519]

having trouble adding plugins - specifically, which files need to be edited. Would love to see a tutorial on how to go about doing so from a clean install.

[@ElijahManor]

I add a few plugins in the intro LazyVim video which starts from a fresh install kzbin.info/www/bejne/hGqWlIeYqbF2f68 Have you watched that video? You can create a lua file in the ~/.config/nvim/lua/plugins folder (and call it whatever you want), then return a lua table with one or more plugin definitions. It could look something like this... return { { "simrat39/symbols-outline.nvim", cmd = "SymbolsOutline", keys = { { "cs", "SymbolsOutline", desc = "Symbols Outline" } }, config = true, }, { "TimUntersberger/neogit", dependencies = { "nvim-lua/plenary.nvim" }, cmd = "Neogit", keys = { { "gn", "Neogit", desc = "Neogit" } }, }, }

[@cryptochemical6519]

@@ElijahManor thanks for the reply. I watched the other video and managed to install gruvbox but now tokyonights has disappeared. Guess I need to follow the same instructions to reinstall it? Where I am really confused wrt to adding new plugins is the second table in the lua files - How do you determine which plugins need dependencies and which ones just need to be referenced? Your example has neogit depending but outline not. I hope my question makes sense and thanks again for taking the time to assist. I really appreciate it.

[@ElijahManor]

@@cryptochemical6519 If you want to install a new theme, I'd create a new file called ~/.config/nvim/lua/plugin/theme.lua and return a table that looks something like this... { { "ellisonleao/gruvbox.nvim" }, } However, that doesn't actually change your theme. So, you could update the previous file to also tell LazyVim that you want to update what it setup by default. It will merge your definition with it's own and use the merged result. { { "ellisonleao/gruvbox.nvim" }, { "LazyVim/LazyVim", opts = { colorscheme = "gruvbox", }, }, } Doing the above, saving, and restarting will install gruvbox and immediate apply it as the current theme. Then if you type cM it will still list tokyonight in the options. What you may have done is install gruvbox (like the first example), but then update ~/.config/nvim/config/lazy.lua and update the following line install = { colorscheme = { "tokyonight", "habamax" } }, to be something like this instead. install = { colorscheme = { "gruvbox" } }, If you did that, then tokyonight would not be listed in the uC telescope picker, which sounds like that is what you may have done. I'd recommend sticking with the way I showed above and not tweaking that line in the lazy.lua file. As for your question about when to know to use dependencies or not. I usually defer to the repo readme.md for the plugin I want to use. Most repos will have instructions for various plugin mangers (packer, lazy.nvim, etc). Some plugins haven't added a lazy.nvim section yet, but you can convert the packer.nvim syntax to lazy.nvim by using the migration guide github.com/folke/lazy.nvim#-migration-guide I would encourage you to take a look at the lazy.nvim documentation because LazyVim uses lazy.nvim under the covers as well as most other Neovim distros these days, so it would probably be well worth your time to get familiar with how it works. It has a good example section and the starter kit for LazyVim has a good example.lua file in the ~/.config/nvim/lua/plugins folder. The way you extend existing plugins in LazyVim is to redefine them in one of your files and use the opts to add to or override options that you'd like to use for your setup. LazyVim will use the combined version of it's definitions and yours to load the plugins at just the right time. The keys and cmd stuff you saw me use in my previous chat are to tell LazyVim to delay loading the plugins until I either use one of those commands or use one of the keybinds. Anyway, I hope that helps some.

[@cryptochemical6519]

@@ElijahManor thanks for the detailed response. It really helped to resolve the issue. Time to look for some plugins!

[@raphaelribeiro5536]

Great tutorial ..How did you use the mini.surround thing for the span tags ??

[@DreamsAPI]

Subscribed and hit the 1000 like on this video

[@tkroll]

Interesting content and very well explained. I'd love a video on how to setup nvim-dap for Rust debugging in LazyVim. I can't get it to work.

[@ElijahManor]

I do have debugging on my list of things to cover in the LazyVim playlist/series. Although I will most likely cover debugging JavaScript/TypeScript. I'm hope supporting another language is not too much more effort. I might look into picking a couple other languages like Rust and Golang, but it depends on time

[@tkroll]

@@ElijahManor I have JS/TS & Go working. Rust eludes me. :) Would still love to see how you do it.

[@suhaylmuminov3825]

Great video. It would be awesome if you showed how to install a tailwind classes sorter

[@ElijahManor]

Good idea. With that could be addressing the slowness of the auto-complete as well and a way to help speed it up

[@mbrochh82]

Something that I would like to see: How can we have a top-bar that shows the current SymbolsTree element where the cursor is at, ie in a Python file, when the cursor is in some class function, I want to see "Classname > functioname" at the top

[@ElijahManor]

Neovim recently added support for winbar (floating info at the top of a buffer). The nvim-navic plugin uses the winbar and adds LSP symbol into that area github.com/SmiteshP/nvim-navic I've not tried it yet, but it seems to be what you are looking for. If you wanted a panel that shows symbols, then something like this could be helpful github.com/simrat39/symbols-outline.nvim

[@ElijahManor]

Well, nvim-navic is already installed with LazyVim ;) So all you need to do is define the winbar Put the following line in your ~/.config/nvim/lua/config/options.lua file... vim.o.winbar = "%{%v:lua.require'nvim-navic'.get_location()%}"

[@parampalsingh3339]

Can you show how to configure the terminals in lazy vim? Any plugins you might be aware of ?

[@ElijahManor]

This topic is on my list of things to cover in the LazyVim playlist/series. There is a built-in mechanism for floating terminals that you can leverage, but you can add your own plugins for more features (like github.com/akinsho/toggleterm.nvim for example) You could throw something like the following in your lua/configs/keymaps.lua file? dd would launch lazydocker (assuming you have that installed) local Util = require("lazyvim.util") vim.keymap.set("n", "dd", function() Util.float_term({ "lazydocker" }, { cwd = Util.get_root() }) end, { desc = "Lazydocker" })

[@kaviisuri9997]

Loved the video, could you do one for rust or go?

[@ElijahManor]

Thanks, glad you liked the video. I didn't have plans for that, but I'll put it on the list. Some of what I plan to show should somewhat be related and can be extended to those languages.

[@telagraphic]

What terminal app are you using? And another great video, super helpful! Thanks

[@ElijahManor]

In this video I'm using Kitty (which I highly recommend). Although another terminal that has my attention is WezTerm. I will be covering these terminals briefly (as well as iTerm and Alacritty) in an upcoming video about Nerd Fonts and how to setup them up. I'm getting a little sick atm, so it might be several more days.

[@telagraphic]

@@ElijahManor Ahh very cool, thanks! And take it easy!

[@jizhang2407]

Thanks for sharing. May I ask how do you get the float terminal window of "cmdline"?

[@ElijahManor]

In LazyVim you can get a floating terminal with ft (from the root dir) or fT (from the current working directory) There are lots of other keymaps available here www.lazyvim.org/keymaps

[@kashnigahbaruda]

Incredible. I would love to know how to switch eslint to eslint_d and prettier to prettierd (as these are faster)! 🙏

[@ElijahManor]

I definitely have that topic in the list of things to cover.

[@Ayghri]

I got some funky behavior when attempting this. I'm not too familiar with lua, but I think you forgot to return the modified "opts" that has the combined formatter. That's how I got it to work.

[@ElijahManor]

If you are using LazyVim, I'd probably switch to the extra plugin that it now provides which does pretty much all of what I showed in the video. So, in your `lua/config/lazy.lua` file, include the following import (and that should be all)... require("lazy").setup({ spec = { { "LazyVim/LazyVim", import = "lazyvim.plugins" }, { import = "lazyvim.plugins.extras.lang.tailwind" }, { import = "plugins" }, }, })

[@theONEjustin]

I noticed the "roobert/tailwindcss-colorizer-cmp.nvim" plugin doesn't work with custom set colors that are defined in tailwind.config.js. is that expected or is there a setting I can update?

[@WhatNameHere]

I installed lazyvim recently and couldn’t figure out how to get snippets suggestion for html tags in jsx/tsx

[@MohamedSaleh01]

I got this error: attempt to index field 'formatting' (a nil value) anyone knows how to fix it?

[@sami616]

Amazing! I’m desperately trying to configure the tailwind language server to allow intellisense on things other than class / className. Is this possible here?

[@gireeshbhat4158]

how to setup for venilla css

[@AhmadMughal1]

One thing that i have noticed is that the Tailwind language server is significantly slower then the others is there some fix to this that i am not aware of ? i am also using LazyVIm.

[@ElijahManor]

LazyVim now has it's own plugin that manages all of this for you... www.lazyvim.org/extras/lang/tailwind You might have better experience with it than wiring it up yourself

[@CallMeMSL]

which font are you using for your terminal?

[@kakun7238]

ctrl n is going downwards but whats for the upward in the suggestion list?

[@wata1991]

ctrl + p

[@ElijahManor]

ctrl + p should work (as @wata1991 mentioned)

[@theriser8751]

Hey Elijah! In the nvim-colorizer plugin there is an open issue about the bad support in the Tailwind colorization, the colors were hardcoded, and at the moment the plugin does not support 950 colors (text-purple-950 for example), do you know any fix?

[@melodyclue]

I am experiencing slow suggestions in Tailwind CSS, and moving the cursor within the className is also very slow or gets stuck. Has anyone else had the same experience?

[@SurajKharkwal-ke2ny]

How can I change the background of lazyvim

[@zeddscarlxrd4331]

Kinda lag to my laptopz, When try input tailwind class Its normal?

[@ElijahManor]

Many seem to have slowness with the tailwind lsp. I wonder if tweaking your `nvim_lsp` cmp source or performance settings would help any? www.reddit.com/r/neovim/comments/124pi2t/comment/je7zxv8/?context=3

[@b1tstream]

Thank you so much for the great video! I hope it's ok to ask a question :) Once I added the `tailwind.lua` file in my "plugins" folder (it has the exact same content as the Github repo) my Typescript LSP stopped working. If I remove the file, it starts working again. Anyone had this problem?

[@NateInTech]

Have any of you had problems with the HTML LSP and Treesitter? Anytime I try to work with .html I have a Treesitter error that constantly pops up in red. Everything seems to work in terms of highlighting and autocomplete but I get this blaring error message every time I type a autocomplete…

[@ElijahManor]

Hmm, I'm not currently using the HTML LSP... so I don't have an immediate answer to that. You might consider posting to the discussions section of the LazyVim repo. There are active discussions going on there where others can assist as well github.com/LazyVim/LazyVim/discussions Thanks for watching and coming by! I should have another video early to mid next week. Have a good weekend

[@NateInTech]

@@ElijahManor thanks getting back to me here and in my other question you responded to last week. Side note… it works fine on my Linux subsystem but on windows it does not

[@ElijahManor]

Ohh Windows. I've tested stuff on macOS, Ubuntu, and alpine... but not Windows. I don't have a great way to do that atm. If you are still having issues, I'd recommend the discussions tab on the LazyVim repo. And happy to respond, thanks for being a repeat viewer :)

[@a7kerkh]

Urgently! I changed the theme to gruvbox and now my words are underlined the same as the one on which the cursor is, how to disable this

[@ElijahManor]

Which version of gruvbox are you using (what repo)? And what terminal emulator are you using (kitty, alacritty, weztern, etc). Also do you have a screenshot of what you are seeing?

[@a7kerkh]

@@ElijahManor where I can message you? Send pictures and other

[@ElijahManor]

@@a7kerkh I’m currently traveling, but maybe make a private GitHub gist and add your config, save, then drag an image to the gist comments, then share that link here

[@a7kerkh]

@@ElijahManor ok, today will do it

[@ElijahManor]

How are things going?

[@SayfSentinel]

Great one, thankss :) could you please add a debugging plugin in your todo list please, i cannot seem to find a concrete solution for it and reddit is not helping

[@ElijahManor]

Thanks, glad you enjoyed the video. And yes, debugging is on the list, but it's further down the list. There are numerous other things ahead of it... but yes, I would like to address debugging!

[@a7kerkh]

How to fix lagging when autocomplete menu opening ?plz

[@ElijahManor]

Are you referring to nvim-cmp lagging generally or tailwind cmp in particular?

[@a7kerkh]

@@ElijahManor tailwind cmp particular

[@ElijahManor]

For some reason I can't find your other comment, but I found this one. You mentioned you had conflicting plugins since you switched to the other fork. That is tricky because they have the same name, but lazy.nvim does have the idea of `dev=true` where you can clone a repo locally to use that instead of the real one. Considering, that should work. It defaults to look in your ~/projects folder. So... mkdir -p ~/projects git clone [e-mail]:yioneko/nvim-cmp.git ~/projects/nvim-cmp Then update your config to something like this... { "hrsh7th/nvim-cmp", dev = true, -- the rest of your plugin settings }

[@jashimara]

Great job with your videos! I started using Tailwind CSS recently but I noticed that completion in nvim-cmp is laggy. Do you have any tips on how to improve this? I've tried swapping original nvim-cmp to yioneko/nvim-cmp fork in LazyVim config but I am getting an error that two versions with different urls are detected.

[@ElijahManor]

If you want to use your own local fork try the dev option in lazy.nvim github.com/folke/lazy.nvim#-plugin-spec You set dev = true to a plugin and when you setup lazy provide what dir to look for your custom versions. Yes, I've heard from several about the sluggishness of tailwind completion. I haven't tried, but you also might be able to limit the number of items coming back to speed things up (and other tweaks shown in this reddit thread) www.reddit.com/r/neovim/comments/124pi2t/comment/je7zxv8/?context=3

[@jashimara]

@@ElijahManor thanks. Imma try it for sure!

[@a7kerkh]

Is there something like inline fold vscode for neovim?

[@ElijahManor]

Vim and Neovim have the idea of folding, but it is a bit different than VS Code. Here are some resources alpha2phi.medium.com/neovim-for-beginners-code-folding-7574925412ea essais.co/better-folding-in-neovim/ kzbin.info/www/bejne/pae1onqvl66aZ7M

[@a7kerkh]

Do you using mac? Can you watch how tailwind css cmp is working on linux or windows. Its very laggy on this two systems. I think will it laggy on macbook air m1?

[@ElijahManor]

Hmm, I've not tried the tailwind setup on linux. I have an older macbook pro (not m1 or m2). I don't work in tailwind on a daily basis, so I don't have tons of battle tested experience regarding slowness. You might try restarting the tailwind LSP to see if that helps. But yeah, seems like this is a common issue from what I can see www.reddit.com/r/neovim/comments/zkj1d8/how_do_you_handle_laggyfreezing_autocompletion/

[@joaomarcos7545]

This was great, but when I type "white" on for example, the text is also colorized. How to disable it? Edit: I figure it out, just "names = false". Damn, I'm getting good at this shit

[@herrbanane]

Couldn’t really make it work with leptos

[@brunobragaw8t]

Am I the only one who gets extreme typing lag when tailwind autocomplete suggestions are loading? Like, everytime I wanna type a class name.

[@ElijahManor]

No, you are not alone. For a while there was a forked plugin that helped with performance, but the main nvim-cmp plugin has a recent commit that should help github.com/hrsh7th/nvim-cmp/pull/1574/commits So, if you update your plugins it should hopefully help. If not, there is a PR that is ABOUT to land in the nvim-cmp repo that should dramatically help out github.com/hrsh7th/nvim-cmp/pull/1583 It introduces async mode for the plugin.

[@brunobragaw8t]

@@ElijahManor thank you for the info!

[@ElijahManor]

@@brunobragaw8t sure thing, happy to help!

[@livb4139]

debugger video next pls

[@ElijahManor]

It’s on the list, but not next in line 😀

[@phuc-party]

did anyone here set up graphql Lsp successfully?

[@kagi-www]

thank you help me out

[@ElijahManor]

Happy to help. Thanks for watching and leaving a comment!

[@rossvold]

i just wish neovim had something to conceal stupidly long classes....

[@vinodbabu2965]

React snippets

[@ElijahManor]

Ah yes, great suggestion! I plan to cover that. There are many snippets already wired up in LazyVim, but I'd like to cover adding your own snippets and/or adding another set of snippets outside of what is already setup. Thanks for watching and for your suggestion!

[@3ckortreat]

i get this error Failed to run `config` for nvim-cmp /home/denis/.config/nvim/lua/plugins/tailwind.lua:25: attempt to index field 'formatting' (a nil va lue) # stacktrace: - ~/.config/nvim/lua/plugins/tailwind.lua:25 _in_ **values** - ~/.config/nvim/init.lua:15