@baleada/vue-composition 0.11.0 → 0.11.2

package/lib/index.d.ts

@@ -1,4 +1,4 @@
-import { ShallowReactive } from 'vue';
+import { ShallowReactive, Reactive } from 'vue';
 import { AnimateableKeyframe, AnimateableOptions, Animateable, BroadcastableOptions, Broadcastable, CompareableOptions, Compareable, CompleteableOptions, Completeable, CopyableOptions, Copyable, DelayableEffect, DelayableOptions, Delayable, DrawableStroke, DrawableOptions, Drawable, FetchableOptions, Fetchable, FullscreenableGetElement, FullscreenableOptions, Fullscreenable, GrantableOptions, Grantable, ListenableSupportedType, ListenableOptions, Listenable, NavigateableOptions, Navigateable, PickableOptions, Pickable, ListenEffectParam, RecognizeableOptions, Recognizeable, ResolveableOptions, Resolveable, ShareableOptions, Shareable, StoreableOptions, Storeable } from '@baleada/logic';
 
 declare function useAnimateable<Value extends string | number | any[]>(keyframes: AnimateableKeyframe<Value>[], options?: AnimateableOptions): ShallowReactive<Animateable<Value>>;
@@ -8,7 +8,7 @@ declare function useCompleteable(string: string, options?: CompleteableOptions):
 declare function useCopyable(string: string, options?: CopyableOptions): ShallowReactive<Copyable>;
 declare function useDelayable(effect: DelayableEffect, options?: DelayableOptions): ShallowReactive<Delayable>;
 declare function useDrawable(stroke: DrawableStroke, options?: DrawableOptions): ShallowReactive<Drawable>;
-declare function useFetchable(resource: string, options?: FetchableOptions): ShallowReactive<Fetchable>;
+declare function useFetchable<ResolveableValue>(resource: string, options?: FetchableOptions): Reactive<Fetchable<ResolveableValue>>;
 declare function useFullscreenable<ElementType extends Element>(getElement: FullscreenableGetElement<ElementType>, options?: FullscreenableOptions): ShallowReactive<Fullscreenable<ElementType>>;
 declare function useGrantable(descriptor: PermissionDescriptor, options?: GrantableOptions): ShallowReactive<Grantable>;
 declare function useListenable<Type extends ListenableSupportedType, RecognizeableMetadata extends Record<any, any> = Record<any, any>>(type: Type, options?: ListenableOptions<Type, RecognizeableMetadata>): ShallowReactive<Listenable<Type, RecognizeableMetadata>>;

package/lib/index.js

@@ -1,16 +1,16 @@
-import { shallowReactive, onBeforeUnmount } from 'vue';
+import { shallowReactive, onScopeDispose, reactive } from 'vue';
 import { Animateable, Broadcastable, Compareable, Completeable, Copyable, Delayable, Drawable, Fetchable, Fullscreenable, Grantable, Listenable, Navigateable, Pickable, Recognizeable, Resolveable, Shareable, Storeable } from '@baleada/logic';
 
 function useAnimateable(keyframes, options) {
   const instance = new Animateable(keyframes, options);
   const reactiveInstance = shallowReactive(instance);
-  onBeforeUnmount(() => reactiveInstance.stop());
+  onScopeDispose(() => reactiveInstance.stop());
   return reactiveInstance;
 }
 function useBroadcastable(state, options) {
   const instance = new Broadcastable(state, options);
   const reactiveInstance = shallowReactive(instance);
-  onBeforeUnmount(() => reactiveInstance.stop());
+  onScopeDispose(() => reactiveInstance.stop());
   return reactiveInstance;
 }
 function useCompareable(string, options) {
@@ -26,13 +26,13 @@ function useCompleteable(string, options) {
 function useCopyable(string, options) {
   const instance = new Copyable(string, options);
   const reactiveInstance = shallowReactive(instance);
-  onBeforeUnmount(() => reactiveInstance.stop());
+  onScopeDispose(() => reactiveInstance.stop());
   return reactiveInstance;
 }
 function useDelayable(effect, options) {
   const instance = new Delayable(effect, options);
   const reactiveInstance = shallowReactive(instance);
-  onBeforeUnmount(() => reactiveInstance.stop());
+  onScopeDispose(() => reactiveInstance.stop());
   return reactiveInstance;
 }
 function useDrawable(stroke, options) {
@@ -42,7 +42,7 @@ function useDrawable(stroke, options) {
 }
 function useFetchable(resource, options) {
   const instance = new Fetchable(resource, options);
-  const reactiveInstance = shallowReactive(instance);
+  const reactiveInstance = reactive(instance);
   return reactiveInstance;
 }
 function useFullscreenable(getElement, options) {
@@ -58,7 +58,7 @@ function useGrantable(descriptor, options) {
 function useListenable(type, options) {
   const instance = new Listenable(type, options);
   const reactiveInstance = shallowReactive(instance);
-  onBeforeUnmount(() => reactiveInstance.stop());
+  onScopeDispose(() => reactiveInstance.stop());
   return reactiveInstance;
 }
 function useNavigateable(array, options) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baleada/vue-composition",
-  "version": "0.11.0",
+  "version": "0.11.2",
   "description": "Functions that expose Baleada Logic for composition in Vue.",
   "main": "lib/index.cjs",
   "module": "lib/index.js",
@@ -22,7 +22,8 @@
     "baleada",
     "vue",
     "composition function",
-    "hook"
+    "hook",
+    "composable"
   ],
   "author": {
     "name": "Alex Vipond",
@@ -36,19 +37,19 @@
   "homepage": "https://baleada.netlify,com",
   "devDependencies": {
     "@baleada/prepare": "^0.5.42",
-    "@types/node": "^14.14.41",
+    "@types/node": "^22.10.2",
     "dotenv": "^10.0.0",
     "esbuild": "^0.18.2",
     "esbuild-register": "^3.4.2",
     "rollup": "^3.25.1",
     "tslib": "^2.4.1",
-    "typescript": "^5.1.3",
+    "typescript": "^5.7.2",
     "uvu": "^0.5.6"
   },
   "sideEffects": false,
   "dependencies": {
     "@babel/runtime": "^7.22.5",
-    "@baleada/logic": "^0.24.3",
-    "vue": "^3.3.4"
+    "@baleada/logic": "^0.24.19",
+    "vue": "^3.5.13"
   }
 }