# vite-plugin-vue-jump

> This plugin creates for support jump to source code of the specific element from your web page.

Latest version **0.0.3** (published 2023-02-03) · MIT license · 0 weekly downloads

## Install

```sh
npm install vite-plugin-vue-jump
pnpm add vite-plugin-vue-jump
yarn add vite-plugin-vue-jump
bun add vite-plugin-vue-jump
```

## Health

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

Positive: has types; no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.3 |
| Published | 2023-02-03 |
| First published | 2023-02-01 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 11.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 39 |
| Maintainers | johnsoncodehk |

## Links

- npm: https://www.npmjs.com/package/vite-plugin-vue-jump
- Repository: https://github.com/johnsoncodehk/vite-plugin-vue-jump
- Homepage: https://github.com/johnsoncodehk/vite-plugin-vue-jump#readme
- Issues: https://github.com/johnsoncodehk/vite-plugin-vue-jump/issues
- npm.io page: https://npm.io/package/vite-plugin-vue-jump

## Dependencies (1)

- [vue-demi](https://npm.io/package/vue-demi.md) latest

## Recent versions

- 0.0.3 (latest) — 2023-02-03
- 0.0.2 — 2023-02-01
- 0.0.1 — 2023-02-01

## README

# vite-plugin-vue-jump

This plugin creates for support jump to source code of the specific element from your web page.

⚠️ Since this plugin will add `pointerenter` and `pointerleave` events for all elements, you should not use this plugin in production, but just for debugging.

Try it: https://volarjs.github.io/

## Install

main.ts:

```ts
import jumpPlugin from 'vite-plugin-vue-jump/client';

// ...

app.use(jumpPlugin);
```

Vite config:

```ts
import { createVuePluginOptions, searchPackageJson } from 'vite-plugin-vue-jump';
import vue from '@vitejs/plugin-vue';

export default {
	plugins: [vue(createVuePluginOptions(
		// base config
		{ reactivityTransform: true },
		// resolve url for dependencies
		(filePath) => {
			const info = searchPackageJson(filePath);
			if (info.packageJson.name === '@vue/theme') {
				return 'https://github.com/vuejs/theme/tree/main/' + info.fileRelativePath;
			}
			else if (info.packageJson.name === '@volar/docs') {
				return 'https://github.com/volarjs/volarjs.github.io/blob/master/' + info.fileRelativePath;
			}
		},
	))]
};
```

## Usage

Hover any element on your page and press `Alt` + left click to jump.

## Sponsors

<p align="center">
	<a href="https://cdn.jsdelivr.net/gh/johnsoncodehk/sponsors/sponsors.svg">
		<img src="https://cdn.jsdelivr.net/gh/johnsoncodehk/sponsors/sponsors.svg"/>
	</a>
</p>

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