@li3/use 0.1.7 → 0.1.8

package/dist/src/async-state.d.ts

@@ -6,9 +6,9 @@
  *    update();
  */
 export declare function useAsyncState<T>(effect?: (...args: any[]) => Promise<T>): {
-    data: any;
-    error: any;
-    loading: any;
-    empty: any;
+    data: import("@li3/web").Signal<any>;
+    error: import("@li3/web").Signal<string>;
+    loading: import("@li3/web").Signal<boolean>;
+    empty: import("@li3/web").Signal<boolean>;
     update: (...args: any[]) => Promise<void>;
 };

package/dist/src/index.d.ts

@@ -1,2 +1,3 @@
-export { useAsyncState } from "./async-state.js";
-export { useQuery } from "./query.js";
+export { useAsyncState } from './async-state.js';
+export { useQuery } from './query.js';
+export { useVue } from './vue';

package/index.js

@@ -1 +1 @@
-import{ref as e,getElement as r}from"@li3/web";function t(r=fetch){const t=e(""),l=e(!1),a=e(!1),n=e(null);return{data:n,error:t,loading:l,empty:a,update:async(...e)=>{l.value=!0,a.value=!1;try{const t=await r(...e);n.value=t,a.value=Array.isArray(t)?!t.length:!t}catch(e){a.value=!1,t.value=e}finally{l.value=!1}}}}function l(e){const t=r();return{get one(){return t.querySelector(e)},get all(){return t.querySelectorAll(e)}}}export{t as useAsyncState,l as useQuery};
+import{ref as e,getElement as t,use as r,SetProperty as n,TemplateFor as c,TemplateIf as a,AddEventListener as l}from"@li3/web";function u(t=fetch){const r=e(""),n=e(!1),c=e(!1),a=e(null);return{data:a,error:r,loading:n,empty:c,update:async(...e)=>{n.value=!0,c.value=!1;try{const r=await t(...e);a.value=r,c.value=Array.isArray(r)?!r.length:!r}catch(e){c.value=!1,r.value=e}finally{n.value=!1}}}}function o(e){const r=t();return{get one(){return r.querySelector(e)},get all(){return r.querySelectorAll(e)}}}function s(){const e="v-for",t="v-if";r(new class extends n{match(e,t){return":"===t.at(0)}exec(e,t,r,n){return super.exec(e,"bind-"+t.slice(1),r,n)}}),r(new class extends c{match(t,r){return r===e}exec(t,r,n,c){const a=document.createElement("template");t.replaceWith(a),t.removeAttribute(e),a.content.append(t),super.exec(a,"for",n,c)}}),r(new class extends a{match(e,r){return r===t}exec(e,r,n,c){const a=document.createElement("template");e.replaceWith(a),e.removeAttribute(t),a.content.append(e),super.exec(a,"if",n,c)}}),r(new class extends l{match(e,t){return"@"===t.at(0)}exec(e,t,r,n){return super.exec(e,"on-"+t.slice(1),r,n)}})}export{u as useAsyncState,o as useQuery,s as useVue};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@li3/use",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "exports": {
     ".": "./dist/index.js",
     "./*": {
@@ -12,6 +12,6 @@
     "url": "https://github.com/apphorde/lithium"
   },
   "peerDependencies": {
-    "@li3/web": "latest"
+    "@li3/web": ">=0.2.0"
   }
 }

package/src/index.ts

@@ -1,2 +1,3 @@
-export { useAsyncState } from "./async-state.js";
-export { useQuery } from "./query.js";
+export { useAsyncState } from './async-state.js';
+export { useQuery } from './query.js';
+export { useVue } from './vue';

package/src/vue.ts

@@ -27,7 +27,7 @@ export function useVue() {
     exec(node, _name, value, context) {
       const t = document.createElement('template');
       node.replaceWith(t);
-      node.removeAttribute(vFor);
+      node.removeAttribute(vIf);
       t.content.append(node);
 
       super.exec(t, 'if', value, context);