@harlem/plugin-devtools
Advanced tools
Comparing version 3.0.0-beta.1 to 3.0.0
{ | ||
"name": "@harlem/plugin-devtools", | ||
"amdName": "harlemDevtools", | ||
"version": "3.0.0-beta.1", | ||
"version": "3.0.0", | ||
"license": "MIT", | ||
@@ -51,9 +51,9 @@ "author": "Andrew Courtice <andrewcourtice@users.noreply.github.com>", | ||
"dependencies": { | ||
"@harlem/utilities": "^3.0.0-beta.1", | ||
"@harlem/utilities": "^3.0.0", | ||
"@vue/devtools-api": "^6.4.5" | ||
}, | ||
"devDependencies": { | ||
"@harlem/core": "^3.0.0-beta.1" | ||
"@harlem/core": "^3.0.0" | ||
}, | ||
"gitHead": "1b3c1dd69f7239adcd5f7f2eaec52192715ac6df" | ||
"gitHead": "c361fdca410e5ad50c70e141c1335d209b768d66" | ||
} |
# Harlem Devtools Plugin | ||
![npm](https://img.shields.io/npm/v/@harlem/plugin-devtools) | ||
The devtools plugin integrates Harlem into the Vue developer tools allowing you to see and edit your stores in real-time. | ||
This is the official Harlem devtools plugin for adding Vue devtools integration to Harlem. | ||
## Installation | ||
**Note:** The Vue 3 compatible devtools are currently in beta and subject to change. Please ensure you have the beta version of the Vue devtools installed in your browser and disable the stable Vue devtools to prevent conflict. | ||
To get started make sure you have the Vue developer tools installed in your browser. The Vue devtools can be installed here: | ||
- [Chrome](https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd) | ||
- [Edge](https://microsoftedge.microsoft.com/addons/detail/vuejs-devtools/olofadcdnkkjdfgjcmjaadnlehnnihnl) | ||
- [Firefox](https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools) | ||
![Harlem Devtools](https://user-images.githubusercontent.com/11718453/95668309-aa5ade00-0bb5-11eb-99f5-1fea4d2061ff.gif) | ||
Before installing the devtools plugin make sure you have installed `@harlem/core`. | ||
## Installation | ||
Before installing the devtools plugin make sure you installed `@harlem/core`. | ||
```bash | ||
@@ -21,2 +20,5 @@ yarn add @harlem/plugin-devtools | ||
The devtools extension is already included with Harlem when using the `harlem` package. | ||
## Usage | ||
@@ -27,8 +29,10 @@ | ||
import App from './app.vue'; | ||
import harlem from '@harlem/core'; | ||
import devtoolsPlugin from '@harlem/plugin-devtools'; | ||
import { | ||
createVuePlugin | ||
} from 'harlem'; | ||
createApp(App) | ||
.use(harlem, { | ||
.use(createVuePlugin({ | ||
plugins: [ | ||
@@ -39,3 +43,3 @@ devtoolsPlugin({ | ||
] | ||
}) | ||
})) | ||
.mount('#app'); | ||
@@ -42,0 +46,0 @@ ``` |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
778084
16313
1
53
Updated@harlem/utilities@^3.0.0