feat: v-text

vuejs · Nov 24, 2023 · dc3bc70 · dc3bc70
1 parent 74b4328
commit dc3bc70
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -20,7 +20,7 @@ See the To-do list below or `// TODO` comments in code (`compiler-vapor` and `ru
  - [ ] `v-for`
  - [ ] `v-once`
  - [x] `v-html`
- - [ ] `v-text`
+ - [x] `v-text`
  - [ ] `v-show`
  - [ ] `v-pre`
  - [ ] `v-cloak`

diff --git a/packages/compiler-vapor/src/transform.ts b/packages/compiler-vapor/src/transform.ts
@@ -216,6 +216,7 @@ function transformElement(ctx: TransformContext<ElementNode>) {
  if (children.length) transformChildren(ctx)
 
  // TODO remove unnecessary close tag
+ // TODO: [bug] self closing <div />
  if (!node.isSelfClosing) ctx.template += `</${tag}>`
 }
 
@@ -354,6 +355,13 @@ function transformProp(
  element: ctx.getElementId(),
  })
  break
+ case 'text':
+ ctx.registerEffect(expr, {
+ type: IRNodeTypes.SET_TEXT,
+ loc: node.loc,
+ element: ctx.getElementId(),
+ })
+ break
  }
 }
 

diff --git a/playground/src/App.vue b/playground/src/App.vue
@@ -29,7 +29,8 @@ globalThis.html = html
  <button @click="inc">inc</button>
  <button @click="dec">dec</button>
  </div>
- <div v-html="html" />
+ <div v-html="html"></div>
+ <div v-text="html"></div>
  </div>
 </template>