open-index/open-npm huggingface dataset:
npm package: @sanjeever/prettier-config
Description: My prettier config
Author: Sanjeever
Latest version: 1.0.1

# @sanjeever/prettier-config

My personal Prettier config.

View on [npmjs](https://www.npmjs.com/package/@sanjeever/prettier-config)

## Usage

**Install**:

```bash
yarn add --dev @sanjeever/prettier-config
```

**Edit `package.json`**:

```json
{
  // ...
  "prettier": "@sanjeever/prettier-config"
}
```

or

**Edit `.prettierrc`**

```json
"@sanjeever/prettier-config"
```

## Intro

- arrowParens: 箭头函数的参数是否带括号。可选值为 "avoid" 和 "always"，这里是 "avoid"，表示只有当参数超过一个时才带括号。
- bracketSameLine: 是否在数组和对象字面量的括号前放置空格，这里是 true，表示放置空格。
- bracketSpacing: 是否在对象字面量的括号中放置空格，这里是 true，表示放置空格。
- embeddedLanguageFormatting: 控制内嵌语言的格式化方式。可选值为 "auto"、"off" 和 "on"，这里是 "auto"，表示自动格式化。
- htmlWhitespaceSensitivity: 控制 HTML 文件中空格敏感度。可选值为 "css"、"strict" 和 "ignore"，这里是 "ignore"，表示忽略空格。
- insertPragma: 是否在文件顶部插入一个特殊的注释以指示该文件使用了 Prettier 进行格式化，这里是 false，表示不插入。
- jsxSingleQuote: 在 JSX 中是否使用单引号，这里是 true，表示使用单引号。
- printWidth: 每行代码的最大宽度，这里是 80，表示超过 80 个字符就换行。
- proseWrap: 控制是否换行。可选值为 "always"、"never" 和 "preserve"，这里是 "preserve"，表示按原样保留。
- quoteProps: 对象属性是否使用引号。可选值为 "as-needed"、"consistent" 和 "preserve"，这里是 "as-needed"，表示只在必要时添加引号。
- requirePragma: 是否要求文件顶部包含特殊的注释以指示该文件使用了 Prettier 进行格式化，这里是 false，表示不要求。
- semi: 是否在语句末尾添加分号，这里是 false，表示不添加。
- singleAttributePerLine: 是否将每个属性放在单独的行上，这里是 false，表示不单独放置。
- singleQuote: 是否使用单引号，这里是 true，表示使用单引号。
- tabWidth: 缩进使用的空格数，这里是 2，表示每个缩进使用两个空格。
- trailingComma: 控制是否在对象和数组字面量的最后一个元素后添加尾逗号。可选值为 "es5"、"none" 和 "all"，这里是 "es5"，表示只在 ES5 中需要添加尾逗号。
- useTabs: 是否使用 tab 缩进，这里是 false，表示不使用 tab 缩进。
- vueIndentScriptAndStyle: 是否缩进 Vue 文件中的 script 和 style 标签，这里是 false，表示不缩进。
- overrides: 覆盖特定文件类型的格式化设置。这里添加了扩展名为 ".wxml" 的文件，使用 HTML 解析器进行格式化。

## Thanks

[prettier/prettier: Prettier is an opinionated code formatter.](https://github.com/prettier/prettier)
npm package: @sanjeever/vue-hook
Description: Collection of essential Vue Composition Utilities
Author: Sanjeev
Latest version: 1.0.3

# @sanjeever/vue-hook

Collection of essential Vue Composition Utilities

<a href="https://www.npmjs.com/package/@sanjeever/vue-hook"><img src="https://img.shields.io/npm/v/@sanjeever/vue-hook.svg?sanitize=true" alt="Version"></a>

View on [npmjs](https://www.npmjs.com/package/@sanjeever/vue-hook)

## Usage

For Vue3

```shell
npm i @sanjeever/vue-hook
```

---

without

```vue
<script setup lang="ts">
import { ref } from 'vue'

const divInstance = ref<HTMLDivElement>()
const clientHeight = divInstance.value?.clientHeight // <-- 'divInstance.value' is possibly 'undefined'.
</script>

<template>
  <div ref="divInstance" />
</template>
```

with

```vue
<script setup lang="ts">
import { useInstance } from '@sanjeever/vue-hook'

const divInstance = useInstance<typeof HTMLDivElement>()
const clientHeight = divInstance.value.clientHeight
</script>

<template>
  <div ref="divInstance" />
</template>
```