Ref/monorepo

.github/workflows/publish.yml

@@ -18,4 +18,4 @@ jobs:
 
       - run: mise run build
 
-      - run: pnpm publish --no-git-checks
+      - run: pnpm -r publish --no-git-checks --access public

demo/package.json

@@ -4,26 +4,19 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "dev": "vite",
-    "build": "run-p type-check \"build-only {@}\" --",
-    "preview": "vite preview",
-    "build-only": "vite build",
-    "type-check": "vue-tsc --build"
+    "dev": "vite"
   },
   "dependencies": {
-    "pinia": "^3.0.4",
-    "vue": "^3.5.26"
+    "@vingy/vuebugger": "workspace:^",
+    "pinia": "catalog:",
+    "vue": "catalog:"
   },
   "devDependencies": {
-    "@tsconfig/node24": "^24.0.4",
-    "@types/node": "^24.10.9",
-    "@vitejs/plugin-vue": "^6.0.3",
-    "@vue/tsconfig": "^0.8.1",
-    "npm-run-all2": "^8.0.4",
-    "typescript": "~5.9.3",
-    "vite": "beta",
-    "vite-plugin-vue-devtools": "^8.0.5",
-    "vue-tsc": "^3.2.2"
+    "@vitejs/plugin-vue": "catalog:",
+    "@vue/tsconfig": "catalog:",
+    "vite": "catalog:",
+    "vite-plugin-vue-devtools": "catalog:",
+    "vue-tsc": "catalog:"
   },
   "engines": {
     "node": "^20.19.0 || >=22.12.0"

demo/src/App.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
+import { debug } from '@vingy/vuebugger'
 import { ref } from 'vue'
-import { debug } from '../../src'
 import MyComponent from './MyComponent.vue'
 
 const count = ref(0)

demo/src/main.ts

@@ -1,7 +1,7 @@
-import { createApp } from 'vue'
+import Vuebugger from '@vingy/vuebugger'
 import { createPinia } from 'pinia'
+import { createApp } from 'vue'
 import App from './App.vue'
-import Vuebugger from '../../src'
 
 const app = createApp(App)
 

demo/src/myComposable.ts

@@ -1,5 +1,5 @@
+import { debug } from '@vingy/vuebugger'
 import { computed, reactive, ref } from 'vue'
-import { debug } from '../../src'
 
 export function useFoo() {
   const priv = ref(0)

mise.toml

@@ -13,6 +13,6 @@ install = "pnpm install"
 build = "pnpm build"
 dev = "pnpm dev"
 test = "pnpm test"
-oxlint = "pnpm oxlint src"
-oxfmt = "pnpm oxfmt --check src"
+oxlint = "pnpm oxlint"
+oxfmt = "pnpm oxfmt --check"
 

package.json

@@ -1,16 +1,6 @@
 {
-  "name": "@vingy/vuebugger",
-  "version": "0.2.0",
-  "description": "Vue devtools plugin to debug anything.",
-  "keywords": [
-    "composable",
-    "composition-api",
-    "debugging",
-    "devtools",
-    "plugin",
-    "state",
-    "vue"
-  ],
+  "name": "@vingy/vue-utilities",
+  "description": "Monorepo for all my vue utilities.",
   "license": "MIT",
   "author": "vingy",
   "repository": {
@@ -21,36 +11,21 @@
     "dist"
   ],
   "type": "module",
-  "sideEffects": false,
-  "main": "./dist/index.mjs",
-  "types": "./dist/index.d.mts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.mts",
-      "import": "./dist/index.mjs"
-    }
-  },
-  "publishConfig": {
-    "access": "public"
-  },
   "scripts": {
-    "test": "vitest",
-    "test:ci": "vitest run --coverage",
-    "build": "tsdown",
-    "dev": "tsdown -w"
+    "test": "pnpm -r test",
+    "test:ci": "pnpm -r test:ci",
+    "build": "pnpm -r build",
+    "dev": "pnpm -r dev"
   },
   "devDependencies": {
-    "@types/node": "^25.0.10",
-    "@vitest/coverage-v8": "4.0.18",
-    "@vue/devtools-api": "^8.0.5",
-    "oxfmt": "^0.27.0",
-    "oxlint": "^1.42.0",
-    "tsdown": "^0.20.1",
-    "typescript": "^5.9.3",
-    "vitest": "^4.0.18"
-  },
-  "peerDependencies": {
-    "vue": "^3.5.0"
+    "@tsconfig/node24": "catalog:",
+    "@types/node": "catalog:",
+    "@vitest/coverage-v8": "catalog:",
+    "oxfmt": "catalog:",
+    "oxlint": "catalog:",
+    "tsdown": "catalog:",
+    "typescript": "catalog:",
+    "vitest": "catalog:"
   },
   "packageManager": "pnpm@10.28.0"
 }

packages/vuebugger/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@vingy/vuebugger",
+  "version": "0.2.1",
+  "description": "Vue devtools plugin to debug anything.",
+  "keywords": [
+    "composable",
+    "composition-api",
+    "debugging",
+    "devtools",
+    "plugin",
+    "state",
+    "vue"
+  ],
+  "license": "MIT",
+  "author": "vingy",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/vinpogo/vuebugger"
+  },
+  "files": [
+    "dist"
+  ],
+  "type": "module",
+  "sideEffects": false,
+  "main": "./dist/index.mjs",
+  "types": "./dist/index.d.mts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.mts",
+      "import": "./dist/index.mjs"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "test": "vitest",
+    "test:ci": "vitest run --coverage",
+    "build": "tsdown",
+    "dev": "tsdown -w"
+  },
+  "devDependencies": {
+    "@vue/devtools-api": "catalog:"
+  },
+  "peerDependencies": {
+    "vue": "catalog:"
+  },
+  "packageManager": "pnpm@10.28.0"
+}

src/index.ts → packages/vuebugger/src/index.ts

@@ -1,12 +1,12 @@
-import type { Plugin } from 'vue'
+import type { App, Plugin } from 'vue'
 import { setUidGenerator } from './debug'
 import { setupComposableDevtools } from './devtools'
 import { PluginOptions } from './types'
 
 export { debug } from './debug'
 
-const plugin: Plugin<PluginOptions> = {
-  install: (app, options) => {
+const plugin: Plugin<PluginOptions | undefined> = {
+  install: (app: App, options?: PluginOptions) => {
     if (!import.meta.env.DEV) return
     if (options?.uidFn) setUidGenerator(options.uidFn)
     setupComposableDevtools(app)