0.0.1 • Published 8 months ago

@rubas/prettier-plugin-liquid v0.0.1

Weekly downloads
-
License
MIT
Repository
github
Last release
8 months ago

Changes

Enable it for .twig files.


šŸ—£ Slack | šŸ’¬ Discussions | šŸ“ Changelog

Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.

This is the developer preview of the Liquid/HTML prettier plugin.

demo

Can this be used in production?

Not yet. We have a list of issues we're going through before it is considered stable.

Installation

# with npm
npm install --save-dev prettier @shopify/prettier-plugin-liquid

# with yarn
yarn add --dev prettier @shopify/prettier-plugin-liquid

Usage

See our Wiki pages on the subject:

Playground

You can try it out in your browser in the playground.

Configuration

Prettier for Liquid supports the following options.

NameDefaultDescription
printWidth120Changed from Prettier's default (80) (see prettier docs)
tabWidth2Same as in Prettier (see prettier docs)
useTabsfalseSame as in Prettier (see prettier docs)
singleQuotefalseSame as in Prettier (see prettier docs)
liquidSingleQuotetrueUse single quotes instead of double quotes in Liquid tag and objects (since v0.2.0).
embeddedSingleQuotetrueUse single quotes instead of double quotes in embedded languages (JavaScript, CSS, TypeScript inside <script>, <style> or Liquid equivalent) (since v0.4.0).
htmlWhitespaceSensitivitycssSame as in Prettier (see prettier docs)
singleLineLinkTagsfalseIf set to true, will print <link> tags on a single line to remove clutter
indentSchemafalseIf set to true, will indent the contents of the {% schema %} tag

Known issues

Take a look at our known issues and open issues.

Contributing

Read our contributing guide

License

MIT.

0.0.1

8 months ago