fix: correctly assign deep refs

Author: arnoson

src/refs.ts

@@ -10,17 +10,24 @@ export const getRefs = (el: HTMLElement) => {
 
   walkComponent(el, el => {
     const { ref } = el.dataset
-    if (ref) addRef(ref, el)
+    if (!ref) return
+
+    const isDeepRef = ref.includes('/')
+    if (isDeepRef) return
+
+    addRef(ref, el)
   })
 
+  // Deep refs can't be handled during DOM walk, since we stop at child
+  // components.
   const deepRefs = el.querySelectorAll<HTMLElement>('[data-ref*="/"]')
   deepRefs.forEach(refEl => {
     const [parent, name] = refEl.dataset.ref!.split('/')
 
     const selector = parent.match(/^\((.*)\)$/)?.[1]
     const parentSelector = selector ?? `[data-simple-component='${parent}']`
 
-    const parentEl = el.closest(parentSelector)
+    const parentEl = refEl.closest(parentSelector)
     if (parentEl === el) addRef(name, refEl)
   })