@nuxt/devtools
Version:
<a href="https://devtools.nuxt.com"><img width="1200" alt="Nuxt DevTools" src="https://github-production-user-asset-6210df.s3.amazonaws.com/904724/261577617-a10567bd-ad33-48cc-9bda-9e37dbe1929f.png"></a> <br>
31 lines (28 loc) • 855 B
JavaScript
import { addVitePlugin } from '@nuxt/kit';
import { join } from 'pathe';
import { runtimeDir } from '../dirs.mjs';
import 'node:path';
import 'node:url';
import 'is-installed-globally';
function setup({ nuxt }) {
if (!nuxt.options.dev || nuxt.options.test)
return;
addVitePlugin({
name: "vue:devtools",
async resolveId(importee) {
if (importee.startsWith("virtual:vue-devtools-path:")) {
const resolved = importee.replace("virtual:vue-devtools-path:", join(runtimeDir, "vue-devtools/"));
return resolved;
}
},
transform(code, id, options) {
const [filename] = id.split("?", 2);
const appendTo = /\/entry\.m?js$/;
if (!options?.ssr && appendTo.test(filename))
code = `import 'virtual:vue-devtools-path:overlay.js';
${code}`;
return code;
}
});
}
export { setup };