open-index/open-npm huggingface dataset:
npm package: @renoun/blog
Description: A blog starter featuring a post index, tags, and individual article pages with MDX.
Author: souporserious
Latest version: 0.2.3

# @renoun/blog

A blog starter featuring a post index, tags, and individual article pages with MDX.

[Demo](https://blog.renoun.dev)

## Getting Started

Use the [`create-renoun`](https://www.npmjs.com/package/create-renoun) CLI to bootstrap this template:

```bash
npx create-renoun --template blog
```
npm package: @renoun/docs
Description: A documentation starter that turns MDX content into a polished, full-featured site.
Author: souporserious
Latest version: 0.2.3

# @renoun/docs

A documentation starter that turns MDX content into a polished, full-featured site.

[Demo](https://docs.renoun.dev)

## Getting Started

Use the [`create-renoun`](https://www.npmjs.com/package/create-renoun) CLI to bootstrap this template:

```bash
npx create-renoun --template docs
```
npm package: @renoun/mdx
Description: MDX plugins and utilities for renoun
Author: souporserious
Latest version: 3.8.2

# @renoun/mdx

A set of opinionated MDX plugins for `remark` and `rehype`.

## Installation

First, install `@renoun/mdx` using your preferred package manager:

```bash
npm install @renoun/mdx
```

## Usage

To use the plugins, you can add them to your MDX configuration. For example, in Next.js you can add the following to your `next.config.mjs`:

```js
import createMDXPlugin from '@next/mdx'
import { remarkPlugins, rehypePlugins } from '@renoun/mdx'

const withMDX = createMDXPlugin({
  extension: /\.mdx?$/,
  options: {
    remarkPlugins,
    rehypePlugins,
  },
})

export default withMDX({
  output: 'export',
  pageExtensions: ['js', 'jsx', 'ts', 'tsx', 'md', 'mdx'],
})
```

## Customizing heading and section rendering

Headings are rendered through a `Heading` component so you can control anchors or styling via the MDX components provider. You can also provide a `Section` component to wrap each heading in a custom element (for example to attach context providers or use semantic `<section>` tags). By default, `Section` renders a `React.Fragment`.

```tsx
import type { MDXComponents } from 'mdx/types'

const components: MDXComponents = {
  Heading: ({ Tag, id, children }) => (
    <Tag id={id} className="heading-anchor">
      <a href={`#${id}`}>{children}</a>
    </Tag>
  ),
  Section: ({ id, depth, title, children }) => (
    <section id={id} aria-label={title} data-depth={depth}>
      {children}
    </section>
  ),
}

export default function Page({ Component, pageProps }) {
  return <Component {...pageProps} components={components} />
}
```

## License

[MIT](/LICENSE.md) © [souporserious](https://souporserious.com/)
npm package: @renoun/workbench
Description: Design system workbench for building, previewing, and documenting libraries.
Author: souporserious
Latest version: 0.2.0

# @renoun/workbench

Design system workbench for building, previewing, and documenting libraries.

[Demo](https://workbench.renoun.dev)

## Getting Started

Use the [`create-renoun`](https://www.npmjs.com/package/create-renoun) CLI to bootstrap this template:

```bash
npx create-renoun --template workbench
```
npm package: @renovamen/eslint-config
Description: ESLint config for @Renovamen.
Latest version: 0.1.10

# @renovamen/eslint-config

[Flat ESLint config](https://eslint.org/docs/latest/use/configure/configuration-files) with minimal custom rules. 

Adapted from [@sxzz/eslint-config](https://github.com/sxzz/eslint-config) and [@antfu/eslint-config](https://github.com/antfu/eslint-config).

Supports Vue 3, React, Solid ans Astro.
npm package: @renovamen/vue-icons
Description: Include SVG icons from different icon packs in Vue easily, based on vue-awesome.
Author: Renovamen
Latest version: 0.1.1
Deprecated: This package has been renamed to oh-vue-icons, use oh-vue-icons instead.

# Oh, my icons!

A component for including SVG icons from different icon packs in [Vue](https://vuejs.org/) easily. It's now support:

- [Font Awesome](https://fontawesome.com/)
- [Remix Icon](https://github.com/Remix-Design/RemixIcon)
- [academicons](https://github.com/jpswalsh/academicons)

It is based on [Justineo/vue-awesome](https://github.com/Justineo/vue-awesome), so check out that repo for more information.

&nbsp;

## Installation

### `yarn` / `npm`

```bash
yarn add @renovamen/vue-icons
# or
npm i @renovamen/vue-icons
```

&nbsp;

### CDN

Add the following code to your HTML file:

```html
<link href="https://cdn.jsdelivr.net/npm/@renovamen/vue-icons@0.1.1/dist/vue-icons.js" rel="stylesheet">
```

&nbsp;

### Download Manually

Download [`dist/vue-icons.js`](dist/vue-icons.js) and include it in your HTML file.


&nbsp;

## License

[MIT](LICENSE)