@fruit-ui/core 1.3.0 → 1.3.2

package/README.md

@@ -24,9 +24,7 @@ FRUIT is powerful, efficient, and feature-packed. In addition to objects represe
 import { appendChild } from "@fruit-ui/core";
 
 const Counter = {
-    state() {
-        return {i: 0};
-    },
+    state: { i: 0 },
     render() {
         return {
             tag: 'button',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fruit-ui/core",
-  "version": "1.3.0",
+  "version": "1.3.2",
   "description": "A vanilla JS toolkit for reactive UI",
   "main": "src/index.js",
   "homepage": "https://asantagata.github.io/fruit-ui/",

package/src/index.js

@@ -196,8 +196,10 @@ function createElementFromTemplate(template, onMounts, producer = null) {
         }
     }
     for (const attribute in rest) {
-        if (!template[attribute]) continue;
-        element.setAttribute(attribute, template[attribute]);
+        if (template[attribute] === undefined)
+            element.removeAttribute(attribute);
+        else
+            element.setAttribute(attribute, template[attribute]);
     }
     if (template.dataset) {
         for (const k in template.dataset) {
@@ -292,7 +294,7 @@ function createElementFromElementable(elementable, onMounts) {
 function createElementFromComponent(component, onMounts) {
     const boundProducer = bindTemplateProducer(component.render, component);
     thisRecord[boundProducer.componentId] = boundProducer.this;
-    boundProducer.this.state = component.state ? component.state.call(boundProducer.this) : {};
+    boundProducer.this.state = typeof component.state === 'function' ? component.state.call(boundProducer.this) : component.state ?? {};
     const template = boundProducer();
     return createElementFromTemplate.call(boundProducer.this, giveTemplateComponentMetadata(template, boundProducer.componentId, component.key, component.binding), onMounts, boundProducer);
 }
@@ -444,7 +446,10 @@ function rerenderElementFromTemplate(element, template, onMounts) {
     }
     const {tag, class: c, style, on, componentId, children, cloneFrom, dataset, key, binding, innerHTML, xmlns, ...rest} = template;
     for (const attribute in rest) {
-        element.setAttribute(attribute, template[attribute]);
+        if (template[attribute] === undefined)
+            element.removeAttribute(attribute);
+        else
+            element.setAttribute(attribute, template[attribute]);
     }
     if (template.innerHTML) {
         element.innerHTML = template.innerHTML;