Context block for integrated reader components.
All children components with the `ft-reader` prefix will share the same context and interact with each other.
For example navigating using the component `ft-reader-toc` will change what topics the component `ft-reader-content`
displays
and topics visible in `ft-reader-content` will be highlighted in `ft-reader-toc`.
This component requires the [Fluid Topics public API](https://www.npmjs.com/package/@fluid-topics/public-api) to be
imported independently.
## Install
### Javascript
```shell
npm install @fluid-topics/ft-reader-context
yarn add @fluid-topics/ft-reader-context
```
### HTML
To be placed at the end of HTML body:
```
```
## Usage
### Lit
```typescript
import { html } from "lit"
import "@fluid-topics/public-api/dist/fluidtopics.min.js"
import "@fluid-topics/ft-app-context"
import "@fluid-topics/ft-reader-context"
import "@fluid-topics/ft-reader-toc"
import "@fluid-topics/ft-reader-content"
import "@fluid-topics/ft-reader-topic-context"
import "@fluid-topics/ft-reader-topic-title"
import "@fluid-topics/ft-reader-topic-content"
function render() {
return html`
`
}
```
### HTML
```html
My custom reader
```