chore: add local module for better development dx (#2)

* chore: add local module for better dx developing nuxt/ui

* up

* up

* up

* feat(Kbd): new

* chore(Badge): update

* chore(Collapsible): remove content prop

* chore(Container): clean

* chore(Avatar): update root bg

* chore(Link): clean

* feat(Tooltip): handle shortcuts

* playground(collapsible): update

---------

Co-authored-by: Benjamin Canac <canacb1@gmail.com>

modules/dev/index.ts

@@ -0,0 +1,22 @@
+import { createResolver, defineNuxtModule, useNuxt } from '@nuxt/kit'
+import { watch } from 'chokidar'
+import { debounce } from 'perfect-debounce'
+
+/**
+ * This is an internal module aiming to make the DX of developing Nuxt UI better.
+ */
+export default defineNuxtModule({
+  meta: {
+    name: 'nuxt-ui-dev-module'
+  },
+  setup () {
+    const nuxt = useNuxt()
+    const resolver = createResolver(import.meta.url)
+    const watcher = watch(resolver.resolve('../../src/theme'))
+
+    const generateApp = debounce(() => nuxt.hooks.callHook('builder:generateApp'))
+
+    watcher.on('all', generateApp)
+    nuxt.hook('close', () => watcher.close())
+  }
+})

modules/dev/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "nuxt-ui-dev-module",
+  "exports": {
+    ".": "./index.ts"
+  },
+  "dependencies": {
+    "@nuxt/kit": "latest",
+    "chokidar": "^3.6.0",
+    "perfect-debounce": "^1.0.0"
+  }
+}