open-index/open-npm huggingface dataset:
npm package: @hey-web-components/monaco-editor
Description: A web component wrapper for monaco-editor.
Latest version: 0.5.2

# Introduction

`@hey-web-components/monaco-editor` is a web component wrapper for [monaco-editor](https://microsoft.github.io/monaco-editor/).

See [demos and docs](https://hey-web-components.github.io/monaco-editor/).

## How to install

### Install with NPM

```bash
npm i @hey-web-components/monaco-editor
```

## How to import

Assuming it is installed locally by using NPM, then it can be imported like this:

```js
import '@hey-web-components/monaco-editor';
```

This `import` statement would define the custom elements automatically.

## How to use

For standard editor:

```html
<hey-monaco-editor></hey-monaco-editor>
```

For diff editor:

```html
<hey-monaco-diff-editor></hey-monaco-diff-editor>
```

More details can be found from [demos and docs](https://hey-web-components.github.io/monaco-editor/).

### Notes
* When using Vite, add the following into the Vite config:
  ```js
  {
    optimizeDeps: {
      exclude: ["@hey-web-components/monaco-editor"],
    }
  }
  ```
* For React:
  ```js
  import { MonacoEditor, MonacoDiffEditor } from '@hey-web-components/monaco-editor/react';
  <MonacoEditor></MonacoEditor>
  <MonacoDiffEditor></MonacoDiffEditor>
  ```
npm package: @hey3/eslint-config
Description: My eslint config
Author: hey3
Latest version: 1.1.1

# eslint-config
hey3 eslint config

## Usage

```shell script
// install peerDependencies
$ yarn add --dev eslint prettier typescript react
$ yarn add --dev @hey3/eslint-config
```

```javascript
module.exports = {
    extends: ["@hey3/eslint-config"]
}
```