open-index/open-npm huggingface dataset:
npm package: @ghkich/mf-login-wc
Description: Login web component to use as micro-frontend
Author: ghkich
Latest version: 0.1.5

# login-vue

## Project setup
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
```

### Compiles and minifies for production
```
npm run build
```

### Run your unit tests
```
npm run test:unit
```

### Lints and fixes files
```
npm run lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
npm package: @ghkich/mf-orders
Description: Made with create-react-library
Author: ghkich
Latest version: 1.0.3

# mf-orders

> Made with create-react-library

[![NPM](https://img.shields.io/npm/v/mf-orders.svg)](https://www.npmjs.com/package/mf-orders) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save mf-orders
```

## Usage

```tsx
import React, { Component } from 'react'

import MyComponent from 'mf-orders'
import 'mf-orders/dist/index.css'

class Example extends Component {
  render() {
    return <MyComponent />
  }
}
```

## License

MIT © [ghkich](https://github.com/ghkich)
npm package: @ghkich/mf-orders-list-react
Description: Orders List lib to use as a micro-frontend
Author: ghkich
Latest version: 1.1.1

# mf-orders-list-react

> Orders List lib to use as a micro-frontend

[![NPM](https://img.shields.io/npm/v/mf-orders-list-react.svg)](https://www.npmjs.com/package/mf-orders-list-react) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save mf-orders-list-react
```

## Usage

```tsx
import React, { Component } from 'react'

import MyComponent from 'mf-orders-list-react'
import 'mf-orders-list-react/dist/index.css'

class Example extends Component {
  render() {
    return <MyComponent />
  }
}
```

## License

MIT © [ghkich](https://github.com/ghkich)
npm package: @ghlandy/eslint-config-prettier
Description: eslint-config-prettier
Author: GHLandy
Latest version: 0.3.0

# @ghlandy/eslint-config-prettier

## 使用

```bash
pnpm i -D @ghlandy/eslint-config-prettier eslint@8 prettier@2
pnpm i -D eslint-config-prettier@8 eslint-plugin-prettier@4
```

> 在 eslint 配置文件 (`.eslintrc.cjs` 或 `.eslintrc.js`) 中引入使用

```js
module.exports = {
  // ... 其他配置
  extends: [
    'eslint:recommended'
    // ... 其他配置
    '@ghlandy/eslint-config-prettier', // 放在最后
  ],
  // ... 其他配置
};
```

## 配置详细

```js
module.exports = {
  extends: ['plugin:prettier/recommended'],
  rules: {
    'prettier/prettier': 'warn',
  },
};
```

`plugin:prettier/recommended` 的实际作用如下：

```js
module.exports = {
  extends: ['prettier'],
  plugins: ['prettier'],
  rules: {
    'prettier/prettier': 'error',
    'arrow-body-style': 'off',
    'prefer-arrow-callback': 'off',
  },
};
```

设置规则 `prettier/prettier': 'warn'`，另外去设置保存自动 `prettier` 格式化或者 `pre-commit` 钩子去格式化即可

## 更多阅读

- [https://eslint.org/docs/latest/extend/shareable-configs](https://eslint.org/docs/latest/extend/shareable-configs)
- [https://github.com/prettier/eslint-plugin-prettier/#recommended-configuration](https://github.com/prettier/eslint-plugin-prettier/#recommended-configuration)

## License

[MIT](https://github.com/GHLandy/misc-config/blob/main/LICENSE.md)
npm package: @ghlandy/prettier-config
Description: prettier-config
Author: GHLandy
Latest version: 0.7.0

# @ghlandy/prettier-config

## 使用

```bash
pnpm i -D @ghlandy/prettier-config prettier
pnpm i -D prettier-plugin-organize-imports typescript prettier-plugin-packagejson
pnpm i -D @volar/vue-typescript # 格式化 .vue 文件内的 import 时需要
```

> 在 prettier 配置文件 (`.prettierrc.cjs` 或 `.prettierrc.js`) 中引入使用

```js
const config = require('@ghlandy/prettier-config');

module.exports = {
  ...config,
};
```

## 配置详细

```js
module.exports = {
  printWidth: 100,
  tabWidth: 2,
  useTabs: false,
  semi: true,
  singleQuote: true,
  quoteProps: 'as-needed',
  jsxSingleQuote: false,
  trailingComma: 'all',
  bracketSpacing: true,
  bracketSameLine: false,
  arrowParens: 'always',
  htmlWhitespaceSensitivity: 'ignore',
  vueIndentScriptAndStyle: false,
  endOfLine: 'lf',
  plugins: ['prettier-plugin-organize-imports', 'prettier-plugin-packagejson'],
};
```

> `prettier-plugin-organize-imports` 自动排序 `import` (需要 `typescript` 依赖包)
>
> `.vue` 文件里边的自动排序 `import`，还需要按 `@volar/vue-typescript`
>
> `prettier-plugin-packagejson` 自动排序 JSON

## License

[MIT](https://github.com/GHLandy/misc-config/blob/main/LICENSE.md)
npm package: @ghlandy/storage
Description: Browser localStorage/sessionStorage helper
Author: GHLandy
Latest version: 1.1.1
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @ghlandy/storage

[![NPM version][npm-image]][npm-url]
[![Build Status][travis-image]][travis-url]
[![codecov][codecov-image]][codecov-url]

[npm-image]: https://img.shields.io/npm/v/@ghlandy/storage.svg?style=flat-square
[npm-url]: https://npmjs.org/package/@ghlandy/storage
[codecov-image]: https://codecov.io/gh/GHLandy/ghlandy-storage/branch/master/graph/badge.svg
[codecov-url]: https://codecov.io/gh/GHLandy/ghlandy-storage
[travis-image]: https://travis-ci.org/GHLandy/ghlandy-storage.svg?branch=master
[travis-url]: https://travis-ci.org/GHLandy/ghlandy-storage

A set of helper deal with browser localStorage and sessionStorage, which used
frequently.

## Usage

```javascript
import storage from '@ghlandy/storage';

storage.localSet('key', { a: 1, b: 2 });
storage.localGet('key'); // { a: 1, b: 2 }
```

See [Docs](./docs/README.md) for api details.

## License

This tool is lecensed under the [MIT](./LICENSE.md)
npm package: @ghlee/css
Description: Base style sheet
Author: Geunhyeok LEE
Latest version: 0.3.0

<div align="center">

  # @ghlee/css

  Base style sheet by [Geunhyeok LEE](https://github.com/leegeunhyeok)

</div>

## Contents

- [Usage](#usage)

## Usage

[Preview](https://ghlee.vercel.app/packages/css/)

```html
<link href="https://unpkg.com/@ghlee/css@latest" rel="stylesheet" type="text/css">
```