# remark-lint-list-item-content-indent [![Build][badge-build-image]][badge-build-url] [![Coverage][badge-coverage-image]][badge-coverage-url] [![Downloads][badge-downloads-image]][badge-downloads-url] [![Size][badge-size-image]][badge-size-url] [![Sponsors][badge-funding-sponsors-image]][badge-funding-url] [![Backers][badge-funding-backers-image]][badge-funding-url] [![Chat][badge-chat-image]][badge-chat-url] [`remark-lint`][github-remark-lint] rule to warn when the indent of list item content is not consistent. ## Contents * [What is this?](#what-is-this) * [When should I use this?](#when-should-i-use-this) * [Presets](#presets) * [Install](#install) * [Use](#use) * [API](#api) * [`unified().use(remarkLintListItemContentIndent)`](#unifieduseremarklintlistitemcontentindent) * [Recommendation](#recommendation) * [Fix](#fix) * [Examples](#examples) * [Compatibility](#compatibility) * [Contribute](#contribute) * [License](#license) ## What is this? This package checks the indent of list item content. It checks the first thing in a list item and makes sure that all other children have the same indent. ## When should I use this? You can use this package to check that list item content is indented consistent. ## Presets This plugin is included in the following presets: | Preset | Options | | - | - | | [`remark-preset-lint-consistent`](https://github.com/remarkjs/remark-lint/tree/main/packages/remark-preset-lint-consistent) | | | [`remark-preset-lint-markdown-style-guide`](https://github.com/remarkjs/remark-lint/tree/main/packages/remark-preset-lint-markdown-style-guide) | | ## Install This package is [ESM only][github-gist-esm]. In Node.js (version 16+), install with [npm][npm-install]: ```sh npm install remark-lint-list-item-content-indent ``` In Deno with [`esm.sh`][esm-sh]: ```js import remarkLintListItemContentIndent from 'https://esm.sh/remark-lint-list-item-content-indent@4' ``` In browsers with [`esm.sh`][esm-sh]: ```html ``` ## Use On the API: ```js import remarkLint from 'remark-lint' import remarkLintListItemContentIndent from 'remark-lint-list-item-content-indent' import remarkParse from 'remark-parse' import remarkStringify from 'remark-stringify' import {read} from 'to-vfile' import {unified} from 'unified' import {reporter} from 'vfile-reporter' const file = await read('example.md') await unified() .use(remarkParse) .use(remarkLint) .use(remarkLintListItemContentIndent) .use(remarkStringify) .process(file) console.error(reporter(file)) ``` On the CLI: ```sh remark --frail --use remark-lint --use remark-lint-list-item-content-indent . ``` On the CLI in a config file (here a `package.json`): ```diff … "remarkConfig": { "plugins": [ … "remark-lint", + "remark-lint-list-item-content-indent", … ] } … ``` ## API This package exports no identifiers. It exports no additional [TypeScript][typescript] types. The default export is [`remarkLintListItemContentIndent`][api-remark-lint-list-item-content-indent]. ### `unified().use(remarkLintListItemContentIndent)` Warn when the indent of list item content is not consistent. ###### Parameters There are no options. ###### Returns Transform ([`Transformer` from `unified`][github-unified-transformer]). ## Recommendation The position of the first child in a list item matters. Further children should align with it. ## Fix [`remark-stringify`][github-remark-stringify] aligns the content of items. ## Examples ##### `ok.md` ###### In ```markdown 1.␠Mercury. ␠␠␠*** ␠␠␠* Venus. ``` ###### Out No messages. ##### `not-ok.md` ###### In ```markdown 1.␠Mercury. ␠␠␠␠␠*** ␠␠␠␠* Venus. ``` ###### Out ```text 2:6: Unexpected unaligned list item child, expected to align with first child, remove `2` spaces 3:5: Unexpected unaligned list item child, expected to align with first child, remove `1` space ``` ##### `ok-more.md` ###### In ```markdown *␠␠␠Mercury. ␠␠␠␠*** ``` ###### Out No messages. ##### `not-ok-more.md` ###### In ```markdown *␠␠␠Mercury. ␠␠␠␠␠␠*** ``` ###### Out ```text 2:7: Unexpected unaligned list item child, expected to align with first child, remove `2` spaces ``` ##### `gfm-nok.md` ###### In > 👉 **Note**: this example uses > GFM ([`remark-gfm`][github-remark-gfm]). ```markdown 1.␠[x] Mercury ␠␠␠␠␠*** ␠␠␠␠* Venus ``` ###### Out ```text 2:6: Unexpected unaligned list item child, expected to align with first child, remove `2` spaces 3:5: Unexpected unaligned list item child, expected to align with first child, remove `1` space ``` ##### `initial-blank.md` ###### In ```markdown * ␠␠␠␠␠asd ␠␠*** ``` ###### Out ```text 4:3: Unexpected unaligned list item child, expected to align with first child, add `3` spaces ``` ## Compatibility Projects maintained by the unified collective are compatible with maintained versions of Node.js. When we cut a new major release, we drop support for unmaintained versions of Node. This means we try to keep the current release line, `remark-lint-list-item-content-indent@4`, compatible with Node.js 16. ## Contribute See [`contributing.md`][github-dotfiles-contributing] in [`remarkjs/.github`][github-dotfiles-health] for ways to get started. See [`support.md`][github-dotfiles-support] for ways to get help. This project has a [code of conduct][github-dotfiles-coc]. By interacting with this repository, organization, or community you agree to abide by its terms. ## License [MIT][file-license] © [Titus Wormer][author] [api-remark-lint-list-item-content-indent]: #unifieduseremarklintlistitemcontentindent [author]: https://wooorm.com [badge-build-image]: https://github.com/remarkjs/remark-lint/workflows/main/badge.svg [badge-build-url]: https://github.com/remarkjs/remark-lint/actions [badge-chat-image]: https://img.shields.io/badge/chat-discussions-success.svg [badge-chat-url]: https://github.com/remarkjs/remark/discussions [badge-coverage-image]: https://img.shields.io/codecov/c/github/remarkjs/remark-lint.svg [badge-coverage-url]: https://codecov.io/github/remarkjs/remark-lint [badge-downloads-image]: https://img.shields.io/npm/dm/remark-lint-list-item-content-indent.svg [badge-downloads-url]: https://www.npmjs.com/package/remark-lint-list-item-content-indent [badge-funding-backers-image]: https://opencollective.com/unified/backers/badge.svg [badge-funding-sponsors-image]: https://opencollective.com/unified/sponsors/badge.svg [badge-funding-url]: https://opencollective.com/unified [badge-size-image]: https://img.shields.io/bundlejs/size/remark-lint-list-item-content-indent [badge-size-url]: https://bundlejs.com/?q=remark-lint-list-item-content-indent [esm-sh]: https://esm.sh [file-license]: https://github.com/remarkjs/remark-lint/blob/main/license [github-dotfiles-coc]: https://github.com/remarkjs/.github/blob/main/code-of-conduct.md [github-dotfiles-contributing]: https://github.com/remarkjs/.github/blob/main/contributing.md [github-dotfiles-health]: https://github.com/remarkjs/.github [github-dotfiles-support]: https://github.com/remarkjs/.github/blob/main/support.md [github-gist-esm]: https://gist.github.com/sindresorhus/a39789f98801d908bbc7ff3ecc99d99c [github-remark-gfm]: https://github.com/remarkjs/remark-gfm [github-remark-lint]: https://github.com/remarkjs/remark-lint [github-remark-stringify]: https://github.com/remarkjs/remark/tree/main/packages/remark-stringify [github-unified-transformer]: https://github.com/unifiedjs/unified#transformer [npm-install]: https://docs.npmjs.com/cli/install [typescript]: https://www.typescriptlang.org