prettier-plugin-litsx

Official Prettier support for LitSX-authored source.

Status

This plugin intentionally covers the official authored formats only:

• *.litsx
• *.litsx.jsx

It does not claim plain *.tsx or *.jsx formatting.

The plugin preserves LitSX-authored syntax directly:

• @event
• .prop
• ?attr
• static styles = ...
• static properties = ...

Static static styles = \...`;templates are formatted as real CSS when they do not contain${...}` interpolations.

Install

npm install -D prettier prettier-plugin-litsx

Usage

Recommended configuration:

{
  "overrides": [
    {
      "files": "*.litsx",
      "options": {
        "parser": "litsx"
      }
    },
    {
      "files": "*.litsx.jsx",
      "options": {
        "parser": "litsx-jsx"
      }
    }
  ]
}

Notes

• static styles = \...`;` is formatted with Prettier's CSS parser only when the template is fully static.
• Templates with ${...} expressions are preserved without CSS reflow.
• *.tsx and *.jsx compatibility formatting is intentionally out of scope for this package.