Rodney Chen
2024-05-09 b18caadef268be252fea79295884d434da25b566
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
import type { Ref } from 'vue';
import { onBeforeUpdate, shallowRef } from 'vue';
 
function useRefs(): {
  refs: Ref<HTMLElement[]>;
  setRefs: (index: number) => (el: HTMLElement) => void;
} {
  const refs = shallowRef([]) as Ref<HTMLElement[]>;
 
  onBeforeUpdate(() => {
    refs.value = [];
  });
 
  const setRefs = (index: number) => (el: HTMLElement) => {
    refs.value[index] = el;
  };
 
  return {
    refs,
    setRefs,
  };
}
 
export { useRefs };