@vue/devtools/dist/index.d.ts

> This package provides a standalone vue-devtools application, that can be used to debug any Vue app regardless of the environment. Now you can debug your app opened in mobile browser, safari, native script etc. not just desktop chrome or firefox.

import { connect } from "@vue/devtools-electron";
import * as _vue_devtools_kit0 from "@vue/devtools-kit";
import { addCustomCommand, addCustomTab, onDevToolsClientConnected, onDevToolsConnected, removeCustomCommand } from "@vue/devtools-kit";
export * from "@vue/devtools-kit";

//#region src/index.d.ts
declare const devtools: {
  connect: typeof connect;
  hook: _vue_devtools_kit0.VueHooks;
  init: () => void;
  ctx: _vue_devtools_kit0.DevtoolsContext;
  api: {
    getInspectorTree(payload: Pick<_vue_devtools_kit0.DevToolsV6PluginAPIHookPayloads[_vue_devtools_kit0.DevToolsV6PluginAPIHookKeys.GET_INSPECTOR_TREE], "inspectorId" | "filter">): Promise<never[]>;
    getInspectorState(payload: Pick<_vue_devtools_kit0.DevToolsV6PluginAPIHookPayloads[_vue_devtools_kit0.DevToolsV6PluginAPIHookKeys.GET_INSPECTOR_STATE], "inspectorId" | "nodeId">): Promise<_vue_devtools_kit0.CustomInspectorState>;
    editInspectorState(payload: _vue_devtools_kit0.DevToolsV6PluginAPIHookPayloads[_vue_devtools_kit0.DevToolsV6PluginAPIHookKeys.EDIT_INSPECTOR_STATE]): void;
    sendInspectorState(inspectorId: string): void;
    inspectComponentInspector(): Promise<string>;
    cancelInspectComponentInspector(): void;
    getComponentRenderCode(id: string): any;
    scrollToComponent(id: string): void;
    openInEditor: typeof _vue_devtools_kit0.openInEditor;
    getVueInspector: typeof _vue_devtools_kit0.getComponentInspector;
    toggleApp(id: string, options?: {
      inspectingComponent?: boolean;
    }): void;
    inspectDOM(instanceId: string): void;
    updatePluginSettings(pluginId: string, key: string, value: string): void;
    getPluginSettings(pluginId: string): {
      options: Record<string, {
        label: string;
        description?: string;
      } & ({
        type: "boolean";
        defaultValue: boolean;
      } | {
        type: "choice";
        defaultValue: string | number;
        options: {
          value: string | number;
          label: string;
        }[];
        component?: "select" | "button-group";
      } | {
        type: "text";
        defaultValue: string;
      })> | null;
      values: any;
    };
  };
};
//#endregion
export { addCustomCommand, addCustomTab, devtools, onDevToolsClientConnected, onDevToolsConnected, removeCustomCommand };