open-index/open-npm huggingface dataset:
npm package: @islands/icons
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/icons</samp></h3>
  <img width="2000" height="0">
</p>
</td>
</tbody>
</table>
</p>

[îles]: https://github.com/ElMassimo/iles
[components]: https://iles-docs.netlify.app/guide/development
[unplugin-icons]: https://github.com/antfu/unplugin-icons

An [îles] module to add and configure [unplugin-icons]:

- ✨ `autoInstall` enabled by default, and `icon` prefix to prevent conflicts

- 🧱 configures the `unplugin-vue-components` resolver automatically

- 🎨 files in the `/icons` dir available as the `app` collection, `<IconApp...`


### Usage 🚀

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

export default defineConfig({
  modules: [
    '@islands/icons',
  ],
})
```
npm package: @islands/mdx
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/mdx</samp></h3>
  <img width="2000" height="0">
</p>
</td>
</tbody>
</table>
</p>

[îles]: https://github.com/ElMassimo/iles
[docs]: https://iles-docs.netlify.app
[MDX]: https://github.com/mdx-js/mdx
[frontmatter]: https://iles-docs.netlify.app/guide/markdown#frontmatter-and-meta
[mdx documents]: https://iles-docs.netlify.app/guide/markdown
[resolveComponent]: https://v3.vuejs.org/api/global-api.html#resolvecomponent
[unplugin-vue-components]: https://github.com/antfu/unplugin-vue-components

An [îles] module that adds support for [MDX documents], powered by [MDX].

It also injects a [recma][MDX] plugin to resolve Vue components in [MDX documents]:

- 🌎 you can use globally registered components
- 🧱 [`unplugin-vue-components`][unplugin-vue-components] can statically resolve and import components, so you don't need to manually provide components
- 📝 exposes data from plugins to [`meta`][mdx documents]
npm package: @islands/pages
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/pages</samp></h3>
  <img width="2000" height="0">
</p>
</td>
</tbody>
</table>
</p>

[îles]: https://github.com/ElMassimo/iles
[docs]: https://iles-docs.netlify.app
[pages]: https://iles-docs.netlify.app/guide/development#pages
[frontmatter]: /guide/markdown#frontmatter-and-meta
[routing]: https://iles-docs.netlify.app/guide/routing
[vite-plugin-pages]: https://github.com/hannoeru/vite-plugin-pages

An [îles] module that provides support for [pages], inspired by [vite-plugin-pages].

- 🛣 file-based [routing]
- 🎣 hooks to extend [frontmatter] and route data
- 📄 adds support for a [`<page>` block][pages] in Vue single-file components

```ts
  extendFrontmatter (frontmatter, filename) {
    if (filename.includes('/posts/'))
      frontmatter.layout = 'post'
  },
  extendRoute (route) {
    if (route.path.startsWith('/posts'))
      route.path = path.replace(/[\d-]+/, '') // remove date
  },
  extendRoutes (routes) {
    routes.push({ path: '/custom', name: 'Custom', componentFilename: ... }))
  },
```

<kbd>extendFrontmatter</kbd> is very flexible, you could use it to:

- Infer the title or date from the filename
- Set a different layout for all pages in a specific dir
- Provide additional data to use in the page, such as `gitLastUpdated`

## Acknowledgements

- [`vite-plugin-pages`][vite-plugin-pages]: Early versions of îles used this wonderful library