fix(code): content is repeatly appended if language is not set, closes …

…#2034

CHANGELOG.en-US.md

@@ -62,6 +62,7 @@
 
 - Fix `n-form-item-gi` 's `validate` doesn't work, closes [#1901](https://github.com/TuSimple/naive-ui/issues/1901).
 - Fix `n-card` action's border-radius style.
+- Fix `n-code`'s content is repeatly appended if language is not set, closes [#2034](https://github.com/TuSimple/naive-ui/issues/2034).
 
 ## 2.23.1 (2021-12-20)
 

CHANGELOG.zh-CN.md

@@ -62,6 +62,7 @@
 
 - 修复 `n-form-item-gi` 的 `validate` 不生效，关闭 [#1901](https://github.com/TuSimple/naive-ui/issues/1901)
 - 修复 `n-card` action 部分的 border-radius 样式
+- 修复 `n-code` 不设定 language 时内容重复添加，关闭 [#2034](https://github.com/TuSimple/naive-ui/issues/2034)
 
 ## 2.23.1 (2021-12-20)
 

src/code/demos/zhCN/index.demo-entry.md

@@ -37,6 +37,7 @@
 ```demo
 basic.vue
 inline.vue
+loop-debug.vue
 ```
 
 ## API

src/code/demos/zhCN/loop-debug.demo.vue

@@ -0,0 +1,27 @@
+<markdown>
+# Loop debug
+</markdown>
+
+<template>
+  <n-code :code="code" />
+</template>
+
+<script lang="ts">
+import { defineComponent, ref, onBeforeUnmount } from 'vue'
+
+export default defineComponent({
+  setup () {
+    const code = ref('')
+
+    const id = setInterval(() => {
+      code.value = 'Current: ' + String(new Date())
+    }, 1000)
+
+    onBeforeUnmount(() => {
+      clearInterval(id)
+    })
+
+    return { code }
+  }
+})
+</script>

src/code/src/Code.tsx

@@ -82,6 +82,7 @@ export default defineComponent({
       }
       const warp = document.createElement('pre')
       warp.textContent = code
+      codeEl.innerHTML = ''
       codeEl.appendChild(warp)
     }
     onMounted(setCode)