feat(playground): add drizzle studio

playground/drizzle.config.ts

@@ -0,0 +1,13 @@
+import { defineConfig } from "drizzle-kit";
+import path from "node:path";
+
+export default defineConfig({
+  // out: "./server/database/migrations",
+  // schema: "./server/database/schema/index.ts",
+  dialect: "sqlite",
+  dbCredentials: {
+    url: path.resolve(__dirname, ".data/db.sqlite3"),
+  },
+  verbose: true,
+  strict: true,
+});

playground/modules/drizzle-studio.ts

@@ -0,0 +1,34 @@
+import { defineNuxtModule } from "nuxt/kit";
+import { addCustomTab, startSubprocess } from "@nuxt/devtools-kit";
+
+export default defineNuxtModule({
+  meta: {
+    name: "drizzle-studio",
+  },
+  setup(_options, nuxt) {
+    if (!nuxt.options.dev) {
+      return;
+    }
+
+    startSubprocess(
+      {
+        command: "pnpm",
+        args: ["exec", "drizzle-kit", "studio"],
+      },
+      {
+        id: "nuxt-drizzle-kit--studio",
+        name: "Drizzle Studio",
+      },
+    );
+
+    addCustomTab({
+      name: "dizzle-studio",
+      title: "Drizzle Studio",
+      icon: "simple-icons:drizzle",
+      view: {
+        type: "iframe",
+        src: "https://local.drizzle.studio",
+      },
+    });
+  },
+});

playground/package.json

@@ -9,5 +9,8 @@
   },
   "dependencies": {
     "nuxt": "^3.12.4"
+  },
+  "devDependencies": {
+    "drizzle-kit": "^0.24.2"
   }
 }