diff --git a/src/components/conversation/conversation.js b/src/components/conversation/conversation.js index 305770131..1a2c61ab1 100644 --- a/src/components/conversation/conversation.js +++ b/src/components/conversation/conversation.js @@ -235,7 +235,9 @@ export default { ? mutedStatusHeight : normalStatusHeight - const anchorIds = computed(() => new Set([mainStatus.value?.id, currentStatus.value?.id])) + const anchorIds = computed( + () => new Set([mainStatus.value?.id, currentStatus.value?.id]), + ) // # Linear style stuff const isLinearView = computed(() => displayStyle.value !== 'tree') const linearElement = useTemplateRef('linear') diff --git a/src/components/status/status.js b/src/components/status/status.js index c9b3b31c2..ec685b0d2 100644 --- a/src/components/status/status.js +++ b/src/components/status/status.js @@ -600,16 +600,18 @@ const Status = { mounted() { if (this.$refs.root) { this.resizeObserver.observe(this.$refs.root) - this.updateVirtualHeight([{ - contentRect: this.$refs.root.getBoundingClientRect() - }]) + this.updateVirtualHeight([ + { + contentRect: this.$refs.root.getBoundingClientRect(), + }, + ]) } }, unmounted() { this.resizeObserver.disconnect() }, watch: { - hideStatus: function (element) { + hideStatus: function () { if (this.$refs.root) { this.resizeObserver.observe(this.$refs.root) } else { diff --git a/src/composables/useVirtualScrolling.js b/src/composables/useVirtualScrolling.js index 97ea87064..d466fc059 100644 --- a/src/composables/useVirtualScrolling.js +++ b/src/composables/useVirtualScrolling.js @@ -1,4 +1,4 @@ -import { last, first } from 'lodash-es' +import { last } from 'lodash-es' import { computed, nextTick, ref, toValue, watch } from 'vue' import { useWindowSize } from 'src/composables/useWindowSize.js' @@ -45,14 +45,13 @@ export function useVirtualScrolling({ // Map every height and suspendable state const chart = list.value.map((item) => { const { id } = item - const height = - (() => { - if (heights.value.has(id)) { - return heights.value.get(id) - } else { - return getPlaceholderHeight(id).value - } - })() + const height = (() => { + if (heights.value.has(id)) { + return heights.value.get(id) + } else { + return getPlaceholderHeight(id).value + } + })() const suspendable = !unsuspendibleIds.value.has(id) return { id, height, suspendable, item } }) @@ -167,7 +166,9 @@ export function useVirtualScrolling({ // # Visiblity // Add buffer zone to boundary, equal to approx 3 items heights - const bufferZone = computed(() => getPlaceholderHeight().value * (toValue(buffer) ?? 3)) + const bufferZone = computed( + () => getPlaceholderHeight().value * (toValue(buffer) ?? 3), + ) const heightChartGrouped = computed(() => { // Determine visibility state