fix(compiler-vapor): import helper with type check

packages/compiler-vapor/__tests__/__snapshots__/compile.spec.ts.snap

@@ -17,7 +17,7 @@ export function render(_ctx) {
 `;
 
 exports[`compile > custom directive > basic 1`] = `
-"import { template as _template, children as _children, resolveDirective("vTest") as _resolveDirective("vTest"), resolveDirective("vHello") as _resolveDirective("vHello"), withDirectives as _withDirectives } from 'vue/vapor';
+"import { template as _template, children as _children, resolveDirective as _resolveDirective, withDirectives as _withDirectives } from 'vue/vapor';
 
 export function render(_ctx) {
   const t0 = _template("<div></div>")

packages/compiler-vapor/src/generate.ts

@@ -67,7 +67,7 @@ export interface CodegenContext {
   helpers: Set<string>
   vaporHelpers: Set<string>
   helper(name: string): string
-  vaporHelper(name: string): string
+  vaporHelper(name: VaporHelper): string
 }
 
 function createCodegenContext(ir: RootIRNode, options: CodegenOptions) {

packages/compiler-vapor/src/generators/directive.ts

@@ -16,11 +16,11 @@ export function genWithDirective(
 
   return [
     newline(),
-    ...call(vaporHelper('withDirectives'), [element], directives),
+    ...call(vaporHelper('withDirectives'), element, directives),
   ]
 
   function genDirective({ dir, builtin }: WithDirectiveIRNode): CodeFragment[] {
-    const NULL = ['void 0']
+    const NULL = 'void 0'
 
     const directive = genDirective()
     const value = dir.exp
@@ -39,7 +39,7 @@ export function genWithDirective(
 
     return multi(['[', ']', ', '], directive, value, argument, modifiers)
 
-    function genDirective(): CodeFragment[] {
+    function genDirective() {
       const {
         vaporHelper,
         options: { bindingMetadata },
@@ -56,7 +56,7 @@ export function genWithDirective(
           directiveExpression.ast = null
           return genExpression(directiveExpression, context)
         } else {
-          return [vaporHelper(`resolveDirective("${directiveReference}")`)]
+          return `${vaporHelper('resolveDirective')}("${directiveReference}")`
         }
       }
     }

packages/compiler-vapor/src/generators/prop.ts

@@ -1,5 +1,5 @@
 import type { CodeFragment, CodegenContext } from '../generate'
-import type { SetPropIRNode } from '../ir'
+import type { SetPropIRNode, VaporHelper } from '../ir'
 import { genExpression } from './expression'
 import { isString } from '@vue/shared'
 
@@ -16,7 +16,7 @@ export function genSetProp(
   if (isString(oper.key) || oper.key.isStatic) {
     const keyName = isString(oper.key) ? oper.key : oper.key.content
 
-    let helperName: string | undefined
+    let helperName: VaporHelper | undefined
     let omitKey = false
     if (keyName === 'class') {
       helperName = 'setClass'

packages/compiler-vapor/src/ir.ts

@@ -156,7 +156,7 @@ export interface WithDirectiveIRNode extends BaseIRNode {
   type: IRNodeTypes.WITH_DIRECTIVE
   element: number
   dir: VaporDirectiveNode
-  builtin?: string
+  builtin?: VaporHelper
 }
 
 export type IRNode =

packages/compiler-vapor/src/transforms/vModel.ts

@@ -13,7 +13,7 @@ import {
   isStaticArgOf,
 } from '@vue/compiler-dom'
 import type { DirectiveTransform } from '../transform'
-import { IRNodeTypes } from '..'
+import { IRNodeTypes, type VaporHelper } from '../ir'
 
 export const transformVModel: DirectiveTransform = (dir, node, context) => {
   const { exp, arg, loc } = dir
@@ -61,7 +61,7 @@ export const transformVModel: DirectiveTransform = (dir, node, context) => {
   }
 
   const isComponent = node.tagType === ElementTypes.COMPONENT
-  let runtimeDirective: string | undefined
+  let runtimeDirective: VaporHelper | undefined
 
   if (isComponent) {
     if (dir.arg)

packages/runtime-vapor/src/directive.ts

@@ -144,3 +144,7 @@ function callDirectiveHook(
   resetTracking()
   if (name !== 'beforeUpdate') binding.oldValue = binding.value
 }
+
+export function resolveDirective() {
+  // TODO
+}

packages/runtime-vapor/src/directives/vModel.ts

@@ -98,3 +98,9 @@ export const vModelText: ObjectDirective<
     el.value = newValue
   },
 }
+
+// TODO
+export const vModelDynamic = {}
+export const vModelRadio = {}
+export const vModelCheckbox = {}
+export const vModelSelect = {}