@volverjs/ui-vue 0.0.10-beta.49 → 0.0.10-beta.50

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -31,7 +31,7 @@ const propsDefaults = useDefaults<typeof VvComboboxProps>(
31
31
  const inputEl: Ref<HTMLElement | null> = ref(null)
32
32
  const inputSearchEl: Ref<HTMLElement | null> = ref(null)
33
33
  const wrapperEl: Ref<HTMLElement | null> = ref(null)
34
- const dropdownEl = useTemplateRef<typeof VvDropdown>('dropdownEl')
34
+ const dropdownEl = ref<typeof VvDropdown>()
35
35
 
36
36
  // hint slot
37
37
  const {
@@ -50,8 +50,8 @@ const maxHeight = ref('auto')
50
50
  // template elements
51
51
  const localReferenceEl = ref<HTMLElement>()
52
52
  const floatingEl: Ref = ref()
53
- const arrowEl = useTemplateRef<HTMLElement>('arrowEl')
54
- const listEl = useTemplateRef<HTMLElement>('listEl')
53
+ const arrowEl = ref<HTMLElement>()
54
+ const listEl = ref<HTMLElement>()
55
55
  const referenceEl = computed({
56
56
  get: () => props.reference ?? localReferenceEl.value,
57
57
  set: (newValue) => {
@@ -105,7 +105,7 @@ const isMultiple = computed(() => {
105
105
 
106
106
  const isDragging = ref(false)
107
107
 
108
- const inputEl = useTemplateRef<HTMLInputElement>('inputEl')
108
+ const inputEl = ref<HTMLInputElement>()
109
109
  function onDragenter() {
110
110
  isDragging.value = true
111
111
  }
@@ -217,9 +217,9 @@ watch(
217
217
 
218
218
  // template refs
219
219
  const inputEl = el as Ref<HTMLInputElement>
220
- const innerEl = useTemplateRef<HTMLInputElement>('innerEl')
221
- const wrapperEl = useTemplateRef<HTMLDivElement>('wrapperEl')
222
- const dropdownEl = useTemplateRef<typeof VvDropdown>('dropdownEl')
220
+ const innerEl = ref<HTMLInputElement>()
221
+ const wrapperEl = ref<HTMLDivElement>()
222
+ const dropdownEl = ref<typeof VvDropdown>()
223
223
 
224
224
  defineExpose({ $inner: innerEl })
225
225
 
@@ -20,7 +20,7 @@ const propsDefaults = useDefaults<typeof VvSelectProps>(
20
20
  )
21
21
 
22
22
  // template refs
23
- const selectEl = useTemplateRef<HTMLSelectElement>('selectEl')
23
+ const selectEl = ref<HTMLSelectElement>()
24
24
 
25
25
  // hint
26
26
  const {
@@ -23,7 +23,7 @@ export const Default: Story = {
23
23
  render: args => ({
24
24
  components: { VvDropdown, VvDropdownAction, VvIcon },
25
25
  setup() {
26
- const dropdownEl = useTemplateRef<typeof VvDropdown>('dropdownEl')
26
+ const dropdownEl = ref<typeof VvDropdown>()
27
27
  return { args, dropdownEl }
28
28
  },
29
29
  template: /* html */ `