@tb-dev/vue 3.2.3 → 3.3.0

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

@@ -2,6 +2,7 @@ import { Ref } from 'vue';
 export interface LocalRefOptions {
     deep?: boolean;
     initOnMounted?: boolean;
+    listenToStorageChanges?: boolean;
     onError?: (err: unknown) => void;
     writeDefaults?: boolean;
 }

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

@@ -2,6 +2,7 @@ import { Ref } from 'vue';
 export interface SessionRefOptions {
     deep?: boolean;
     initOnMounted?: boolean;
+    listenToStorageChanges?: boolean;
     onError?: (err: unknown) => void;
     writeDefaults?: boolean;
 }

package/dist/index.js

@@ -1,8 +1,9 @@
-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 { useWindowSize as useWindowSize2 } from "@vueuse/core";
-import { Mutex } from "es-toolkit";
+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';
+export { useWindowSize } from '@vueuse/core';
+import { Mutex } from 'es-toolkit';
+
 function getCurrentApp() {
   return unwrap(globalThis.__VUEUTILS__.app, "No active app");
 }
@@ -39,6 +40,7 @@ function tryInjectOrElse(key, fn) {
   }
   return value;
 }
+
 function getErrorHandler() {
   return globalThis.__VUEUTILS__.errorHandler;
 }
@@ -62,10 +64,12 @@ function handleError(err, rethrow = true) {
     throw err;
   }
 }
+
 function maybe(value, fn) {
   const _value = toValue(value);
   return isNil(_value) ? null : fn(_value);
 }
+
 const console = {
   assert,
   debug,
@@ -98,6 +102,7 @@ function trace(source) {
 function warn(source) {
   return watchImmediate(toRef(source), (value) => globalThis.console.warn(value));
 }
+
 function useMutex(options) {
   const mutex = new Mutex();
   const locked = ref(mutex.isLocked);
@@ -130,6 +135,7 @@ function useMutex(options) {
     lock
   };
 }
+
 function asyncRef(initial, fn, options = {}) {
   const value = useAsyncState(fn, initial, {
     immediate: options.immediate ?? true,
@@ -149,11 +155,13 @@ function asyncRef(initial, fn, options = {}) {
     execute
   };
 }
+
 function localRef(key, initial, options) {
   const defaultValue = { inner: initial };
   const local = useLocalStorage(key, defaultValue, {
     deep: options?.deep ?? true,
     initOnMounted: options?.initOnMounted ?? true,
+    listenToStorageChanges: options?.listenToStorageChanges ?? true,
     onError: options?.onError ?? handleError,
     writeDefaults: options?.writeDefaults ?? true,
     serializer: {
@@ -168,6 +176,7 @@ function localRef(key, initial, options) {
     }
   });
 }
+
 function onKeyDown(key, handler, options = {}) {
   const {
     altKey = false,
@@ -226,11 +235,13 @@ function onShiftKeyDown(key, handler, options) {
 function onCtrlShiftKeyDown(key, handler, options) {
   return onKeyDown(key, handler, { ...options, ctrlKey: true, shiftKey: true });
 }
+
 function sessionRef(key, initial, options) {
   const defaultValue = { inner: initial };
   const session = useSessionStorage(key, defaultValue, {
     deep: options?.deep ?? true,
     initOnMounted: options?.initOnMounted ?? true,
+    listenToStorageChanges: options?.listenToStorageChanges ?? true,
     onError: options?.onError ?? handleError,
     writeDefaults: options?.writeDefaults ?? true,
     serializer: {
@@ -245,6 +256,7 @@ function sessionRef(key, initial, options) {
     }
   });
 }
+
 function asyncComputed(initial, callback, options) {
   const state = computedAsync(callback, initial, {
     onError: handleError,
@@ -254,12 +266,14 @@ function asyncComputed(initial, callback, options) {
   });
   return state;
 }
+
 function useWindowHeight() {
   return useWindowSize().height;
 }
 function useWindowWidth() {
   return useWindowSize().width;
 }
+
 function useElementSize(element) {
   return useElementSize$1(toRef(element), { height: 0, width: 0 }, { box: "border-box" });
 }
@@ -279,6 +293,7 @@ function useWidthDiff(element, lhs) {
   const lhsRef = lhs ? toRef(lhs) : useWindowWidth();
   return computed(() => lhsRef.value - width.value);
 }
+
 if (!Object.hasOwn(globalThis, "__VUEUTILS__")) {
   Object.defineProperty(globalThis, "__VUEUTILS__", {
     configurable: false,
@@ -287,37 +302,5 @@ if (!Object.hasOwn(globalThis, "__VUEUTILS__")) {
     value: {}
   });
 }
-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,
-  useWindowSize2 as useWindowSize,
-  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, useElementSize, useHeight, useHeightDiff, useMutex, useWidth, useWidthDiff, useWindowHeight, useWindowWidth };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tb-dev/vue",
-  "version": "3.2.3",
+  "version": "3.3.0",
   "description": "Vue utilities",
   "license": "MIT",
   "type": "module",
@@ -24,20 +24,20 @@
     "composables"
   ],
   "dependencies": {
-    "@tb-dev/utils": "^7.0.13",
-    "@vueuse/core": "^13.8.0",
+    "@tb-dev/utils": "^7.0.14",
+    "@vueuse/core": "^13.9.0",
     "es-toolkit": "^1.39.10",
-    "vue": "^3.5.20"
+    "vue": "^3.5.21"
   },
   "devDependencies": {
-    "@tb-dev/eslint-config": "^8.0.7",
-    "@types/node": "^24.3.0",
-    "eslint": "^9.34.0",
+    "@tb-dev/eslint-config": "^8.0.11",
+    "@types/node": "^24.3.1",
+    "eslint": "^9.35.0",
     "tslib": "^2.8.1",
-    "typedoc": "^0.28.11",
+    "typedoc": "^0.28.12",
     "typedoc-plugin-mdn-links": "^5.0.9",
     "typescript": "~5.9.2",
-    "vite": "^7.1.3",
+    "vite": "^7.1.4",
     "vite-plugin-dts": "^4.5.4"
   },
   "files": [