import { setupDevtoolsPlugin } from '@vue/devtools-api';
const COMPONENT_STATE_TYPE = 'VitePress';
export const setupDevtools = (app, router, data) => {
    setupDevtoolsPlugin({
        // fix recursive reference
        app: app,
        id: 'org.vuejs.vitepress',
        label: 'VitePress',
        packageName: 'vitepress',
        homepage: 'https://vitepress.dev',
        componentStateTypes: [COMPONENT_STATE_TYPE]
    }, (api) => {
        api.on.inspectComponent((payload) => {
            payload.instanceData.state.push({
                type: COMPONENT_STATE_TYPE,
                key: 'route',
                value: router.route,
                editable: false
            });
            payload.instanceData.state.push({
                type: COMPONENT_STATE_TYPE,
                key: 'data',
                value: data,
                editable: false
            });
        });
    });
};