@li3/use 0.1.8 → 0.1.9

package/index.js

@@ -1 +1 @@
-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};
+import{ref as e,getElement as t,use as r,SetProperty as n,TemplateForeach 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,"foreach",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.8",
+  "version": "0.1.9",
   "exports": {
     ".": "./dist/index.js",
     "./*": {
@@ -12,6 +12,9 @@
     "url": "https://github.com/apphorde/lithium"
   },
   "peerDependencies": {
-    "@li3/web": ">=0.2.0"
+    "@li3/web": ">=0.2.40"
+  },
+  "devDependencies": {
+    "@li3/web": "0.2.40"
   }
 }

package/src/vue.ts

@@ -1,21 +1,21 @@
-import { TemplateFor, TemplateIf, SetProperty, AddEventListener, use } from '@li3/web';
+import { TemplateForeach, TemplateIf, SetProperty, AddEventListener, use } from "@li3/web";
 
 export function useVue() {
-  const vFor = 'v-for';
-  const vIf = 'v-if';
+  const vFor = "v-for";
+  const vIf = "v-if";
 
-  class VueTemplateFor extends TemplateFor {
+  class VueTemplateFor extends TemplateForeach {
     match(_node, name) {
       return name === vFor;
     }
 
     exec(node, _name, value, context) {
-      const t = document.createElement('template');
+      const t = document.createElement("template");
       node.replaceWith(t);
       node.removeAttribute(vFor);
       t.content.append(node);
 
-      super.exec(t, 'for', value, context);
+      super.exec(t, "foreach", value, context);
     }
   }
 
@@ -25,32 +25,32 @@ export function useVue() {
     }
 
     exec(node, _name, value, context) {
-      const t = document.createElement('template');
+      const t = document.createElement("template");
       node.replaceWith(t);
       node.removeAttribute(vIf);
       t.content.append(node);
 
-      super.exec(t, 'if', value, context);
+      super.exec(t, "if", value, context);
     }
   }
 
   class VueSetProperty extends SetProperty {
     match(_node, name) {
-      return name.at(0) === ':';
+      return name.at(0) === ":";
     }
 
     exec(node, name, value, context) {
-      return super.exec(node, 'bind-' + name.slice(1), value, context);
+      return super.exec(node, "bind-" + name.slice(1), value, context);
     }
   }
 
   class VueEventListener extends AddEventListener {
     match(_node, name) {
-      return name.at(0) === '@';
+      return name.at(0) === "@";
     }
 
     exec(node, name, value, context) {
-      return super.exec(node, 'on-' + name.slice(1), value, context);
+      return super.exec(node, "on-" + name.slice(1), value, context);
     }
   }