feat: add Hub database in the devtools (nuxt-hub#29)

* feat: add Hub database in the devtools * docs: add devtools
Aslemammad · Mar 24, 2024 · 6c5eb1f · 6c5eb1f
1 parent 18ade4b
commit 6c5eb1f
Show file tree

Hide file tree

Showing 7 changed files with 95 additions and 130 deletions.
diff --git a/docs/content/docs/2.storage/1.database.md b/docs/content/docs/2.storage/1.database.md
@@ -214,3 +214,11 @@ The methods [`.all()`](#all) and [`.batch()`](#batch) return an object that cont
 ::callout
 Read more on [Cloudflare D1 documentation](https://developers.cloudflare.com/d1/build-databases/query-databases/).
 ::
+
+## Nuxt Devtools
+
+You can use the Nuxt Devtools to inspect the database and run queries, powered by [Drizzle Studio](https://orm.drizzle.team/drizzle-studio/overview).
+
+Open the Nuxt Devtools and navigate to the Hub Database.
+
+![Nuxt Devtools - Hub Database](/nuxthub-devtools-database.png){.rounded}
diff --git a/docs/public/nuxthub-devtools-database.png b/docs/public/nuxthub-devtools-database.png
diff --git a/package.json b/package.json
@@ -36,6 +36,7 @@
   },
   "dependencies": {
     "@cloudflare/workers-types": "^4.20240320.1",
+    "@nuxt/devtools-kit": "^1.1.3",
     "@nuxt/kit": "^3.11.1",
     "@sindresorhus/slugify": "^2.2.1",
     "@uploadthing/mime-types": "^0.2.6",