lambda-fairy/maud

not an issue, just a tip for working with tailwind + maud

vidhanio opened this issue · 4 comments

vidhanio commented

i apologize for creating an issue if it is inappropriate, but i couldn't find a better place to put this tip. if you are working with tailwind + maud and are using the tailwind vscode extension, you can set the following configuration options in your settings.json to get the tailwind autocompletion and hover docs in your maud code:

{
  "tailwindCSS.includeLanguages": {
    "rust": "html"
  },
  "tailwindCSS.experimental.classRegex": [
    ["\\w+((?:\\.\\s*\\S+\\s*)*)", "\\.\"?([^.\"]+)\"?"]
  ]
}
preview screenshot

thank you for the wonderful library! :)

SenojLuap commented

I didn't get this to work. Are there any other settings you changed?

vidhanio commented

I didn't get this to work. Are there any other settings you changed?

ah yes, i forgot to mention this, i just realized.

{
  "tailwindCSS.includeLanguages": {
    "rust": "html"
  }
}
hadamove commented

This was extremely helpful. Perhaps it would make sense to include this in official docs?

  • 👍1
Wragdan commented

For neovim users if using lspconfig:

require('lspconfig').tailwindcss.setup({ filetypes = { ..., 'rust' }, init_options = { userLanguages = { ..., rust = "html" } }, })
  • 👍5