fix(vue): accept null template refs so useTemplateRef type-checks

Vue 3.5's useTemplateRef() returns Ref<HTMLElement | null>, which the
previous VueElement type rejected. Widen the ref value to include null
(the runtime already waits for a non-null element before initializing)
and reuse VueElement for the parent field. Convert the Vue Test1
component to useTemplateRef so the framework e2e suite exercises it.

Co-authored-by: jf908 <2487520+jf908@users.noreply.github.com>

Author: justin-schroeder

src/vue/types.ts

@@ -1,10 +1,10 @@
 import type { MaybeRef, Ref } from "vue";
 import type { ParentConfig } from "../types";
 
-export type VueElement = HTMLElement | Ref<HTMLElement | undefined>;
+export type VueElement = HTMLElement | Ref<HTMLElement | null | undefined>;
 
 export interface VueDragAndDropData<T> extends VueParentConfig<T> {
-  parent: HTMLElement | Ref<HTMLElement | undefined>;
+  parent: VueElement;
   values: MaybeRef<Array<T>>;
 }
 

tests-frameworks/vue/components/Test1.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref } from "vue";
+import { ref, useTemplateRef } from "vue";
 import { dragAndDrop } from "../../../src/vue/index";
 
 const props = defineProps<{
@@ -18,7 +18,7 @@ const values = ref([
   },
 ]);
 
-const parent = ref();
+const parent = useTemplateRef<HTMLElement>("parent");
 
 dragAndDrop({
   parent,