open-index/open-npm huggingface dataset:
npm package: @pengzhanbo/eslint-config
Description: Fork for [@antfu/eslint-config](https://github.com/antfu/eslint-config).
Author: pengzhanbo
Latest version: 2.3.0

# @pengzhanbo/eslint-config

Fork for [@antfu/eslint-config](https://github.com/antfu/eslint-config).

与 [@antfu/eslint-config](https://github.com/antfu/eslint-config) 不同的是，
将 framework 相关的配置划分为独立的 eslint 配置包。

包括 `vue` 、 `react` 等都移动到其他的 package 中，只保留 通用的配置，
再根据项目的需求引入对应的 package。 并添加了 `solid-js` , `svelte` 等的配置支持。

## Documentation

[Document](https://github.com/pengzhanbo/configs/tree/main/docs/eslint.md)

## Usage

## Install

```bash
pnpm add @pengzhanbo/eslint-config
```

## Configuration

`eslint.config.js`

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

export default eslintConfig()
```

## 相关资源

- [@pengzhanbo/eslint-config](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config)
- [@pengzhanbo/eslint-config-vue](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-vue)
- [@pengzhanbo/eslint-config-react](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-react)
- [@pengzhanbo/eslint-config-svelte](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-svelte)
- [@pengzhanbo/eslint-config-solid](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-solid)
- [@pengzhanbo/eslint-config-angular](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-angular)
- [@pengzhanbo/eslint-config-astro](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-astro)
- [@pengzhanbo/prettier-config](https://github.com/pengzhanbo/configs/tree/main/packages/prettier-config)
- [@pengzhanbo/stylelint-config](https://github.com/pengzhanbo/configs/tree/main/packages/stylelint-config)
- [@pengzhanbo/tsconfig](https://github.com/pengzhanbo/configs/tree/main/packages/tsconfig)
npm package: @pengzhanbo/eslint-config-angular
Description: [Document](https://github.com/pengzhanbo/configs/tree/main/docs/eslint.md)
Author: pengzhanbo
Latest version: 2.3.0

# @pengzhanbo/eslint-config-angular

## Documentation

[Document](https://github.com/pengzhanbo/configs/tree/main/docs/eslint.md)

## Usage

## Install

```bash
pnpm add @pengzhanbo/eslint-config-angular
```

## Configuration

`eslint.config.js`

```js
import eslintConfig from '@pengzhanbo/eslint-config-angular'

export default eslintConfig()
```

## vs Code support

```json
{
  "eslint.validate": [
    // add "angular"
    "angular"
  ]
}
```

## 相关资源

- [@pengzhanbo/eslint-config](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config)
- [@pengzhanbo/eslint-config-vue](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-vue)
- [@pengzhanbo/eslint-config-react](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-react)
- [@pengzhanbo/eslint-config-svelte](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-svelte)
- [@pengzhanbo/eslint-config-solid](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-solid)
- [@pengzhanbo/eslint-config-angular](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-angular)
- [@pengzhanbo/eslint-config-astro](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-astro)
- [@pengzhanbo/prettier-config](https://github.com/pengzhanbo/configs/tree/main/packages/prettier-config)
- [@pengzhanbo/stylelint-config](https://github.com/pengzhanbo/configs/tree/main/packages/stylelint-config)
- [@pengzhanbo/tsconfig](https://github.com/pengzhanbo/configs/tree/main/packages/tsconfig)
npm package: @pengzhanbo/eslint-config-astro
Description: [Document](https://github.com/pengzhanbo/configs/tree/main/docs/eslint.md)
Author: pengzhanbo
Latest version: 2.3.0

# @pengzhanbo/eslint-config-astro

## Documentation

[Document](https://github.com/pengzhanbo/configs/tree/main/docs/eslint.md)

## Usage

## Install

```bash
pnpm add @pengzhanbo/eslint-config-astro
```

## Configuration

`eslint.config.js`

```js
import eslintConfig from '@pengzhanbo/eslint-config-astro'

export default eslintConfig()
```

## vs Code support

```json
{
  "eslint.validate": [
    // add "astro"
    "astro"
  ]
}
```

## 相关资源

- [@pengzhanbo/eslint-config](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config)
- [@pengzhanbo/eslint-config-vue](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-vue)
- [@pengzhanbo/eslint-config-react](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-react)
- [@pengzhanbo/eslint-config-svelte](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-svelte)
- [@pengzhanbo/eslint-config-solid](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-solid)
- [@pengzhanbo/eslint-config-angular](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-angular)
- [@pengzhanbo/eslint-config-astro](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-astro)
- [@pengzhanbo/prettier-config](https://github.com/pengzhanbo/configs/tree/main/packages/prettier-config)
- [@pengzhanbo/stylelint-config](https://github.com/pengzhanbo/configs/tree/main/packages/stylelint-config)
- [@pengzhanbo/tsconfig](https://github.com/pengzhanbo/configs/tree/main/packages/tsconfig)
npm package: @pengzhanbo/eslint-config-basic
Description: ## Install
Author: pengzhanbo
Latest version: 0.4.3
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @pengzhanbo/eslint-config-basic

## Install

```sh
pnpm add eslint @pengzhanbo/eslint-config-basic
```

## Config

`.eslintrc`/`.eslintrc.json`

```json
{
  "extends": "@pengzhanbo/eslint-config-basic"
}
```

**package.json**

```json
{
  "scripts": {
    "lint": "eslint .",
    "lint:fix": "eslint . --fix"
  }
}
```
npm package: @pengzhanbo/eslint-config-react
Description: [Document](https://github.com/pengzhanbo/configs/tree/main/docs/eslint.md)
Author: pengzhanbo
Latest version: 2.3.0

# @pengzhanbo/eslint-config-react

## Documentation

[Document](https://github.com/pengzhanbo/configs/tree/main/docs/eslint.md)

## Usage

## Install

```bash
pnpm add @pengzhanbo/eslint-config-react
```

## Configuration

`eslint.config.js`

```js
import eslintConfig from '@pengzhanbo/eslint-config-react'

export default eslintConfig()
```

## 相关资源

- [@pengzhanbo/eslint-config](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config)
- [@pengzhanbo/eslint-config-vue](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-vue)
- [@pengzhanbo/eslint-config-react](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-react)
- [@pengzhanbo/eslint-config-svelte](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-svelte)
- [@pengzhanbo/eslint-config-solid](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-solid)
- [@pengzhanbo/eslint-config-angular](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-angular)
- [@pengzhanbo/eslint-config-astro](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-astro)
- [@pengzhanbo/prettier-config](https://github.com/pengzhanbo/configs/tree/main/packages/prettier-config)
- [@pengzhanbo/stylelint-config](https://github.com/pengzhanbo/configs/tree/main/packages/stylelint-config)
- [@pengzhanbo/tsconfig](https://github.com/pengzhanbo/configs/tree/main/packages/tsconfig)
npm package: @pengzhanbo/eslint-config-solid
Description: [Document](https://github.com/pengzhanbo/configs/tree/main/docs/eslint.md)
Author: pengzhanbo
Latest version: 2.3.0

# @pengzhanbo/eslint-config-solid

## Documentation

[Document](https://github.com/pengzhanbo/configs/tree/main/docs/eslint.md)

## Usage

## Install

```bash
pnpm add @pengzhanbo/eslint-config-solid
```

## Configuration

`eslint.config.js`

```js
import eslintConfig from '@pengzhanbo/eslint-config-solid'

export default eslintConfig()
```

## 相关资源

- [@pengzhanbo/eslint-config](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config)
- [@pengzhanbo/eslint-config-vue](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-vue)
- [@pengzhanbo/eslint-config-react](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-react)
- [@pengzhanbo/eslint-config-svelte](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-svelte)
- [@pengzhanbo/eslint-config-solid](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-solid)
- [@pengzhanbo/eslint-config-angular](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-angular)
- [@pengzhanbo/eslint-config-astro](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-astro)
- [@pengzhanbo/prettier-config](https://github.com/pengzhanbo/configs/tree/main/packages/prettier-config)
- [@pengzhanbo/stylelint-config](https://github.com/pengzhanbo/configs/tree/main/packages/stylelint-config)
- [@pengzhanbo/tsconfig](https://github.com/pengzhanbo/configs/tree/main/packages/tsconfig)
npm package: @pengzhanbo/eslint-config-svelte
Description: [Document](https://github.com/pengzhanbo/configs/tree/main/docs/eslint.md)
Author: pengzhanbo
Latest version: 2.3.0

# @pengzhanbo/eslint-config-svelte

## Documentation

[Document](https://github.com/pengzhanbo/configs/tree/main/docs/eslint.md)

## Usage

## Install

```bash
pnpm add @pengzhanbo/eslint-config-svelte
```

## Configuration

`eslint.config.js`

```js
import eslintConfig from '@pengzhanbo/eslint-config-svelte'

export default eslintConfig()
```

## vs Code support

```json
{
  "eslint.validate": [
    // add "svelte"
    "svelte"
  ]
}
```

## 相关资源

- [@pengzhanbo/eslint-config](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config)
- [@pengzhanbo/eslint-config-vue](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-vue)
- [@pengzhanbo/eslint-config-react](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-react)
- [@pengzhanbo/eslint-config-svelte](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-svelte)
- [@pengzhanbo/eslint-config-solid](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-solid)
- [@pengzhanbo/eslint-config-angular](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-angular)
- [@pengzhanbo/eslint-config-astro](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-astro)
- [@pengzhanbo/prettier-config](https://github.com/pengzhanbo/configs/tree/main/packages/prettier-config)
- [@pengzhanbo/stylelint-config](https://github.com/pengzhanbo/configs/tree/main/packages/stylelint-config)
- [@pengzhanbo/tsconfig](https://github.com/pengzhanbo/configs/tree/main/packages/tsconfig)
npm package: @pengzhanbo/eslint-config-ts
Description: ## Install
Author: pengzhanbo
Latest version: 0.4.3
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @pengzhanbo/eslint-config-ts

## Install

```sh
pnpm add eslint prettier @pengzhanbo/eslint-config-ts @pengzhanbo/prettier-config
```

## Config

`.eslintrc`/`.eslintrc.json`

```json
{
  "extends": "@pengzhanbo/eslint-config-ts"
}
```

**package.json**

```json
{
  "scripts": {
    "lint": "eslint .",
    "lint:fix": "eslint . --fix"
  },
  "prettier": "@pengzhanbo/prettier-config"
}
```
npm package: @pengzhanbo/eslint-config-vue
Description: [Document](https://github.com/pengzhanbo/configs/tree/main/docs/eslint.md)
Author: pengzhanbo
Latest version: 2.3.0

# @pengzhanbo/eslint-config-vue

## Documentation

[Document](https://github.com/pengzhanbo/configs/tree/main/docs/eslint.md)

## Usage

## Install

```bash
pnpm add @pengzhanbo/eslint-config-vue
```

## Configuration

`eslint.config.js`

```js
import eslintConfig from '@pengzhanbo/eslint-config-vue'

export default eslintConfig()
```

## 相关资源

- [@pengzhanbo/eslint-config](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config)
- [@pengzhanbo/eslint-config-vue](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-vue)
- [@pengzhanbo/eslint-config-react](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-react)
- [@pengzhanbo/eslint-config-svelte](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-svelte)
- [@pengzhanbo/eslint-config-solid](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-solid)
- [@pengzhanbo/eslint-config-angular](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-angular)
- [@pengzhanbo/eslint-config-astro](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-astro)
- [@pengzhanbo/prettier-config](https://github.com/pengzhanbo/configs/tree/main/packages/prettier-config)
- [@pengzhanbo/stylelint-config](https://github.com/pengzhanbo/configs/tree/main/packages/stylelint-config)
- [@pengzhanbo/tsconfig](https://github.com/pengzhanbo/configs/tree/main/packages/tsconfig)
npm package: @pengzhanbo/eslint-config-vue-ts
Description: ## Install
Author: pengzhanbo
Latest version: 0.4.3
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @pengzhanbo/eslint-config-vue-ts

## Install

```sh
pnpm add eslint prettier @pengzhanbo/eslint-config-vue-ts @pengzhanbo/prettier-config
```

## Config

`.eslintrc`/`.eslintrc.json`

```json
{
  "extends": "@pengzhanbo/eslint-config-vue-ts"
}
```

**package.json**

```json
{
  "scripts": {
    "lint": "eslint .",
    "lint:fix": "eslint . --fix"
  },
  "prettier": "@pengzhanbo/prettier-config"
}
```
npm package: @pengzhanbo/install-pkg
Description: Install package programmatically.
Author: pengzhanbo
Latest version: 0.1.0

# install-pkg

Install package programmatically. Detect package managers automatically (npm, yarn, bun and pnpm).


## Install
```sh
npm install @pengzhanbo/install-pkg
# or
pnpm add @pengzhanbo/install-pkg
```

## Usage

```ts
import installPkg from '@pengzhanbo/install-pkg'

installPkg('your-package-name', { dev: true })
```

## LICENSE

MIT
npm package: @pengzhanbo/prettier-config
Description: The prettier config preset.
Author: pengzhanbo
Latest version: 2.3.0

# @pengzhanbo/prettier-config

The prettier config preset.

## Usage

### Install

```sh
pnpm add -D @pengzhanbo/prettier-config
```

### Config

In `package.json`

``` json
{
  "prettier": "@pengzhanbo/prettier-config"
}
```

## 相关资源

- [@pengzhanbo/eslint-config](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config)
- [@pengzhanbo/eslint-config-vue](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-vue)
- [@pengzhanbo/eslint-config-react](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-react)
- [@pengzhanbo/eslint-config-svelte](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-svelte)
- [@pengzhanbo/eslint-config-solid](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-solid)
- [@pengzhanbo/eslint-config-angular](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-angular)
- [@pengzhanbo/eslint-config-astro](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-astro)
- [@pengzhanbo/prettier-config](https://github.com/pengzhanbo/configs/tree/main/packages/prettier-config)
- [@pengzhanbo/stylelint-config](https://github.com/pengzhanbo/configs/tree/main/packages/stylelint-config)
- [@pengzhanbo/tsconfig](https://github.com/pengzhanbo/configs/tree/main/packages/tsconfig)
npm package: @pengzhanbo/stylelint-config
Description: The stylelint config preset.
Author: pengzhanbo
Latest version: 2.3.0

# @pengzhanbo/stylelint-config

The stylelint config preset.

## Usage

### Install

```sh
pnpm add -D @pengzhanbo/stylelint-config
```

### Config

In `.stylelintrc.json`

``` json
{
  "extends": "@pengzhanbo/stylelint-config"
}
```

## vs Code support (auto fix)

```json
{
  "css.validate": false,
  "less.validate": false,
  "scss.validate": false,
  "stylelint.validate": [
    "css",
    "scss",
    "postcss",
    // optional
    "vue"
  ],
  "editor.codeActionsOnSave": {
    "source.fixAll.stylelint": "explicit"
  }
}
```

## 相关资源

- [@pengzhanbo/eslint-config](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config)
- [@pengzhanbo/eslint-config-vue](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-vue)
- [@pengzhanbo/eslint-config-react](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-react)
- [@pengzhanbo/eslint-config-svelte](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-svelte)
- [@pengzhanbo/eslint-config-solid](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-solid)
- [@pengzhanbo/eslint-config-angular](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-angular)
- [@pengzhanbo/eslint-config-astro](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-astro)
- [@pengzhanbo/prettier-config](https://github.com/pengzhanbo/configs/tree/main/packages/prettier-config)
- [@pengzhanbo/stylelint-config](https://github.com/pengzhanbo/configs/tree/main/packages/stylelint-config)
- [@pengzhanbo/tsconfig](https://github.com/pengzhanbo/configs/tree/main/packages/tsconfig)
npm package: @pengzhanbo/tsconfig
Description: The tsconfig preset.
Author: pengzhanbo
Latest version: 2.3.0

# @pengzhanbo/tsconfig

The tsconfig preset.

## Usage

### Install

```sh
pnpm add -D @pengzhanbo/tsconfig
```

### Config

In `tsconfig.json`

```json
{
  "extends": "@pengzhanbo/tsconfig/tsconfig.json"
}
```

```json
{
  "extends": [
    "@pengzhanbo/tsconfig/tsconfig.json",
    "@pengzhanbo/tsconfig/tsconfig.lib.json"
  ]
}
```

```json
{
  "extends": "@pengzhanbo/tsconfig/tsconfig.vue.json"
}
```

## 相关资源

- [@pengzhanbo/eslint-config](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config)
- [@pengzhanbo/eslint-config-vue](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-vue)
- [@pengzhanbo/eslint-config-react](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-react)
- [@pengzhanbo/eslint-config-svelte](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-svelte)
- [@pengzhanbo/eslint-config-solid](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-solid)
- [@pengzhanbo/eslint-config-angular](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-angular)
- [@pengzhanbo/eslint-config-astro](https://github.com/pengzhanbo/configs/tree/main/packages/eslint-config-astro)
- [@pengzhanbo/prettier-config](https://github.com/pengzhanbo/configs/tree/main/packages/prettier-config)
- [@pengzhanbo/stylelint-config](https://github.com/pengzhanbo/configs/tree/main/packages/stylelint-config)
- [@pengzhanbo/tsconfig](https://github.com/pengzhanbo/configs/tree/main/packages/tsconfig)
npm package: @pengzhanbo/utils
Description: [![jsr package](https://jsr.io/badges/@pengzhanbo/utils)](https://jsr.io/@pengzhanbo/utils) ![jsr score](https://jsr.io/badges/@pengzhanbo/utils/score) [![MIT License](https://img.shields.io/npm/l/@pengzhanbo/utils)](https://github.com/pengzhanbo/utils/bl
Author: pengzhanbo
Latest version: 3.3.1

# @pengzhanbo/utils

[![jsr package](https://jsr.io/badges/@pengzhanbo/utils)](https://jsr.io/@pengzhanbo/utils)
![jsr score](https://jsr.io/badges/@pengzhanbo/utils/score)
[![MIT License](https://img.shields.io/npm/l/@pengzhanbo/utils)](https://github.com/pengzhanbo/utils/blob/main/LICENSE)
![npm package](https://img.shields.io/npm/dm/@pengzhanbo/utils)
[![codecov](https://codecov.io/gh/pengzhanbo/utils/graph/badge.svg?token=LKZGX743RW)](https://codecov.io/gh/pengzhanbo/utils)

一个常用的工具类库, 无依赖， 任何运行时。

A common JavaScript utility library, zero dependencies, any runtime.

## Install

```sh
# pnpm
pnpm add @pengzhanbo/utils
# yarn
yarn add @pengzhanbo/utils
#npm
npm install @pengzhanbo/utils
```

## Usage

See [Document](https://jsr.io/@pengzhanbo/utils)
npm package: @penjj/biome-config
Description: An opinionated TypeScript config.
Author: penjj
Latest version: 0.5.0

# @penjj/biome-config

[![npm version](https://badge.fury.io/js/@penjj%2Fbiome-config.svg)](https://www.npmjs.com/package/@penjj/biome-config) ![Build Status](https://github.com/penjj/workflows/actions/workflows/release.yml/badge.svg)

My personal biome config, line-width 80, single quote, no semicolons, two space indent.

## Install
```bash
pnpm install @biomejs/biome @penjj/biome-config -D
```

## Usage

```json5
// in your biome.json
{
  // ...
  "extends": "@penjj/biome-config"
}
```

```bash
pnpm biome --lint
```

## Code style
```ts
import { type Component, For, createSignal, onCleanup, onMount } from 'solid-js'

const normalizeTitle = (title: string) => title.slice(0, 4)

const BG_STYLE = 'light:bg-neutral-200 dark:bg-neutral-800'

export const Shortcuts: Component<{
  shortcuts: {
    slug: string
    text: string
  }[]
}> = (props) => {
  const [active, setActive] = createSignal()

  const hashListener = (e: HashChangeEvent) => {
    setActive(decodeURIComponent(e.newURL.split('#')[1]))
  }

  onMount(() => {
    window.addEventListener('hashchange', hashListener)
  })

  onCleanup(() => {
    window.removeEventListener('hashchange', hashListener)
  })

  return (
    <div position="sticky top-18 left-20" flex="~ items-center justify-center">
      <ul
        flex="~ gap-x-2"
        rounded-md
        p-1
        b-1
        light="bg-neutral-100 b-neutral-200"
        dark="bg-neutral-900 b-neutral-800"
      >
        <For each={props.shortcuts}>
          {item => (
            <li
              list-none
              text-sm
              p="x3 y1"
              rounded
              relative
              transition="colors"
              hover={BG_STYLE}
              before={`content-empty absolute top-50% translate-y--50% right--5px w-.5 h-3.2 rounded ${BG_STYLE}`}
              classList={{
                [BG_STYLE]: item.slug === active(),
              }}
            >
              <a href={`#${item.slug}`}>{normalizeTitle(item.text)}</a>
            </li>
          )}
        </For>
      </ul>
    </div>
  )
}

```

MIT License
npm package: @penjj/eslint-config
Description: penjj's eslint config.
Author: peng.j.1995@gmail.com
Latest version: 0.4.0

# Usage

````bash
pnpm install @penjj/eslint-config -r -D
```

```json5
// in your package.json

{
  // ...

  "eslintConfig": {
    "extends": "@penjj",
  },
  "prettier": "@penjj/prettier-config"
}

```

```sh

```
npm package: @penjj/js-confetti
Description: JS Confetti library with zero dependencies, works without any config, TS typings included, adapts to user screen
Author: Vladimir Nikitin vladimirsuperwizard@gmail.com
Latest version: 0.12.1

Forked from https://github.com/loonywizard/js-confetti.git


fixes:
  - emojiFontSize not working.
npm package: @penjj/prettier-config
Description: penjj's prettier config.
Author: peng.j.1995@gmail.com
Latest version: 0.4.0

# Usage

```bash
pnpm install @penjj/prettier-config -r -D
```

```json5
// in your package.json

{
  // ...
  "prettier": "@penjj/prettier-config"
}

```

```sh

```
```
npm package: @penjj/tsconfig
Description: An opinionated TypeScript config.
Author: penjj
Latest version: 0.5.1

# @penjj/tsconfig



[![npm version](https://badge.fury.io/js/@penjj%2Ftsconfig.svg)](https://www.npmjs.com/package/@penjj/tsconfig) ![Build Status](https://github.com/penjj/workflows/actions/workflows/release.yml/badge.svg)

Out-of-the-box tsconfig for Vue/Solid/Node/Dom.


## Install
```bash
pnpm i @penjj/tsconfig -D
```

## Usage

### pure ts
```json5
// tsconfig.json
{
  "extends": "@penjj/tsconfig"
}
```

### Another configs
@penjj/tsconfig/vue
@penjj/tsconfig/solid
@penjj/tsconfig/dom


MIT License