# @lmiller1990/vue-devtools-inline

> > This package provides a browser-side devtools client. It can be used to debug Vue applications inside of same-domain iframes. It also works in any browser-like environment (Chrome, Safari, Firefox, and Edge)

Latest version **0.0.1** (published 2021-02-19) · MIT* license · 0 weekly downloads

## Install

```sh
npm install @lmiller1990/vue-devtools-inline
pnpm add @lmiller1990/vue-devtools-inline
yarn add @lmiller1990/vue-devtools-inline
bun add @lmiller1990/vue-devtools-inline
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.1 |
| Published | 2021-02-19 |
| First published | 2021-02-19 |
| Weekly downloads | 0 |
| License | MIT* |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 8.1 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | lmiller1990 |

## Links

- npm: https://www.npmjs.com/package/@lmiller1990/vue-devtools-inline
- npm.io page: https://npm.io/package/@lmiller1990/vue-devtools-inline

## Recent versions

- 0.0.1 (latest) — 2021-02-19
- 0.0.0 — 2021-02-19

## README

# vue-inline-devtools

> This package provides a browser-side devtools client. It can be used to debug Vue applications inside of same-domain iframes. It also works in any browser-like environment (Chrome, Safari, Firefox, and Edge)

### :cd: Installation

Install the package globally:
```bash
npm i vue-inline-devtools -D
```

### :rocket: Usage

#### Using global package

Once you installed the package, you can import it in your application and bind it where you'd like the devtools to render:
```js
import { inlineDevtools } from 'vue-inline-devtools'

// talk to a Vue app rendered inside of a same-domain iframe
inlineDevtools('#container', document.getElementsByTagName('iframe')[0])
```

This will only work on `development` build of your app.

### :beers: Development

1. Install all dependencies
```
yarn
```

2. Run:
```
yarn build
```
This will watch `src` folder and compile files on change

3. Demo:
```
cd example
yarn install
yarn watch
```

### :lock: License

[MIT](http://opensource.org/licenses/MIT)

---
_Source: https://npm.io/package/@lmiller1990/vue-devtools-inline · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._