feat: directive resolution for <script setup>

vuejs · Jun 15, 2022 · aa2b1f4 · aa2b1f4
1 parent 4b19339
commit aa2b1f4
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 1 deletion.
diff --git a/src/core/vdom/modules/directives.ts b/src/core/vdom/modules/directives.ts
@@ -102,7 +102,10 @@ function normalizeDirectives(
       dir.modifiers = emptyModifiers
     }
     res[getRawDirName(dir)] = dir
-    dir.def = resolveAsset(vm.$options, 'directives', dir.name, true)
+    if (vm._setupState && vm._setupState.__sfc) {
+      dir.def = resolveAsset(vm, '_setupState', 'v-' + dir.name)
+    }
+    dir.def = dir.def || resolveAsset(vm.$options, 'directives', dir.name, true)
   }
   // $flow-disable-line
   return res

diff --git a/test/unit/features/v3/apiSetup.spec.ts b/test/unit/features/v3/apiSetup.spec.ts
@@ -233,4 +233,18 @@ describe('api: setup context', () => {
     await nextTick()
     expect(vm.$el.outerHTML).toMatch(`<div>1</div>`)
   })
+
+  it('directive resolution', () => {
+    const spy = vi.fn()
+    new Vue({
+      setup: () => ({
+        __sfc: true,
+        vDir: {
+          inserted: spy
+        }
+      }),
+      template: `<div v-dir />`
+    }).$mount()
+    expect(spy).toHaveBeenCalled()
+  })
 })