@dev-to/vue-plugin 0.2.2

package/README.md

@@ -0,0 +1,24 @@
+# @dev-to/vue-plugin
+
+Vite plugin that exposes DevTo bridge endpoints for Vue component development.
+
+## Usage
+
+```ts
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import { devToVuePlugin } from '@dev-to/vue-plugin'
+
+export default defineConfig({
+  server: {
+    port: 5173,
+    cors: true,
+  },
+  plugins: [
+    vue(),
+    devToVuePlugin({
+      MyCard: 'src/components/MyCard.vue',
+    }),
+  ],
+})
+```

package/dist/constants.d.ts

@@ -0,0 +1,15 @@
+export declare const PLUGIN_NAME: "dev_to_vue";
+export declare const PLUGIN_LOG_PREFIX: "[dev_to:vue]";
+export declare const STABLE_BASE_PATH: "/__dev_to__";
+export declare const STABLE_DISCOVERY_PATH: "/__dev_to__/discovery.json";
+export declare const STABLE_DEBUG_HTML_PATH: "/__dev_to__/debug.html";
+export declare const STABLE_DEBUG_JSON_PATH: "/__dev_to__/debug.json";
+export declare const STABLE_VUE_BASE_PATH: "/__dev_to__/vue";
+export declare const STABLE_CONTRACT_PATH: "/__dev_to__/vue/contract.js";
+export declare const STABLE_INIT_PATH: "/__dev_to__/vue/init.js";
+export declare const STABLE_VUE_RUNTIME_PATH: "/__dev_to__/vue/runtime.js";
+export declare const STABLE_LOADER_UMD_PATH: "/__dev_to__/vue/loader.js";
+export declare const STABLE_LOADER_BASE_PATH: "/__dev_to__/vue/loader";
+export declare const EVENT_FULL_RELOAD: "dev_to:vue:full-reload";
+export declare const EVENT_HMR_UPDATE: "dev_to:vue:hmr-update";
+//# sourceMappingURL=constants.d.ts.map

package/dist/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAiBA,eAAO,MAAM,WAAW,cAAyD,CAAA;AACjF,eAAO,MAAM,iBAAiB,gBAA2D,CAAA;AAGzF,eAAO,MAAM,gBAAgB,eAAmB,CAAA;AAChD,eAAO,MAAM,qBAAqB,8BAAwB,CAAA;AAC1D,eAAO,MAAM,sBAAsB,0BAAyB,CAAA;AAC5D,eAAO,MAAM,sBAAsB,0BAAyB,CAAA;AAG5D,eAAO,MAAM,oBAAoB,mBAAuB,CAAA;AACxD,eAAO,MAAM,oBAAoB,+BAA2B,CAAA;AAC5D,eAAO,MAAM,gBAAgB,2BAAuB,CAAA;AACpD,eAAO,MAAM,uBAAuB,8BAA0B,CAAA;AAC9D,eAAO,MAAM,sBAAsB,6BAA6B,CAAA;AAChE,eAAO,MAAM,uBAAuB,0BAA8B,CAAA;AAElE,eAAO,MAAM,iBAAiB,0BAA+B,CAAA;AAC7D,eAAO,MAAM,gBAAgB,yBAA8B,CAAA"}

package/dist/debugTools.d.ts

@@ -0,0 +1,12 @@
+import type { ViteDevServer } from 'vite';
+import type { BridgeContract, BridgeStats, DebugStartupState, DevComponentAudit, ResolvedDevComponentConfig } from './types.js';
+export interface DebugToolsContext {
+    contract: BridgeContract;
+    stats: BridgeStats;
+    audit: DevComponentAudit;
+    resolvedConfig: ResolvedDevComponentConfig;
+    configDir: string;
+    open?: boolean;
+}
+export declare function installDebugTools(server: ViteDevServer, ctx: DebugToolsContext, state: DebugStartupState): void;
+//# sourceMappingURL=debugTools.d.ts.map

package/dist/debugTools.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"debugTools.d.ts","sourceRoot":"","sources":["../src/debugTools.ts"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,MAAM,CAAA;AAEzC,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,0BAA0B,EAAE,MAAM,YAAY,CAAA;AAE/H,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,cAAc,CAAA;IACxB,KAAK,EAAE,WAAW,CAAA;IAClB,KAAK,EAAE,iBAAiB,CAAA;IACxB,cAAc,EAAE,0BAA0B,CAAA;IAC1C,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AA4ED,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,aAAa,EAAE,GAAG,EAAE,iBAAiB,EAAE,KAAK,EAAE,iBAAiB,QAwNxG"}

package/dist/devComponentMap.d.ts

@@ -0,0 +1,4 @@
+import type { DevComponentMapInput, ResolvedDevComponentConfig } from './types.js';
+export declare function toViteFsPath(filePath: string): string;
+export declare function resolveDevComponentConfig(rootDir: string, devComponentMap: DevComponentMapInput, fallbackRoot?: string): ResolvedDevComponentConfig;
+//# sourceMappingURL=devComponentMap.d.ts.map

package/dist/devComponentMap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"devComponentMap.d.ts","sourceRoot":"","sources":["../src/devComponentMap.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,oBAAoB,EAAE,0BAA0B,EAAE,MAAM,YAAY,CAAA;AAElF,wBAAgB,YAAY,CAAC,QAAQ,EAAE,MAAM,UAG5C;AAoED,wBAAgB,yBAAyB,CACvC,OAAO,EAAE,MAAM,EACf,eAAe,EAAE,oBAAoB,EACrC,YAAY,CAAC,EAAE,MAAM,GACpB,0BAA0B,CA8D5B"}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { devToVuePlugin } from './plugin.js';
+export type { DevComponentMapInput, DevToVuePluginOptions, } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAE5C,YAAY,EACV,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,YAAY,CAAA"}

package/dist/index.js

@@ -0,0 +1,770 @@
+import node_path from "node:path";
+import { mergeConfig } from "vite";
+import { DEV_TO_BASE_PATH, DEV_TO_DEBUG_HTML_PATH, DEV_TO_DEBUG_JSON_PATH, DEV_TO_DISCOVERY_PATH, DEV_TO_NAMESPACE, DEV_TO_VUE_CONTRACT_KEY, DEV_TO_VUE_CONTRACT_PATH, DEV_TO_VUE_DEBUG_STATE_KEY, DEV_TO_VUE_DID_OPEN_BROWSER_KEY, DEV_TO_VUE_EVENT_FULL_RELOAD, DEV_TO_VUE_EVENT_HMR_UPDATE, DEV_TO_VUE_INIT_PATH, DEV_TO_VUE_LOADER_BASE_PATH, DEV_TO_VUE_LOADER_UMD_PATH, DEV_TO_VUE_NAMESPACE, DEV_TO_VUE_ORIGIN_KEY, DEV_TO_VUE_RESOLVE_ASSET_KEY, DEV_TO_VUE_RUNTIME_PATH } from "@dev-to/shared";
+import { exec } from "node:child_process";
+import node_fs from "node:fs";
+import { createRequire } from "node:module";
+import node_os from "node:os";
+const PLUGIN_NAME = `${DEV_TO_NAMESPACE}_${DEV_TO_VUE_NAMESPACE}`;
+const constants_PLUGIN_LOG_PREFIX = `[${DEV_TO_NAMESPACE}:${DEV_TO_VUE_NAMESPACE}]`;
+const STABLE_BASE_PATH = DEV_TO_BASE_PATH;
+const STABLE_DISCOVERY_PATH = DEV_TO_DISCOVERY_PATH;
+const STABLE_DEBUG_HTML_PATH = DEV_TO_DEBUG_HTML_PATH;
+const STABLE_DEBUG_JSON_PATH = DEV_TO_DEBUG_JSON_PATH;
+const STABLE_CONTRACT_PATH = DEV_TO_VUE_CONTRACT_PATH;
+const STABLE_INIT_PATH = DEV_TO_VUE_INIT_PATH;
+const STABLE_VUE_RUNTIME_PATH = DEV_TO_VUE_RUNTIME_PATH;
+const STABLE_LOADER_UMD_PATH = DEV_TO_VUE_LOADER_UMD_PATH;
+const STABLE_LOADER_BASE_PATH = DEV_TO_VUE_LOADER_BASE_PATH;
+const EVENT_FULL_RELOAD = DEV_TO_VUE_EVENT_FULL_RELOAD;
+const EVENT_HMR_UPDATE = DEV_TO_VUE_EVENT_HMR_UPDATE;
+function getLanIPv4Hosts() {
+    const nets = node_os.networkInterfaces();
+    const out = new Set();
+    for (const items of Object.values(nets))if (items) {
+        for (const info of items)if ('IPv4' === info.family && !info.internal) out.add(info.address);
+    }
+    return Array.from(out);
+}
+function openBrowser(url) {
+    const bridgePath = STABLE_DEBUG_HTML_PATH;
+    if ('darwin' === process.platform) {
+        const script = `
+      try
+        tell application "Google Chrome"
+          repeat with w in windows
+            repeat with t in tabs of w
+              if URL of t contains "${bridgePath}" then
+                set URL of t to "${url}"
+                set active tab index of w to (get index of t)
+                set index of w to 1
+                activate
+                return "found"
+              end if
+            end repeat
+          end repeat
+        end tell
+      end try
+
+      try
+        tell application "Microsoft Edge"
+          repeat with w in windows
+            repeat with t in tabs of w
+              if URL of t contains "${bridgePath}" then
+                set URL of t to "${url}"
+                set active tab index of w to (get index of t)
+                set index of w to 1
+                activate
+                return "found"
+              end if
+            end repeat
+          end repeat
+        end tell
+      end try
+
+      try
+        tell application "Safari"
+          repeat with w in windows
+            repeat with t in tabs of w
+              if URL of t contains "${bridgePath}" then
+                set URL of t to "${url}"
+                set current tab of w to t
+                set index of w to 1
+                activate
+                return "found"
+              end if
+            end repeat
+          end repeat
+        end tell
+      end try
+
+      return "not_found"
+    `.replace(/\n/g, ' ');
+        exec(`osascript -e '${script}'`, (err, stdout)=>{
+            if (err || 'found' !== stdout.trim()) exec(`open "${url}"`);
+        });
+        return;
+    }
+    if ('win32' === process.platform) return void exec(`start "" "${url}"`);
+    exec(`xdg-open "${url}"`);
+}
+const globalState = globalThis;
+let didOpenBrowser = Boolean(globalState[DEV_TO_VUE_DID_OPEN_BROWSER_KEY]);
+function installDebugTools(server, ctx, state) {
+    const printStartupDebugUrl = ()=>{
+        if (state.didPrintStartupDebugUrl) return;
+        state.didPrintStartupDebugUrl = true;
+        const isHttps = !!server.config.server.https;
+        const proto = isHttps ? 'https' : 'http';
+        const addr = server.httpServer?.address();
+        const actualPort = addr && 'object' == typeof addr ? addr.port : void 0;
+        const port = (()=>{
+            if ('number' == typeof actualPort) return actualPort;
+            if ('number' == typeof server.config.server.port) return server.config.server.port;
+            return 5173;
+        })();
+        const logger = server.config.logger;
+        const info = 'function' == typeof logger?.info ? logger.info.bind(logger) : console.log;
+        setImmediate(()=>{
+            info('');
+            info(`  DevTo: ${proto}://localhost:${port}${DEV_TO_BASE_PATH}`);
+        });
+        if (ctx.open && !didOpenBrowser) {
+            didOpenBrowser = true;
+            globalState[DEV_TO_VUE_DID_OPEN_BROWSER_KEY] = true;
+            const debugUrl = `${proto}://localhost:${port}${STABLE_DEBUG_HTML_PATH}`;
+            openBrowser(debugUrl);
+        }
+    };
+    try {
+        if (server.httpServer) {
+            server.httpServer.once('listening', printStartupDebugUrl);
+            if (server.httpServer.listening) printStartupDebugUrl();
+        }
+    } catch  {}
+    server.middlewares.use((req, res, next)=>{
+        const url = req.url || '';
+        const pathname = String(url).split('?')[0];
+        const now = Date.now();
+        if (pathname === STABLE_CONTRACT_PATH) {
+            ctx.stats.contract.count += 1;
+            ctx.stats.contract.lastAt = now;
+        } else if (pathname === STABLE_INIT_PATH) {
+            ctx.stats.init.count += 1;
+            ctx.stats.init.lastAt = now;
+        } else if (pathname === STABLE_VUE_RUNTIME_PATH) {
+            ctx.stats.runtime.count += 1;
+            ctx.stats.runtime.lastAt = now;
+        }
+        if (url === STABLE_BASE_PATH || url === `${STABLE_BASE_PATH}/`) {
+            res.statusCode = 302;
+            res.setHeader('Location', STABLE_DEBUG_HTML_PATH);
+            res.end();
+            return;
+        }
+        if (url.startsWith(STABLE_DISCOVERY_PATH)) {
+            const isHttps = !!server.config.server.https;
+            const proto = isHttps ? 'https' : 'http';
+            const addr = server.httpServer?.address();
+            const actualPort = addr && 'object' == typeof addr ? addr.port : void 0;
+            const lanHosts = getLanIPv4Hosts();
+            const candidateHosts = [
+                'localhost',
+                '127.0.0.1',
+                ...lanHosts
+            ];
+            const originCandidates = candidateHosts.map((h)=>`${proto}://${h}${actualPort ? `:${actualPort}` : ''}`);
+            const require = createRequire(import.meta.url);
+            let vueVersion = '3.x';
+            try {
+                const vuePkgPath = require.resolve('vue/package.json');
+                const vuePkg = JSON.parse(node_fs.readFileSync(vuePkgPath, 'utf-8'));
+                vueVersion = vuePkg.version || vueVersion;
+            } catch  {}
+            const components = {};
+            for (const [name, entry] of Object.entries(ctx.contract?.dev?.componentMap || {}))components[name] = {
+                name,
+                entry,
+                framework: 'vue'
+            };
+            const discovery = {
+                framework: {
+                    type: 'vue',
+                    version: vueVersion
+                },
+                server: {
+                    host: String(server.config.server.host || 'localhost'),
+                    port: actualPort || server.config.server.port || 5173,
+                    protocol: proto,
+                    origins: originCandidates
+                },
+                endpoints: {
+                    discovery: STABLE_DISCOVERY_PATH,
+                    contract: STABLE_CONTRACT_PATH,
+                    init: STABLE_INIT_PATH,
+                    runtime: STABLE_VUE_RUNTIME_PATH,
+                    debug: {
+                        html: STABLE_DEBUG_HTML_PATH,
+                        json: STABLE_DEBUG_JSON_PATH
+                    },
+                    loader: {
+                        base: STABLE_LOADER_BASE_PATH,
+                        umd: STABLE_LOADER_UMD_PATH
+                    }
+                },
+                components,
+                events: {
+                    fullReload: ctx.contract?.events?.fullReload || '',
+                    hmrUpdate: ctx.contract?.events?.hmrUpdate || ''
+                },
+                protocol: {
+                    version: '2.0.0',
+                    apiLevel: 1
+                }
+            };
+            res.statusCode = 200;
+            res.setHeader('Content-Type', 'application/json; charset=utf-8');
+            res.setHeader('Access-Control-Allow-Origin', '*');
+            res.setHeader('Cache-Control', 'no-cache, no-store, must-revalidate');
+            res.end(JSON.stringify(discovery, null, 2));
+            return;
+        }
+        if (url.startsWith(STABLE_DEBUG_JSON_PATH)) {
+            const isHttps = !!server.config.server.https;
+            const proto = isHttps ? 'https' : 'http';
+            const hostHeader = String(req.headers.host || '');
+            const addr = server.httpServer?.address();
+            const actualPort = addr && 'object' == typeof addr ? addr.port : void 0;
+            const lanHosts = getLanIPv4Hosts();
+            const candidateHosts = [
+                'localhost',
+                '127.0.0.1',
+                ...lanHosts
+            ];
+            const originCandidates = candidateHosts.map((h)=>`${proto}://${h}${actualPort ? `:${actualPort}` : ''}`);
+            const requestOrigin = hostHeader ? `${proto}://${hostHeader}` : originCandidates[0];
+            res.statusCode = 200;
+            res.setHeader('Content-Type', 'application/json; charset=utf-8');
+            res.end(JSON.stringify({
+                contract: ctx.contract,
+                stats: ctx.stats,
+                audit: ctx.audit,
+                server: {
+                    protocol: proto,
+                    hostHeader,
+                    actualPort,
+                    config: {
+                        host: server.config.server.host,
+                        port: server.config.server.port,
+                        strictPort: server.config.server.strictPort,
+                        cors: server.config.server.cors,
+                        https: !!server.config.server.https
+                    }
+                },
+                originCandidates,
+                usage: {
+                    localStorageKey: 'VITE_DEV_SERVER_ORIGIN',
+                    suggested: requestOrigin,
+                    snippet: `localStorage.setItem('VITE_DEV_SERVER_ORIGIN', '${requestOrigin}'); location.reload();`
+                }
+            }, null, 2));
+            return;
+        }
+        if (url.startsWith(STABLE_DEBUG_HTML_PATH)) {
+            const isHttps = !!server.config.server.https;
+            const proto = isHttps ? 'https' : 'http';
+            const addr = server.httpServer?.address();
+            const actualPort = addr && 'object' == typeof addr ? addr.port : void 0;
+            const lanHosts = getLanIPv4Hosts();
+            const candidateHosts = [
+                'localhost',
+                '127.0.0.1',
+                ...lanHosts
+            ];
+            const originCandidates = candidateHosts.map((h)=>`${proto}://${h}${actualPort ? `:${actualPort}` : ''}`);
+            const html = renderDebugHtml({
+                originCandidates,
+                contract: ctx.contract
+            });
+            res.statusCode = 200;
+            res.setHeader('Content-Type', 'text/html; charset=utf-8');
+            res.end(html);
+            return;
+        }
+        next();
+    });
+}
+function renderDebugHtml(params) {
+    const { originCandidates, contract } = params;
+    const originsJson = JSON.stringify(originCandidates);
+    const contractJson = JSON.stringify(contract, null, 2);
+    return `<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>DevTo Vue Debug</title>
+  <style>
+    body { font-family: system-ui, sans-serif; padding: 20px; color: #111827; }
+    h1 { font-size: 20px; margin-bottom: 8px; }
+    .card { border: 1px solid #e5e7eb; border-radius: 8px; padding: 12px; margin-bottom: 12px; }
+    .origin { display: flex; gap: 8px; align-items: center; margin-bottom: 8px; }
+    button { border: 1px solid #d1d5db; background: #fff; padding: 4px 8px; border-radius: 4px; cursor: pointer; }
+    pre { background: #f9fafb; padding: 10px; border-radius: 6px; overflow: auto; font-size: 12px; }
+    code { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
+  </style>
+</head>
+<body>
+  <h1>DevTo Vue Debug</h1>
+  <div class="card">
+    <div><strong>Set origin in host</strong></div>
+    <div id="origin-list"></div>
+    <pre id="origin-cmd"></pre>
+  </div>
+  <div class="card">
+    <div><strong>Contract</strong></div>
+    <pre>${contractJson}</pre>
+  </div>
+  <script>
+    const origins = ${originsJson};
+    const list = document.getElementById('origin-list');
+    const cmd = document.getElementById('origin-cmd');
+
+    function makeCmd(origin) {
+      return "localStorage.setItem('VITE_DEV_SERVER_ORIGIN', '" + origin + "'); location.reload();";
+    }
+
+    function setCmd(origin) {
+      cmd.textContent = makeCmd(origin);
+    }
+
+    function copy(text) {
+      if (navigator.clipboard && navigator.clipboard.writeText) {
+        return navigator.clipboard.writeText(text);
+      }
+      const ta = document.createElement('textarea');
+      ta.value = text;
+      document.body.appendChild(ta);
+      ta.select();
+      document.execCommand('copy');
+      document.body.removeChild(ta);
+      return Promise.resolve();
+    }
+
+    origins.forEach(origin => {
+      const row = document.createElement('div');
+      row.className = 'origin';
+      const code = document.createElement('code');
+      code.textContent = origin;
+      const btn = document.createElement('button');
+      btn.textContent = 'Copy';
+      btn.onclick = () => {
+        setCmd(origin);
+        copy(makeCmd(origin));
+      };
+      row.appendChild(code);
+      row.appendChild(btn);
+      list.appendChild(row);
+    });
+
+    if (origins[0]) setCmd(origins[0]);
+  </script>
+</body>
+</html>`;
+}
+function tryResolveWithExtensions(p) {
+    const exts = [
+        '.vue',
+        '.tsx',
+        '.jsx',
+        '.ts',
+        '.js'
+    ];
+    if (node_fs.existsSync(p)) return p;
+    const parsed = node_path.parse(p);
+    if (parsed.ext) for (const ext of exts){
+        const cand = node_path.join(parsed.dir, `${parsed.name}${ext}`);
+        if (node_fs.existsSync(cand)) return cand;
+    }
+    else for (const ext of exts){
+        const cand = `${p}${ext}`;
+        if (node_fs.existsSync(cand)) return cand;
+    }
+    return null;
+}
+function toViteFsPath(filePath) {
+    const normalized = filePath.replace(/\\/g, '/');
+    return normalized.startsWith('/') ? `/@fs${normalized}` : `/@fs/${normalized}`;
+}
+function resolveDefaultEntryAbs(rootDir) {
+    const appCandidates = [
+        node_path.resolve(rootDir, 'src/App.vue'),
+        node_path.resolve(rootDir, 'src/App.ts'),
+        node_path.resolve(rootDir, 'src/App.tsx'),
+        node_path.resolve(rootDir, 'src/App.jsx'),
+        node_path.resolve(rootDir, 'src/App.js')
+    ];
+    const foundApp = appCandidates.find((p)=>node_fs.existsSync(p));
+    if (foundApp) return foundApp;
+    const mainCandidates = [
+        node_path.resolve(rootDir, 'src/main.ts'),
+        node_path.resolve(rootDir, 'src/main.tsx'),
+        node_path.resolve(rootDir, 'src/main.jsx'),
+        node_path.resolve(rootDir, 'src/main.js'),
+        node_path.resolve(rootDir, 'src/index.ts'),
+        node_path.resolve(rootDir, 'src/index.tsx'),
+        node_path.resolve(rootDir, 'src/index.jsx'),
+        node_path.resolve(rootDir, 'src/index.js')
+    ];
+    const foundMain = mainCandidates.find((p)=>node_fs.existsSync(p));
+    if (foundMain) return foundMain;
+    return appCandidates[0];
+}
+function buildDevComponentMapFromRecord(rootDir, input, defaultEntryAbs, convertAt = false, fallbackRoot) {
+    const out = {};
+    for (const [componentName, entry] of Object.entries(input)){
+        if (!componentName || !entry) continue;
+        if ('/' === entry) {
+            out[componentName] = convertAt ? toViteFsPath(defaultEntryAbs) : '/';
+            continue;
+        }
+        if (entry.startsWith('http://') || entry.startsWith('https://') || entry.startsWith('/')) {
+            out[componentName] = entry;
+            continue;
+        }
+        const abs = node_path.isAbsolute(entry) ? entry : node_path.resolve(rootDir, entry);
+        let resolved = tryResolveWithExtensions(abs);
+        if (!resolved && fallbackRoot && fallbackRoot !== rootDir) {
+            const fallbackAbs = node_path.isAbsolute(entry) ? entry : node_path.resolve(fallbackRoot, entry);
+            resolved = tryResolveWithExtensions(fallbackAbs);
+        }
+        resolved = resolved || abs;
+        out[componentName] = toViteFsPath(resolved);
+    }
+    return out;
+}
+function getFsPathFromViteEntry(entry) {
+    if (!entry.startsWith('/@fs')) return null;
+    let p = entry.slice(4);
+    if (p.startsWith('/') && /\/[A-Za-z]:\//.test(p)) p = p.slice(1);
+    return p;
+}
+function resolveDevComponentConfig(rootDir, devComponentMap, fallbackRoot) {
+    const defaultEntryAbs = resolveDefaultEntryAbs(rootDir);
+    const defaultEntry = toViteFsPath(defaultEntryAbs);
+    let resolvedDevComponentMap = {};
+    if ('string' == typeof devComponentMap) {
+        const name = devComponentMap.trim();
+        resolvedDevComponentMap = name ? buildDevComponentMapFromRecord(rootDir, {
+            [name]: '/'
+        }, defaultEntryAbs, false, fallbackRoot) : {
+            '*': '/'
+        };
+    } else {
+        const input = devComponentMap ?? {};
+        resolvedDevComponentMap = 0 === Object.keys(input).length ? {
+            '*': '/'
+        } : buildDevComponentMapFromRecord(rootDir, input, defaultEntryAbs, false, fallbackRoot);
+    }
+    const audit = (()=>{
+        const missing = [];
+        for (const [componentName, entry] of Object.entries(resolvedDevComponentMap)){
+            const fsPath = getFsPathFromViteEntry(entry);
+            if (fsPath) {
+                const resolved = tryResolveWithExtensions(fsPath);
+                if (!resolved || !node_fs.existsSync(resolved)) missing.push({
+                    componentName,
+                    filePath: fsPath
+                });
+            }
+        }
+        return {
+            defaultEntryAbs,
+            defaultEntryExists: node_fs.existsSync(defaultEntryAbs),
+            componentMapCount: Object.keys(resolvedDevComponentMap).length,
+            missingEntries: missing
+        };
+    })();
+    return {
+        defaultEntryAbs,
+        defaultEntry,
+        componentMap: resolvedDevComponentMap,
+        audit
+    };
+}
+function transformAssetUrl(code, id) {
+    if (id.includes('?import') || /\.(svg|png|jpg|jpeg|gif|webp|ico|bmp|tiff|woff|woff2|ttf|eot|otf)$/.test(id)) {
+        const relativePathMatch = code.match(/export\s+default\s+["']([^"']+)["']/);
+        if (relativePathMatch) {
+            const relativePath = relativePathMatch[1];
+            if (relativePath.startsWith('/') && !relativePath.startsWith('http')) {
+                const transformedCode = code.replace(/export\s+default\s+["']([^"']+)["']/, `export default (() => {
+                const path = "${relativePath}";
+                if (typeof window !== 'undefined' && window[${JSON.stringify(DEV_TO_VUE_RESOLVE_ASSET_KEY)}]) {
+                  return window[${JSON.stringify(DEV_TO_VUE_RESOLVE_ASSET_KEY)}](path);
+                }
+                try {
+                  const ORIGIN = new URL(import.meta.url).origin;
+                  return path.startsWith('http') ? path : ORIGIN + path;
+                } catch (e) {
+                  console.warn('${constants_PLUGIN_LOG_PREFIX} Failed to resolve static asset URL:', path, e);
+                  return path;
+                }
+              })()`);
+                return {
+                    code: transformedCode,
+                    map: null
+                };
+            }
+        }
+    }
+    return null;
+}
+function transformViteDevCssAssetUrls(code, id) {
+    const cleanId = id.split('?')[0];
+    if (!/\.(css|less|sass|scss|styl|stylus)$/.test(cleanId)) return null;
+    if (!code.includes('__vite__updateStyle') || !code.includes('const __vite__css')) return null;
+    if (!/url\(\s*['"]?\//.test(code)) return null;
+    if (code.includes('__dev_to__css')) return null;
+    const updateCallRE = /__vite__updateStyle\(\s*__vite__id\s*,\s*__vite__css\s*\)/;
+    if (!updateCallRE.test(code)) return null;
+    const injected = `
+const __dev_to__resolveAsset = (path) => {
+  if (!path) return path;
+  if (path.startsWith('http://') || path.startsWith('https://') || path.startsWith('data:') || path.startsWith('blob:')) {
+    return path;
+  }
+  try {
+    const g = typeof globalThis !== 'undefined' ? globalThis : window;
+    const fn = g && g[${JSON.stringify(DEV_TO_VUE_RESOLVE_ASSET_KEY)}];
+    if (typeof fn === 'function') return fn(path);
+  } catch {
+    // ignore
+  }
+  try {
+    const origin = new URL(import.meta.url).origin;
+    return path.startsWith('/') ? origin + path : origin + '/' + path;
+  } catch (e) {
+    console.warn('${constants_PLUGIN_LOG_PREFIX} Failed to resolve CSS asset URL:', path, e);
+    return path;
+  }
+};
+const __dev_to__css = __vite__css.replace(/url\\(\\s*(['"]?)(\\/(?!\\/)[^'")]+)\\1\\s*\\)/g, (_m, q, p) => {
+  const next = __dev_to__resolveAsset(p);
+  return 'url(' + q + next + q + ')';
+});
+`;
+    const nextCode = code.replace(updateCallRE, `${injected}__vite__updateStyle(__vite__id, __dev_to__css)`);
+    return {
+        code: nextCode,
+        map: null
+    };
+}
+function createContractVirtualModuleCode(contract) {
+    return `
+    const CONTRACT = ${JSON.stringify(contract)};
+    const ORIGIN = new URL(import.meta.url).origin;
+    const G = typeof globalThis !== 'undefined' ? globalThis : window;
+    const DEBUG_KEY = ${JSON.stringify(DEV_TO_VUE_DEBUG_STATE_KEY)};
+    const STATE = (G[DEBUG_KEY] ||= { logged: {} });
+    if (!STATE.logged.contract) {
+      STATE.logged.contract = true;
+      console.groupCollapsed('${constants_PLUGIN_LOG_PREFIX} contract loaded');
+      console.log('Origin:', ORIGIN);
+      console.log('Paths:', CONTRACT.paths);
+      console.log('Events:', CONTRACT.events);
+      console.log('Components:', Object.keys(CONTRACT?.dev?.componentMap || {}));
+      console.log('Tip: open', ORIGIN + '${STABLE_DEBUG_HTML_PATH}');
+      console.groupEnd();
+    }
+    export const DEV_TO_VUE_CONTRACT = CONTRACT;
+    export default CONTRACT;
+  `;
+}
+function createInitVirtualModuleCode() {
+    const contractExportName = 'DEV_TO_VUE_CONTRACT';
+    const globalKey = DEV_TO_VUE_CONTRACT_KEY;
+    return `
+    import "/@vite/client";
+
+    import CONTRACT, { ${contractExportName} as CONTRACT_NAMED } from "${STABLE_CONTRACT_PATH}";
+
+    {
+      const ORIGIN = new URL(import.meta.url).origin;
+      const G = typeof globalThis !== 'undefined' ? globalThis : window;
+      const DEBUG_KEY = ${JSON.stringify(DEV_TO_VUE_DEBUG_STATE_KEY)};
+      const STATE = (G[DEBUG_KEY] ||= { logged: {} });
+      if (!STATE.logged.init) {
+        STATE.logged.init = true;
+        console.groupCollapsed('${constants_PLUGIN_LOG_PREFIX} init loaded (HMR enabled)');
+        console.log('Origin:', ORIGIN);
+        console.log('This module imports /@vite/client.');
+        console.groupEnd();
+      }
+
+      if (typeof window !== 'undefined') {
+        window[${JSON.stringify(DEV_TO_VUE_ORIGIN_KEY)}] = ORIGIN;
+        window[${JSON.stringify(DEV_TO_VUE_RESOLVE_ASSET_KEY)}] = (path) => {
+          if (!path) return path;
+          if (path.startsWith('http://') || path.startsWith('https://') || path.startsWith('data:')) {
+            return path;
+          }
+          const origin = window[${JSON.stringify(DEV_TO_VUE_ORIGIN_KEY)}] || ORIGIN;
+          return path.startsWith('/') ? origin + path : origin + '/' + path;
+        };
+      }
+    }
+
+    if (import.meta.hot) {
+      import.meta.hot.accept();
+      import.meta.hot.on('vite:beforeFullReload', () => {
+        window.dispatchEvent(new CustomEvent(CONTRACT.events.fullReload));
+      });
+      import.meta.hot.on('vite:afterUpdate', (payload) => {
+        payload.updates.forEach(update => {
+          window.dispatchEvent(new CustomEvent(CONTRACT.events.hmrUpdate, {
+            detail: { file: update.path, timestamp: payload.timestamp }
+          }));
+        });
+      });
+    }
+
+    export const ${contractExportName} = CONTRACT_NAMED || CONTRACT;
+    if (typeof window !== 'undefined') {
+      window[${JSON.stringify(globalKey)}] = CONTRACT;
+    }
+    export default CONTRACT;
+  `;
+}
+function createVueRuntimeVirtualModuleCode() {
+    return `
+    import * as Vue from "vue";
+    {
+      const ORIGIN = new URL(import.meta.url).origin;
+      const G = typeof globalThis !== 'undefined' ? globalThis : window;
+      const DEBUG_KEY = ${JSON.stringify(DEV_TO_VUE_DEBUG_STATE_KEY)};
+      const STATE = (G[DEBUG_KEY] ||= { logged: {} });
+      if (!STATE.logged.runtime) {
+        STATE.logged.runtime = true;
+        console.groupCollapsed('${constants_PLUGIN_LOG_PREFIX} vue-runtime loaded');
+        console.log('Origin:', ORIGIN);
+        console.log('Vue.version:', Vue?.version);
+        console.groupEnd();
+      }
+    }
+    export { Vue };
+    export default Vue;
+  `;
+}
+function devToVuePlugin(components, options) {
+    const componentsMap = components ?? {};
+    const opts = options ?? {};
+    const stats = {
+        contract: {
+            count: 0,
+            lastAt: 0
+        },
+        init: {
+            count: 0,
+            lastAt: 0
+        },
+        runtime: {
+            count: 0,
+            lastAt: 0
+        }
+    };
+    const debugState = {
+        didPrintStartupDebugUrl: false
+    };
+    let configDir = process.cwd();
+    let currentRootDir = configDir;
+    let resolvedConfig = resolveDevComponentConfig(currentRootDir, componentsMap, configDir);
+    const createContract = (componentMap, defaultEntryAbs, isDevMode = false)=>{
+        const processedComponentMap = {};
+        for (const [key, value] of Object.entries(componentMap))if ('/' === value && isDevMode) processedComponentMap[key] = toViteFsPath(defaultEntryAbs);
+        else processedComponentMap[key] = value;
+        return {
+            paths: {
+                contract: STABLE_CONTRACT_PATH,
+                initClient: STABLE_INIT_PATH,
+                vueRuntime: STABLE_VUE_RUNTIME_PATH
+            },
+            events: {
+                fullReload: EVENT_FULL_RELOAD,
+                hmrUpdate: EVENT_HMR_UPDATE
+            },
+            dev: {
+                componentMap: processedComponentMap
+            }
+        };
+    };
+    let contract = createContract(resolvedConfig.componentMap, resolvedConfig.defaultEntryAbs, true);
+    const corePlugin = {
+        name: '@dev-to/vue-plugin',
+        enforce: 'pre',
+        configureServer (server) {
+            contract = createContract(resolvedConfig.componentMap, resolvedConfig.defaultEntryAbs, true);
+            if (1 === Object.keys(resolvedConfig.componentMap).length && '/' === resolvedConfig.componentMap['*']) {
+                const warn = server.config.logger?.warn?.bind(server.config.logger) ?? console.warn;
+                warn('');
+                warn(`Warning: ${constants_PLUGIN_LOG_PREFIX} No componentName configured. This works in dev mode but should be explicit for production builds.`);
+                warn('Use devToVuePlugin({ ComponentName: "src/ComponentName.vue" }) or devToVuePlugin({ ComponentName: "/" }).');
+                warn('');
+            }
+            installDebugTools(server, {
+                contract,
+                stats,
+                audit: resolvedConfig.audit,
+                resolvedConfig,
+                configDir,
+                open: opts.open
+            }, debugState);
+        },
+        config (userConfig, env) {
+            const rootDir = configDir;
+            if (rootDir !== currentRootDir) {
+                currentRootDir = rootDir;
+                resolvedConfig = resolveDevComponentConfig(rootDir, componentsMap, configDir);
+                const isDev = 'build' !== env.command;
+                contract = createContract(resolvedConfig.componentMap, resolvedConfig.defaultEntryAbs, isDev);
+            }
+            const next = {
+                server: {
+                    host: userConfig.server?.host ?? true,
+                    cors: userConfig.server?.cors ?? true
+                },
+                css: {
+                    modules: {
+                        generateScopedName: '[name]__[local]___[hash:base64:5]'
+                    }
+                }
+            };
+            if (false === opts.css) next.css = void 0;
+            else if (opts.css) next.css = mergeConfig({
+                css: next.css
+            }, {
+                css: opts.css
+            }).css;
+            return next;
+        },
+        configResolved (resolved) {
+            if (resolved.configFile) {
+                const nextConfigDir = node_path.dirname(resolved.configFile);
+                if (nextConfigDir !== configDir) {
+                    configDir = nextConfigDir;
+                    currentRootDir = configDir;
+                    resolvedConfig = resolveDevComponentConfig(currentRootDir, componentsMap, configDir);
+                    const isDev = 'serve' === resolved.command;
+                    contract = createContract(resolvedConfig.componentMap, resolvedConfig.defaultEntryAbs, isDev);
+                }
+            }
+        },
+        resolveId (source) {
+            if (source.includes(STABLE_CONTRACT_PATH)) return `\0virtual:${PLUGIN_NAME}-contract`;
+            if (source.includes(STABLE_INIT_PATH)) return `\0virtual:${PLUGIN_NAME}-init`;
+            if (source.includes(STABLE_VUE_RUNTIME_PATH)) return `\0virtual:${PLUGIN_NAME}-vue-runtime`;
+            return null;
+        },
+        load (id) {
+            if (id === `\0virtual:${PLUGIN_NAME}-contract`) return createContractVirtualModuleCode(contract);
+            if (id === `\0virtual:${PLUGIN_NAME}-init`) return createInitVirtualModuleCode();
+            if (id === `\0virtual:${PLUGIN_NAME}-vue-runtime`) return createVueRuntimeVirtualModuleCode();
+            return null;
+        },
+        transform (code, id) {
+            return transformAssetUrl(code, id);
+        }
+    };
+    const devCssAssetPlugin = {
+        name: '@dev-to/vue-plugin:dev-css-asset-url',
+        enforce: 'post',
+        transform (code, id) {
+            return transformViteDevCssAssetUrls(code, id);
+        }
+    };
+    return [
+        corePlugin,
+        devCssAssetPlugin
+    ];
+}
+export { devToVuePlugin };

package/dist/lan.d.ts

@@ -0,0 +1,2 @@
+export declare function getLanIPv4Hosts(): string[];
+//# sourceMappingURL=lan.d.ts.map

package/dist/lan.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lan.d.ts","sourceRoot":"","sources":["../src/lan.ts"],"names":[],"mappings":"AAEA,wBAAgB,eAAe,IAAI,MAAM,EAAE,CAc1C"}

package/dist/pathUtils.d.ts

@@ -0,0 +1,4 @@
+export declare function toFsPathFromViteEntry(entry: string): string | null;
+export declare function tryResolveWithExtensions(p: string): string | null;
+export declare function resolveEntryAbsPath(rootDir: string, entry: string, defaultEntryAbs?: string, fallbackRoot?: string): string | null;
+//# sourceMappingURL=pathUtils.d.ts.map

package/dist/pathUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pathUtils.d.ts","sourceRoot":"","sources":["../src/pathUtils.ts"],"names":[],"mappings":"AAKA,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAOlE;AAED,wBAAgB,wBAAwB,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAkBjE;AAED,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,MAAM,EACb,eAAe,CAAC,EAAE,MAAM,EACxB,YAAY,CAAC,EAAE,MAAM,GACpB,MAAM,GAAG,IAAI,CA2Bf"}

package/dist/plugin.d.ts

@@ -0,0 +1,3 @@
+import type { DevComponentMapInput, DevToVuePluginOptions } from './types.js';
+export declare function devToVuePlugin(components?: DevComponentMapInput, options?: DevToVuePluginOptions): any;
+//# sourceMappingURL=plugin.d.ts.map

package/dist/plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAIV,oBAAoB,EACpB,qBAAqB,EACtB,MAAM,YAAY,CAAA;AAEnB,wBAAgB,cAAc,CAC5B,UAAU,CAAC,EAAE,oBAAoB,EACjC,OAAO,CAAC,EAAE,qBAAqB,GAC9B,GAAG,CAwJL"}

package/dist/transformUtils.d.ts

@@ -0,0 +1,9 @@
+export declare function transformAssetUrl(code: string, id: string): {
+    code: string;
+    map: null;
+} | null;
+export declare function transformViteDevCssAssetUrls(code: string, id: string): {
+    code: string;
+    map: null;
+} | null;
+//# sourceMappingURL=transformUtils.d.ts.map

package/dist/transformUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transformUtils.d.ts","sourceRoot":"","sources":["../src/transformUtils.ts"],"names":[],"mappings":"AAIA,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM;;;SA8BzD;AAED,wBAAgB,4BAA4B,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM;;;SA2CpE"}

package/dist/types.d.ts

@@ -0,0 +1,49 @@
+import type { BuildOptions, CSSOptions } from 'vite';
+export interface DevToVuePluginOptions {
+    css?: CSSOptions | false;
+    build?: BuildOptions;
+    open?: boolean;
+}
+export type DevComponentMapInput = Record<string, string> | string | undefined | null;
+export interface DevComponentAudit {
+    defaultEntryAbs: string;
+    defaultEntryExists: boolean;
+    componentMapCount: number;
+    missingEntries: Array<{
+        componentName: string;
+        filePath: string;
+    }>;
+}
+export interface ResolvedDevComponentConfig {
+    defaultEntryAbs: string;
+    defaultEntry: string;
+    componentMap: Record<string, string>;
+    audit: DevComponentAudit;
+}
+export interface BridgeStatsBucket {
+    count: number;
+    lastAt: number;
+}
+export interface BridgeStats {
+    contract: BridgeStatsBucket;
+    init: BridgeStatsBucket;
+    runtime: BridgeStatsBucket;
+}
+export interface BridgeContract {
+    paths: {
+        contract: string;
+        initClient: string;
+        vueRuntime: string;
+    };
+    events: {
+        fullReload: string;
+        hmrUpdate: string;
+    };
+    dev: {
+        componentMap: Record<string, string>;
+    };
+}
+export interface DebugStartupState {
+    didPrintStartupDebugUrl: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,MAAM,CAAA;AAEpD,MAAM,WAAW,qBAAqB;IACpC,GAAG,CAAC,EAAE,UAAU,GAAG,KAAK,CAAA;IACxB,KAAK,CAAC,EAAE,YAAY,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,MAAM,MAAM,oBAAoB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI,CAAA;AAErF,MAAM,WAAW,iBAAiB;IAChC,eAAe,EAAE,MAAM,CAAA;IACvB,kBAAkB,EAAE,OAAO,CAAA;IAC3B,iBAAiB,EAAE,MAAM,CAAA;IACzB,cAAc,EAAE,KAAK,CAAC;QAAE,aAAa,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CACnE;AAED,MAAM,WAAW,0BAA0B;IACzC,eAAe,EAAE,MAAM,CAAA;IACvB,YAAY,EAAE,MAAM,CAAA;IACpB,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACpC,KAAK,EAAE,iBAAiB,CAAA;CACzB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,IAAI,EAAE,iBAAiB,CAAA;IACvB,OAAO,EAAE,iBAAiB,CAAA;CAC3B;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE;QACL,QAAQ,EAAE,MAAM,CAAA;QAChB,UAAU,EAAE,MAAM,CAAA;QAClB,UAAU,EAAE,MAAM,CAAA;KACnB,CAAA;IACD,MAAM,EAAE;QACN,UAAU,EAAE,MAAM,CAAA;QAClB,SAAS,EAAE,MAAM,CAAA;KAClB,CAAA;IACD,GAAG,EAAE;QACH,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;KACrC,CAAA;CACF;AAED,MAAM,WAAW,iBAAiB;IAChC,uBAAuB,EAAE,OAAO,CAAA;CACjC"}

package/dist/virtualModules.d.ts

@@ -0,0 +1,5 @@
+import type { BridgeContract } from './types.js';
+export declare function createContractVirtualModuleCode(contract: BridgeContract): string;
+export declare function createInitVirtualModuleCode(): string;
+export declare function createVueRuntimeVirtualModuleCode(): string;
+//# sourceMappingURL=virtualModules.d.ts.map

package/dist/virtualModules.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"virtualModules.d.ts","sourceRoot":"","sources":["../src/virtualModules.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAEhD,wBAAgB,+BAA+B,CAAC,QAAQ,EAAE,cAAc,UAoBvE;AAED,wBAAgB,2BAA2B,WAuD1C;AAED,wBAAgB,iCAAiC,WAmBhD"}

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "@dev-to/vue-plugin",
+  "version": "0.2.2",
+  "private": false,
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "typescript": ">=5.0.0",
+    "vite": ">=4.0.0",
+    "vue": ">=3.0.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/YangYongAn/dev-to.git",
+    "directory": "packages/vue-plugin"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@dev-to/shared": "1.0.4"
+  },
+  "scripts": {
+    "build": "rslib build",
+    "dev": "rslib build --watch",
+    "lint": "pnpm -w lint",
+    "test": "echo 'test @dev-to/vue-plugin'"
+  }
+}