open-index/open-npm huggingface dataset:
npm package: @islands/excerpt
Description: <p align="center">   <a href="https://iles-docs.netlify.app">     <img src="https://github.com/ElMassimo/iles/blob/main/docs/images/banner.png"/>   </a> </p>
Author: Máximo Mussini
Latest version: 0.10.0

<p align="center">
  <a href="https://iles-docs.netlify.app">
    <img src="https://github.com/ElMassimo/iles/blob/main/docs/images/banner.png"/>
  </a>
</p>

<p align="center">
<table>
<tbody>
<td align="center">
<br/>
<p align="center">
  <h3><samp>@islands/excerpt</samp></h3>
  <img width="2000" height="0">
</p>
</td>
</tbody>
</table>
</p>

[îles]: https://github.com/ElMassimo/iles
[docs]: https://iles-docs.netlify.app
[markdown]: https://iles-docs.netlify.app/guide/markdown

[pageData]: https://iles-docs.netlify.app/guide/development#using-page-data
[SEO tags]: https://iles-docs.netlify.app/guide/meta-tags
[RSS feeds]: https://iles-docs.netlify.app/guide/rss

An [îles] module to extract an excerpt from [MDX documents][markdown]:

- 📖 sets `meta.excerpt`, useful for [SEO tags] and [RSS feeds]

- 🏷 can render HTML by using the `excerpt` prop in an MDX component

- ⚙️ `maxLength`, `separator`, and `extract` options to customize excerpt


### Installation 💿

```ts
// iles.config.ts
import { defineConfig } from 'iles'

export default defineConfig({
  modules: [
    ['@islands/excerpt', { maxLength: 140 }],
  ],
})
```

### Usage 🚀

Use [`meta`][pageData] to access a text excerpt for the current page:

```js
const { meta } = usePage()
const text = meta.excerpt
```

When importing MDX components, you can also render an HTML version of the
excerpt by passing an `excerpt: true` prop.

```vue
<script setup>
import Introduction from '~/pages/intro.mdx'

const pages = useDocuments('~/pages/posts')
</script>

<template>
  <Introduction excerpt/>
  <template v-for="page in pages">
    <component :is="page" excerpt/>
  </template>
</template>
```
npm package: @islands/feed
Description: <p align="center">   <a href="https://iles-docs.netlify.app">     <img src="https://github.com/ElMassimo/iles/blob/main/docs/images/banner.png"/>   </a> </p>
Author: Máximo Mussini
Latest version: 0.10.0

<p align="center">
  <a href="https://iles-docs.netlify.app">
    <img src="https://github.com/ElMassimo/iles/blob/main/docs/images/banner.png"/>
  </a>
</p>

<p align="center">
<table>
<tbody>
<td align="center">
<br/>
<p align="center">
  <h3><samp>@islands/feed</samp></h3>
  <img width="2000" height="0">
</p>
</td>
</tbody>
</table>
</p>

[îles]: https://github.com/ElMassimo/iles
[routing]: https://iles-docs.netlify.app/guide/routing
[feed]: https://github.com/jpmonette/feed
[rss]: https://iles-docs.netlify.app/guide/rss

An [îles] module to generate feeds for your site:

- 📻 supports RSS, Atom, and JSON feeds

- ⚡️ HMR during development to debug the result

- 💪🏼 strongly typed, powered by [`feed`][feed]

### Installation 💿

```ts
// iles.config.ts
import { defineConfig } from 'iles'

export default defineConfig({
  modules: [
    '@islands/feed',
  ],
})
```

See the [_RSS Feeds_ section of the docs][rss] for usage instructions.
npm package: @islands/headings
Description: <p align="center">   <a href="https://iles-docs.netlify.app">     <img src="https://github.com/ElMassimo/iles/blob/main/docs/images/banner.png"/>   </a> </p>
Author: Máximo Mussini
Latest version: 0.10.0

<p align="center">
  <a href="https://iles-docs.netlify.app">
    <img src="https://github.com/ElMassimo/iles/blob/main/docs/images/banner.png"/>
  </a>
</p>

<p align="center">
<table>
<tbody>
<td align="center">
<br/>
<p align="center">
  <h3><samp>@islands/headings</samp></h3>
  <img width="2000" height="0">
</p>
</td>
</tbody>
</table>
</p>

[îles]: https://github.com/ElMassimo/iles
[docs]: https://iles-docs.netlify.app
[rehype]: https://github.com/rehypejs/rehype
[markdown]: https://iles-docs.netlify.app/guide/markdown

An [îles] module that injects a [rehype] plugin to parse headings in
[MDX documents][markdown]:

- 🔗 adds an id to headings and injects an anchor tag to link them

- 🏷 automatically extracts the title from an `<h1>` and sets `frontmatter.title`

- 📖 sets `meta.headings` to enable rendering sidebars and table of contents

### Usage 🚀

```ts
// iles.config.ts
import { defineConfig } from 'iles'

export default defineConfig({
  modules: [
    '@islands/headings',
  ],
})
```