29 lines
913 B
JavaScript
29 lines
913 B
JavaScript
|
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
|
||
|
|
});
|
||
|
|
});
|
||
|
|
});
|
||
|
|
};
|