@live-change/vue3-components 0.9.15 → 0.9.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@live-change/vue3-components",
-  "version": "0.9.15",
+  "version": "0.9.16",
   "description": "Live Change Framework - vue components",
   "main": "index.js",
   "scripts": {
@@ -21,10 +21,10 @@
   },
   "homepage": "https://github.com/live-change/live-change-stack",
   "dependencies": {
-    "@live-change/vue3-ssr": "^0.9.15",
+    "@live-change/vue3-ssr": "^0.9.16",
     "debug": "^4.3.4",
     "mitt": "3.0.1",
     "vue": "^3.5.12"
   },
-  "gitHead": "7b145114b9ca412b99f4c052d5069dd1729ff388"
+  "gitHead": "226df9fa7eb682f6d7da5e4541eb320e8309facf"
 }

package/view/RangeViewer.vue

@@ -19,7 +19,7 @@
 
     <slot v-if="itemsCount === 0" name="empty"></slot>
 
-    <template v-for="(bucket, bucketIndex) in buckets.buckets" :key="bucket.id">
+    <template v-for="(bucket, bucketIndex) in buckets?.buckets ?? []" :key="bucket.id">
 
       <slot v-for="(item, itemIndex) in bucket.data" v-bind="{ item, bucket, itemIndex, bucketIndex }">
         <h4>{{bucketIndex}}.{{itemIndex}}</h4>
@@ -144,14 +144,19 @@
   const loadingBottom = ref(false)
 
   async function createBuckets() {
-    return rangeBuckets(
-        (range, p) => pathFunction.value(range, p),
-        {
-          bucketSize: bucketSize.value,
-          initialPosition: initialPosition.value,
-          softClose: softClose.value
-        }
-    )
+    try {
+      return await rangeBuckets(
+          (range, p) => pathFunction.value(range, p),
+          {
+            bucketSize: bucketSize.value,
+            initialPosition: initialPosition.value,
+            softClose: softClose.value
+          }
+      )
+    } catch(e) {
+      console.error("Error creating buckets", e)
+      throw e
+    }
   }
 
   const buckets = ref()