Fix squeezable on production environments (#254)

website/src/components/broadcast/Squeezable.vue

@@ -1,6 +1,6 @@
 <template>
     <div ref="big" class="squeezable" :style="{'--content-scale': allowedContentScale, '--content-transform-origin': (align || 'left')}" @click="updateWidth()">
-        <slot ref="small"></slot>
+        <slot></slot>
     </div>
 </template>
 
@@ -32,7 +32,7 @@ export default {
     methods: {
         updateWidth(isAfterTick) {
             const big = this.$refs.big;
-            const small = this.$slots.default?.()?.[0]?.el || big?.__vnode?.children?.[0]?.children?.[0]?.el || big?.__vnode?.children?.[0]?.el;
+            const small = this.$el?.children?.[0];
             // console.log({ big, small });
 
             if (!big?.getBoundingClientRect || !small?.getBoundingClientRect) return;
@@ -49,7 +49,7 @@ export default {
             if (!isAfterTick) this.$nextTick(() => this.updateWidth(true));
         },
         observerUpdate(...a) {
-            // console.log(a);
+            // console.log("observer update", a);
             this.updateWidth();
         }
     },
@@ -58,7 +58,7 @@ export default {
         this.elementObserver.observe(this.$refs.big);
 
         const mutationObserver = new MutationObserver((...a) => {
-            console.log("mutation", a);
+            // console.log("mutation", a);
             this.$nextTick(() => {
                 this.updateWidth(true);
             });