Visual Studio Code config to get TailwindCSS autocomplete in Gomponents classes

component.go

import (
	. "github.com/maragudk/gomponents/html"
)

func HeaderView() g.Node {
	component := Div(Class("/* inside here you get tailwind autocomplete */"))

	return component
}

settings.json

{
  "tailwindCSS.includeLanguages": {
    "go": "html",
  },
  "tailwindCSS.experimental.classRegex": [
    "Class\\(\"([\\w\\s\\-\\/]*)\"\\)"
  ], 
}

Thanks for posting this!!

I've updated it a bit to allow for:

1. Semicolons in classes like e.g. hover:bg-white.
2. Square brackets in custom classes e.g. w-[100px].
3. The Gomponents Classes utility which takes a classes string and boolean e.g. c.Classes{"bg-red-200": isError},

"tailwindCSS.experimental.classRegex": [
    "Class\\(\"([\\w\\s\\-\\:\\[\\]/]*)\"\\)",
    "Classes\\{\"([\\w\\s\\-\\:\\[\\]/]*)\":(.)*\\}"
],