@humanforest/frames 0.3.5 → 0.3.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@humanforest/frames",
-  "version": "0.3.5",
+  "version": "0.3.6",
   "type": "module",
   "files": [
     "src",

package/src/FFitFrame.vue

@@ -40,8 +40,8 @@ const availW = ref(0);
 // component's mounted hook runs, and a missed attach leaves the wrapper unsized with no visible error.
 // No loop between the two: the slot's unscaled height is fixed by its own content, and the wrapper's
 // width is its block width — neither depends on the scale derived from them.
-const innerRO = new ResizeObserver(([e]) => { naturalH.value = e.contentRect.height; });
-const wrapRO = new ResizeObserver(([e]) => { availW.value = e.contentRect.width; });
+const innerRO = new ResizeObserver(([e]) => { naturalH.value = e!.contentRect.height; });
+const wrapRO = new ResizeObserver(([e]) => { availW.value = e!.contentRect.width; });
 watch(inner, (el) => { innerRO.disconnect(); if (el) innerRO.observe(el); }, { immediate: true, flush: 'post' });
 watch(wrapper, (el) => { wrapRO.disconnect(); if (el) wrapRO.observe(el); }, { immediate: true, flush: 'post' });
 onBeforeUnmount(() => { innerRO.disconnect(); wrapRO.disconnect(); });

package/src/devices.ts

@@ -333,5 +333,5 @@ export const DEFAULT_DEVICE = 'iphone-17-pro-max';
  * against the one it got.
  */
 export function findDevice(id: string): DeviceModel {
-  return DEVICES.find((d) => d.id === id) ?? DEVICES.find((d) => d.id === DEFAULT_DEVICE) ?? DEVICES[0];
+  return DEVICES.find((d) => d.id === id) ?? DEVICES.find((d) => d.id === DEFAULT_DEVICE) ?? DEVICES[0]!;
 }