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 🐦
Following closely anything related to @vuejs.org @nuxt.com or @unjs.io
Currently learning Dutch 🇳🇱
@_nooooook on Twitter 🐦
Need to replace that one dangling cable behind the screen because it's too short, and the two below are ethernet and main power cable. Pretty happy of the result.
November 20, 2024 at 10:53 AM
Need to replace that one dangling cable behind the screen because it's too short, and the two below are ethernet and main power cable. Pretty happy of the result.
Update: you can also use @rphlmr.com 's visualizer (which seems cooler than mine tbh) with the following piece of code. I'm not sure there is a need to create a Nuxt module for that, or maybe I could create one to pass options to the viewer (and also embed Drizzle studio at the same time !)
![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());
}](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:lo63z54e2vokxps32gewec7s/bafkreic2ak5673l5fbqqcthxwubntuosu5sb6oiqehbpw5nut35lokotxa@jpeg)
November 12, 2024 at 12:37 PM
Update: you can also use @rphlmr.com 's visualizer (which seems cooler than mine tbh) with the following piece of code. I'm not sure there is a need to create a Nuxt module for that, or maybe I could create one to pass options to the viewer (and also embed Drizzle studio at the same time !)
