fix(compiler-vapor): don't setText for root element

diff --git a/packages/compiler-vapor/src/transforms/transformInterpolation.ts b/packages/compiler-vapor/src/transforms/transformInterpolation.ts
index 02b4f0208f0a6589da343451e2244e5d7e844c03..ac1a7142086e5b01799550877521912ddbba4f7d 100644 (file)
--- a/packages/compiler-vapor/src/transforms/transformInterpolation.ts
+++ b/packages/compiler-vapor/src/transforms/transformInterpolation.ts
@@ -9,8 +9,9 @@ export const transformInterpolation: NodeTransform = (node, ctx) => {
   const parentChildren = ctx.parent ? ctx.parent.node.children : []
   const isFirst = ctx.index === 0
   const isLast = ctx.index === parentChildren.length - 1
+  const isRoot = ctx.parent === ctx.root
 
-  if (isFirst && isLast) {
+  if (isFirst && isLast && !isRoot) {
     const parent = ctx.parent!
     const parentId = parent.reference()
     ctx.registerEffect(

diff --git a/playground/src/dynamic.vue b/playground/src/dynamic.vue
new file mode 100644 (file)
index 0000000..75bd648
--- /dev/null
+++ b/playground/src/dynamic.vue
@@ -0,0 +1 @@
+<template>{{ '1' }}</template>

diff --git a/playground/src/todo-mvc.vue b/playground/src/todo-mvc.vue
new file mode 100644 (file)
index 0000000..1d9ccbd
--- /dev/null
+++ b/playground/src/todo-mvc.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { ref } from 'vue/vapor'
+
+interface Task {
+  title: string
+  completed: boolean
+}
+const tasks = ref<Task[]>([])
+</script>
+
+<template>{{ tasks }}</template>