@tb-dev/vue 3.3.4 → 3.4.0

package/dist/composables/index.d.ts

@@ -7,3 +7,4 @@ export * from './sessionRef';
 export * from './asyncComputed';
 export * from './useWindowSize';
 export * from './useElementSize';
+export * from './useBreakpoints';

package/dist/composables/useBreakpoints/index.d.ts

@@ -0,0 +1,3 @@
+import { breakpointsTailwind, useBreakpoints as original } from '@vueuse/core';
+export type Breakpoints = ReturnType<typeof original<keyof typeof breakpointsTailwind>>;
+export declare function useBreakpoints(): Breakpoints;

package/dist/index.js

@@ -1,6 +1,6 @@
 import { unwrap, isNil } from '@tb-dev/utils';
 import { inject as inject$1, toValue, toRef, ref, readonly, computed, effectScope } from 'vue';
-import { watchImmediate, useAsyncState, useLocalStorage, tryOnScopeDispose, onKeyStroke, useSessionStorage, computedAsync, useWindowSize, useElementSize as useElementSize$1 } from '@vueuse/core';
+import { watchImmediate, useAsyncState, useLocalStorage, tryOnScopeDispose, onKeyStroke, useSessionStorage, computedAsync, useWindowSize, useElementSize as useElementSize$1, useBreakpoints as useBreakpoints$1, breakpointsTailwind } from '@vueuse/core';
 export { useWindowSize } from '@vueuse/core';
 import { Mutex } from 'es-toolkit';
 
@@ -294,6 +294,13 @@ function useWidthDiff(element, lhs) {
   return computed(() => lhsRef.value - width.value);
 }
 
+const breakpointsKey = Symbol();
+function useBreakpoints() {
+  return tryInjectOrElse(breakpointsKey, () => {
+    return useBreakpoints$1(breakpointsTailwind);
+  });
+}
+
 if (!Object.hasOwn(globalThis, "__VUEUTILS__")) {
   Object.defineProperty(globalThis, "__VUEUTILS__", {
     configurable: false,
@@ -303,4 +310,4 @@ if (!Object.hasOwn(globalThis, "__VUEUTILS__")) {
   });
 }
 
-export { asyncComputed, asyncRef, console, getCurrentApp, getErrorHandler, handleError, inject, localRef, maybe, onAltKeyDown, onCtrlKeyDown, onCtrlShiftKeyDown, onKeyDown, onShiftKeyDown, provide, runWithContext, sessionRef, setCurrentApp, setErrorHandler, tryGetCurrentApp, tryInject, tryInjectOrElse, trySetCurrentApp, useElementSize, useHeight, useHeightDiff, useMutex, useWidth, useWidthDiff, useWindowHeight, useWindowWidth };
+export { asyncComputed, asyncRef, console, getCurrentApp, getErrorHandler, handleError, inject, localRef, maybe, onAltKeyDown, onCtrlKeyDown, onCtrlShiftKeyDown, onKeyDown, onShiftKeyDown, provide, runWithContext, sessionRef, setCurrentApp, setErrorHandler, tryGetCurrentApp, tryInject, tryInjectOrElse, trySetCurrentApp, useBreakpoints, useElementSize, useHeight, useHeightDiff, useMutex, useWidth, useWidthDiff, useWindowHeight, useWindowWidth };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tb-dev/vue",
-  "version": "3.3.4",
+  "version": "3.4.0",
   "description": "Vue utilities",
   "license": "MIT",
   "type": "module",
@@ -27,17 +27,17 @@
     "@tb-dev/utils": "^7.0.18",
     "@vueuse/core": "^14.0.0",
     "es-toolkit": "^1.41.0",
-    "vue": "^3.5.22"
+    "vue": "^3.5.24"
   },
   "devDependencies": {
     "@tb-dev/eslint-config": "^8.1.1",
-    "@types/node": "^24.10.0",
-    "eslint": "^9.39.0",
+    "@types/node": "^24.10.1",
+    "eslint": "^9.39.1",
     "tslib": "^2.8.1",
     "typedoc": "^0.28.14",
     "typedoc-plugin-mdn-links": "^5.0.10",
     "typescript": "~5.9.3",
-    "vite": "^7.1.12",
+    "vite": "^7.2.2",
     "vite-plugin-dts": "^4.5.4"
   },
   "files": [