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

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(

playground/src/dynamic.vue

@@ -0,0 +1 @@
+<template>{{ '1' }}</template>

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>