unlike composition api, refs are not reactive in options api

src/components/conversation/conversation.vue

@@ -153,6 +153,9 @@
             :focused="focused === element.id || focused === element.item.retweeted_status?.id"
 
             :data-status-id="element.id"
+            :data-vs-height="element.height"
+            :data-vs-top="element.top"
+
             @goto="setFocused"
             @toggle-expanded="toggleExpanded"
             @suspendable-state-change="changeSuspendStateLinearLocal"

src/components/status/status.js

@@ -597,12 +597,17 @@ const Status = {
       })
     },
   },
+  mounted() {
+    if (this.$refs.root) {
+      this.resizeObserver.observe(this.$refs.root)
+    }
+  },
   unmounted() {
     this.resizeObserver.disconnect()
   },
   watch: {
-    '$refs.root': function (element) {
-      if (element) {
+    hideStatus: function (element) {
+      if (this.$refs.root) {
         this.resizeObserver.observe(this.$refs.root)
       } else {
         this.resizeObserver.disconnect()

src/components/timeline/timeline.vue

@@ -90,6 +90,10 @@
             v-if="element.type === 'item'"
             :status-id="element.item.id"
             role="listitem"
+
+            :data-vs-height="element.height"
+            :data-vs-top="element.top"
+
             @suspendable-state-change="changeSuspendState"
             @height-change="updateVirtualHeight"
           />