Neil 🐧

@nook.sh

Web developer beginning its journey in open-source Following closely anything related to @vuejs.org @nuxt.com or @unjs.io Currently learning Dutch 🇳🇱 @_nooooook on Twitter 🐦

Picture of my desk. 2 x 27'' QHD screens on a 160x80cm desk.

$import { addCustomTab, startSubprocess } from "@nuxt/devtools-kit"; import type { Nuxt } from "nuxt/schema"; import { consola } from "consola"; export function setupDrizzleVisualizer(nuxt: Nuxt) { const { getProcess, terminate } = startSubprocess( { command: "npx", args: ["drizzle-lab", "visualizer", "--port", "64738"], env: { NODE_ENV: "production", }, cwd: nuxt.options.rootDir, }, { id: "nuxt-drizzle-lab--visualizer", name: "Drizzle Visualizer", }, ); const { stderr, stdout } = getProcess(); stdout?.on("data", (data) => { consola.log("`Drizzle:`", data.toString()); }); stderr?.on("data", (data) => { consola.error("`Drizzle:`", data.toString()); }); addCustomTab({ name: "dizzle-visualizer", title: "Drizzle Visualizer", icon: "simple-icons:drizzle", view: { type: "iframe", src: "http://127.0.0.1:64738", }, }); nuxt.hook("close", () => terminate()); }$