45 lines
1.7 KiB
Go
45 lines
1.7 KiB
Go
|
package misc
|
||
|
|
|
||
|
|
import (
|
||
|
|
"github.com/maddalax/htmgo/framework/h"
|
||
|
|
"htmgo-site/internal/urlhelper"
|
||
|
|
. "htmgo-site/pages/docs"
|
||
|
|
"htmgo-site/ui"
|
||
|
|
)
|
||
|
|
|
||
|
|
func TailwindIntellisense(ctx *h.RequestContext) *h.Page {
|
||
|
|
return DocPage(
|
||
|
|
ctx,
|
||
|
|
h.Div(
|
||
|
|
h.Class("flex flex-col gap-3"),
|
||
|
|
Title("Tailwind Intellisense"),
|
||
|
|
Text(`
|
||
|
|
Tailwind's language server allows you to specify custom configuration on what it should match to start giving you tailwind intellisense.
|
||
|
|
`),
|
||
|
|
Text(`To make this work, you will need to update the tailwind lsp config with the config below:`),
|
||
|
|
Image("/public/tailwind-intellisense.png"),
|
||
|
|
Text(`To make this work, you will need to update your Tailwind LSP configuration with what is below:`),
|
||
|
|
SubTitle("Jetbrains IDE's"),
|
||
|
|
ui.CodeSnippetFromUrl(urlhelper.ToAbsoluteUrl(ctx, "/public/jetbrains-tailwind.json"), ui.CodeSnippetProps{
|
||
|
|
Lang: "json",
|
||
|
|
HideLineNumbers: true,
|
||
|
|
}),
|
||
|
|
Text(`
|
||
|
|
To find this configuration in GoLand you can go to Settings -> Languages & Frameworks -> Style Sheets -> Tailwind CSS and update the configuration there.
|
||
|
|
These changes are additive, add these options to your existing Tailwind LSP configuration, instead of replacing the entire file.
|
||
|
|
`),
|
||
|
|
SubTitle("Visual Studio Code"),
|
||
|
|
Text(`For VSCode, you should be able to update your settings.json with the following values:`),
|
||
|
|
ui.CodeSnippetFromUrl(urlhelper.ToAbsoluteUrl(ctx, "/public/vscode-tailwind.json"), ui.CodeSnippetProps{
|
||
|
|
Lang: "json",
|
||
|
|
HideLineNumbers: true,
|
||
|
|
}),
|
||
|
|
NextStep(
|
||
|
|
"mt-4",
|
||
|
|
PrevBlock("Mutation Error Extension", DocPath("/htmx-extensions/mutation-error")),
|
||
|
|
NextBlock("Formatting blocks", DocPath("/misc/formatter")),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
)
|
||
|
|
}
|