# vue-debug-queryparam

> Conditionally display debug data

Latest version **1.0.7** (published 2024-04-07) · CC0-1.0 license · 0 weekly downloads

## Install

```sh
npm install vue-debug-queryparam
pnpm add vue-debug-queryparam
yarn add vue-debug-queryparam
bun add vue-debug-queryparam
```

## Health

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

Positive: has types; esm support; no vulnerabilities; high quality score.

Warnings: low downloads.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.7 |
| Published | 2024-04-07 |
| First published | 2023-04-11 |
| Weekly downloads | 0 |
| License | CC0-1.0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Unpacked size | 297.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Conley Owens |
| Maintainers | cco3 |

## Links

- npm: https://www.npmjs.com/package/vue-debug-queryparam
- Repository: https://gitlab.com/inkylabs/vue-debug-queryparam
- npm.io page: https://npm.io/package/vue-debug-queryparam

## Recent versions

- 1.0.7 (latest) — 2024-04-07
- 1.0.6 — 2023-04-11
- 1.0.5 — 2023-04-11
- 1.0.4 — 2023-04-11
- 1.0.3 — 2023-04-11
- 1.0.2 — 2023-04-11
- 1.0.1 — 2023-04-11
- 1.0.0 — 2023-04-11

## README

# vue-debug-queryparam

A vue plugin for displaying debugging information.

## Quick start

In vanilla vue:

```
import debugQueryparam 'vue-debug-queryparam/plugin'
vueApp.use(debugQueryParam)
```

In nuxt:

```
modules: [
    'vue-debug-queryparam/nuxt'
]
```

The debug composable:

```
import useDebug from 'vue-debug-queryparam'
const debug = useDebug()
console.log(debug) // Prints true if ?debug=true is set
debug.value = true // Sets ?debug=true in the URL
```

The debug component:

```
<DebugData
   :data="{ myvar1, myvar2 }"
   :expand-depth="2"
/>
```

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