Neglected Parking Meter

    @harlem/plugin-devtools
    TypeScript icon, indicating that this package has built-in type declarations

    3.0.2 • Public • Published

    Harlem Devtools Plugin

    The devtools plugin integrates Harlem into the Vue developer tools allowing you to see and edit your stores in real-time.

    Installation

    To get started make sure you have the Vue developer tools installed in your browser. The Vue devtools can be installed here:

    Before installing the devtools plugin make sure you have installed @harlem/core.

    yarn add @harlem/plugin-devtools
    # or
    npm install @harlem/plugin-devtools

    The devtools extension is already included with Harlem when using the harlem package.

    Usage

    Create an instance of the plugin and register it with Harlem:

    import App from './app.vue';
    import devtoolsPlugin from '@harlem/plugin-devtools';
    
    import {
        createVuePlugin
    } from 'harlem';
    
    createApp(App)
        .use(createVuePlugin({
            plugins: [
                devtoolsPlugin({
                    label: 'My State'
                })
            ]
        }))
        .mount('#app');
    1. Open your Vue devtools to see your stores.

    Options

    • label: string? - the name that will appear in the Vue devtools pane. The default is 'Harlem'.
    • color: number? - a Hexadecimal number indicating the color to be used on the timeline for Harlem events. The default is 0x40c48d.

    (?) indicates an optional field

    Install

    npm i @harlem/plugin-devtools

    Homepage

    harlemjs.com

    DownloadsWeekly Downloads

    367

    Version

    3.0.2

    License

    MIT

    Unpacked Size

    778 kB

    Total Files

    12

    Last publish

    Collaborators

    • andrewcourtice