Enumerate Components

Dieses Remark-Plugin fügt spezifizierten Komponenten das Attribut pagePosition hinzu. pagePosition ist eine simple, inkrementelle Nummerierung der entsprechenden Komponenten und ermöglicht es client-seitig die Reihenfolge der Komponenten zu bestimmen.

Im foglenden Beispiel ist der Effekt zu sehen, wenn die beiden Komponenten <Answers /> und <TaskState /> nummeriert werden.

Vorher

# Remark Enumerate Components

<Answers />

## Foo Bar
<ComponentFoo />

Lorem ipsum dolor sit amet,
<TaskState />

consectetur adipiscing elit.
<Answers />

Nachher

# Remark Enumerate Components

<Answers pagePosition={1} />

## Foo Bar
<ComponentFoo />

Lorem ipsum dolor sit amet,
<TaskState pagePosition={2} />

consectetur adipiscing elit.
<Answers pagePosition={3} />

Installation

Code

• src/plugins/remark-enumerate-components

docusaurus.config.ts

import enumerateAnswersPlugin from './src/plugins/remark-enumerate-components/plugin';

const REMARK_PLUGINS = [
    /* ... */
    [
      [
        enumerateAnswersPlugin,
        {
          componentsToEnumerate: ['Answer', 'TaskState', /*...*/],
        }
      ]
    ]
];