Skip to content

Commit

Permalink
chore: update readme
Browse files Browse the repository at this point in the history
  • Loading branch information
hunghg255 committed Jan 4, 2024
1 parent 647bfbc commit 3731f52
Showing 1 changed file with 4 additions and 66 deletions.
70 changes: 4 additions & 66 deletions packages/core/README.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@

<p align="center">
<a href="https://github.com/hunghg255/vite-plugin-reactjs-inspector"><img src="./logo.svg" width="180" alt="vite-plugin-reactjs-inspector"></a>
<a href="https://www.npmjs.com/package/vite-plugin-reactjs-inspector"><img src="https://raw.githubusercontent.com/hunghg255/vite-plugin-reactjs-inspector/main/logo.svg" width="180" alt="vite-plugin-reactjs-inspector"></a>
</p>

<p align="center">
<a href="https://www.npmjs.com/package/vite-plugin-reactjs-inspector" target="_blank" rel="noopener noreferrer"><img src="https://badgen.net/npm/v/vite-plugin-reactjs-inspector" alt="NPM Version" /></a>
<a href="https://www.npmjs.com/package/vite-plugin-reactjs-inspector" target="_blank" rel="noopener noreferrer"><img src="https://badgen.net/npm/dt/vite-plugin-reactjs-inspector" alt="NPM Downloads" /></a>
<a href="https://github.com/hunghg255/vite-plugin-reactjs-inspector/blob/master/LICENSE" target="_blank" rel="noopener noreferrer"><img src="https://badgen.net/github/license/hunghg255/vite-plugin-reactjs-inspector" alt="License" /></a>
<a href="https://www.npmjs.com/package/vite-plugin-reactjs-inspector/blob/master/LICENSE" target="_blank" rel="noopener noreferrer"><img src="https://badgen.net/github/license/hunghg255/vite-plugin-reactjs-inspector" alt="License" /></a>
</p>

<p align="center">
Expand All @@ -15,24 +15,12 @@

## 📖 Introduction

A vite plugin which provides the ability that to jump to the local IDE when you click the element of browser automatically. It supports Vue2 & 3 & SSR.

<p align="center">
<img src="./public/preview.gif" alt="vite-plugin-reactjs-inspector">
</p>
A vite plugin which provides the ability that to jump to the local IDE when you click the element of browser automatically.

## 📦 Installation

```bash

# vite-plugin-reactjs-inspector

pnpm install vite-plugin-reactjs-inspector -D

# unplugin-vue-inspector

pnpm install unplugin-vue-inspector -D

npm install vite-plugin-reactjs-inspector -D
```

## 🦄 Usage
Expand All @@ -49,53 +37,3 @@ export default defineConfig({
plugins: [react(), VitePluginReactInspector()],
})
```
### Options


```ts
interface VitePluginInspectorOptions {
/**
* Default enable state
* @default false
*/
enabled?: boolean

/**
* Define a combo key to toggle inspector
* @default 'control-shift' on windows, 'meta-shift' on other os
*
* any number of modifiers `control` `shift` `alt` `meta` followed by zero or one regular key, separated by -
* examples: control-shift, control-o, control-alt-s meta-x control-meta
* Some keys have native behavior (e.g. alt-s opens history menu on firefox).
* To avoid conflicts or accidentally typing into inputs, modifier only combinations are recommended.
* You can also disable it by setting `false`.
*/
toggleComboKey?: string | false

/**
* Toggle button visibility
* @default 'active'
*/
toggleButtonVisibility?: 'always' | 'active' | 'never'

/**
* Toggle button display position
* @default top-right
*/
toggleButtonPos?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left'

/**
* append an import to the module id ending with `appendTo` instead of adding a script into body
* useful for frameworks that do not support trannsformIndexHtml hook (e.g. Nuxt3)
*
* WARNING: only set this if you know exactly what it does.
*/
appendTo?: string | RegExp

/**
* Customize openInEditor host (e.g. http://localhost:3000)
* @default false
*/
openInEditorHost?: string | false
}
```

0 comments on commit 3731f52

Please sign in to comment.