open-index/open-npm huggingface dataset:
npm package: @meyfa/eslint-config
Description: ESLint config for personal TypeScript projects.
Author: Fabian Meyer
Latest version: 9.0.0

# @meyfa/eslint-config

[![CI](https://github.com/meyfa/eslint-config/actions/workflows/main.yml/badge.svg)](https://github.com/meyfa/eslint-config/actions/workflows/main.yml)

ESLint config for personal TypeScript projects.

## Usage

Install ESLint, as well as this package (`-DE` means `--save-dev --save-exact`):

```sh
npm install -DE eslint@9 @meyfa/eslint-config
```

Then in the `eslint.config.js`:

```js
import eslintConfig from '@meyfa/eslint-config'

export default [
  ...eslintConfig,
  {
    ignores: ['dist']
  }
]
```

If needed, override the TypeScript config location (default: `./tsconfig.lint.json`):

```js
import eslintConfig from '@meyfa/eslint-config'

export default [
  ...eslintConfig,
  {
    ignores: ['dist']
  },
  {
    languageOptions: {
      parserOptions: {
        project: './tsconfig.lint.json'
      }
    }
  }
]
```

If the project requires JSDoc for some files, add the following:

```js
import eslintConfig from '@meyfa/eslint-config'
import eslintConfigJsdoc from '@meyfa/eslint-config/jsdoc'

export default [
  ...eslintConfig,
  {
    ignores: ['dist']
  },
  {
    ...eslintConfigJsdoc,
    files: ['src/**/*.ts']
  }
]
```
npm package: @meysam213/iconsax-react
Description: The official Vuesax icons for React. A modern and versatile icon library to enhance your React projects with sleek and customizable designs.
Author: Meysam Saberi
Latest version: 1.0.4

# Iconsax React

![npm](https://img.shields.io/npm/v/@meysam213/iconsax-react)
![npm bundle size](https://img.shields.io/bundlephobia/min/@meysam213/iconsax-react)
![npm](https://img.shields.io/npm/l/@meysam213/iconsax-react)

The official Vuesax icons for React. A modern and versatile icon library to enhance your React projects with sleek and customizable designs.

## Installation

Choose one of these options:

```bash
# Using yarn
yarn add @meysam213/iconsax-react

# Using npm
npm install @meysam213/iconsax-react

# Using pnpm
pnpm install @meysam213/iconsax-react

# Using bun
bun add @meysam213/iconsax-react
```

## Usage

```tsx
import { Iconsax } from '@meysam213/iconsax-react'

const App = () => {
    return (
        <Sax3dBuilding />
    )
}

export default App
```
## Customization

You can customize the size, color, and stroke of the icon by passing the `size`, `color`, and `stroke` props to the component.

```tsx
import { Iconsax } from '@meysam213/iconsax-react'

const App = () => {
    return (
        <Sax3dBuilding
        className="text-red-500"
        style={{ width: '100px', height: '100px' }}
        />
    )
}

export default App
```

## Icons

[Iconsax](https://iconsax.io/)

## Source

[GitHub](https://github.com/premier213/iconsax-react)

## Author

[Meysam Saberi](https://github.com/premier213)

## License

[MIT](https://github.com/premier213/iconsax-react/blob/main/LICENSE)

## Copyright
Iconsax are the official icons of the Vuesax framework, these icons can be used for personal and commercial use for free, but they cannot be sold and distributed under another name, they cannot be used to create templates or ui kits without permission, if desired to use the iconsax icon pack for these purposes, you should contact: https://lusaxweb.net/contact
npm package: @meysam213/react-leaflet
Description: React-leaflet fix for next.js
Author: meysam213
Latest version: 1.14.0

# React-leaflet for Next.js

this package fixed problems react-leaflet & leaflet for `next.js`

> Next.js 11 is Passed ✔

### install with npm

`$ npm install @meysam213/react-leaflet`

### install with yarn

`$ yarn add @meysam213/react-leaflet`

## Usage

first create component

```javascript
//mapbox.jsx
import { NextMap } from '@meysam213/react-leaflet';

const MapBox = () => {
  return (
    <>
      <NextMap lat={50} lng={50} />
    </>
  );
};
```

and for use with next.js `import dynamic`

```javascript
//pages/mapPage.jsx
import dynamic from 'next/dynamic';

const MapBox = dynamic(() => import('components/mapBox'), {
  ssr: false,
});
```

> notice: Due to being SSR, it is necessary to use import dynamics

## Props

| prop               | Default  | Type    | Necessary |
| ------------------ | -------- | ------- | --------- |
| lat                | -        | Number  | Necessary |
| lng                | -        | Number  | Necessary |
| scrollWheelZoom    | `true`   | Boolean | Optional  |
| zoomControl        | `false`  | Boolean | Optional  |
| attributionControl | `false`  | Boolean | Optional  |
| zoom               | `17`     | Number  | Optional  |
| Height             | `300px`  | String  | Optional  |
| Width              | `300px`  | String  | Optional  |
| popUp              | `Hello!` | String  | Optional  |
| borderRadius       | `0px`    | String  | Optional  |

## Author

Github: [@premier213](https://guthub.com/premier213)

Twitter : [@premier213](https://twitter.com/premier213)