open-index/open-npm huggingface dataset:
npm package: @oliviacl/tutorial-frontend-config
Description: Shareable ESLint and Prettier configurations for frontend projects
Author: oliviacl
Latest version: 1.0.4

# @oliviacl/tutorial-frontend-config

Shareable ESLint and Prettier configurations for frontend projects.

## Installation

```bash
npm install --save-dev @oliviacl/tutorial-frontend-config eslint prettier
```

## Usage

### ESLint (Flat Config)

```javascript
// eslint.config.js
import { eslintConfig } from '@oliviacl/tutorial-frontend-config';

export default eslintConfig;
```

Or import from subpath:
```javascript
import config from '@oliviacl/tutorial-frontend-config/eslint';
```

### Prettier

```javascript
// .prettierrc.js
import { prettierConfig } from '@oliviacl/tutorial-frontend-config';

export default prettierConfig;
```

Or import from subpath:
```javascript
import config from '@oliviacl/tutorial-frontend-config/prettier';
```

## Features

**ESLint:**
- ✅ ESLint 9 flat config format
- ✅ TypeScript support via `typescript-eslint`
- ✅ React & React Hooks rules
- ✅ JSX accessibility (jsx-a11y)
- ✅ Import ordering
- ✅ Prettier integration

**Prettier:**
- Single quotes
- Semicolons
- 2 space indentation
- 100 character line width

## Repository

https://github.com/liv7c/tutorial-frontend-config

## License

MIT
npm package: @oliviag-dev/simple-npm-modal-react
Description: Composants modal for react
Author: oliviag-dev
Latest version: 0.1.8

# React_modal_components

This project is Modal components for React.
It is used to validate a form

https://www.npmjs.com/package/@oliviag-dev/simple-npm-modal-react

## Install

```bash
npm install --save @oliviag-dev/simple-npm-modal-react
```

or

```bash
yarn add @oliviag-dev/simple-npm-modal-react
```
## Usage

1-import
```bash
import { Modal } from '@oliviag-dev/simple-npm-modal-react';
```

2-whrite the logic to show or hide the modal
```bash
const [isShow, setIsShow] = useState(true)
```

3-whrite the logic for toogle the modal
```bash
const closeModal = () = { setIsShow(!isShow) }
```

4-use modal
```bash
<Modal text='your text!' closeModal={(e) => closeModal()} />
```
npm package: @olivierbelaud/bulma
Description: A module for bulma scss integration in Nuxt
Author: OlivierBelaud
Latest version: 1.0.2

# Bulma
[![npm](https://img.shields.io/npm/dt/@olivierbelaud/bulma.svg?style=flat-square)](https://npmjs.com/package/@olivierbelaud/bulma)
[![npm (scoped with tag)](https://img.shields.io/npm/v/@olivierbelaud/bulma/latest.svg?style=flat-square)](https://npmjs.com/package/@olivierbelaud/bulma)

> Leverage [bulma](http://github.com/jgthms/bulma) CSS.

## Setup
- Add `@olivierbelaud/bulma` dependency using yarn or npm to your project
- Add `@olivierbelaud/bulma` to `modules` section of `nuxt.config.js`
```js
{
  modules: [
    '@olivierbelaud/bulma'
  ]
}
````

- You will need to use postcss loader if you are not already using it.

```js

build: {
    /*
    ** You can extend webpack config here
    */
    postcss: {
      plugins: {
        'postcss-preset-env': {
          features: {
            customProperties: false
          }
        }
      }
    },
    extend(config, ctx) {
      // Run ESLint on save
      if (ctx.isDev && ctx.isClient) {
        config.module.rules.push({
          enforce: 'pre',
          test: /\.(js|vue)$/,
          loader: 'eslint-loader',
          exclude: /(node_modules)/
        })
      }
    }
  }
```
npm package: @olivierbelaud/nuxt-bulma-scss
Description: Nuxt Bulma SCSS
Latest version: 1.0.7

# Bulma
[![npm](https://img.shields.io/npm/dt/@olivierbelaud/nuxt-bulma-scss.svg?style=flat-square)](https://npmjs.com/package/@olivierbelaud/nuxt-bulma-scss)
[![npm (scoped with tag)](https://img.shields.io/npm/v/@olivierbelaud/nuxt-bulma-scss/latest.svg?style=flat-square)](https://npmjs.com/package/@olivierbelaud/nuxt-bulma-scss)

> Leverage [bulma](http://github.com/jgthms/bulma) CSS.

## Setup
- Add `@olivierbelaud/bulma` dependency using yarn or npm to your project
- Add `@olivierbelaud/bulma` to `modules` section of `nuxt.config.js`
```js
{
  modules: [
    '@olivierbelaud/bulma'
  ]
}
````

- You will need to use postcss loader if you are not already using it.

```js

build: {
    /*
    ** You can extend webpack config here
    */
    postcss: {
      plugins: {
        'postcss-preset-env': {
          features: {
            customProperties: false
          }
        }
      }
    },
    extend(config, ctx) {
      // Run ESLint on save
      if (ctx.isDev && ctx.isClient) {
        config.module.rules.push({
          enforce: 'pre',
          test: /\.(js|vue)$/,
          loader: 'eslint-loader',
          exclude: /(node_modules)/
        })
      }
    }
  }
```