diff --git a/website/docs/en-US/message-box.md b/website/docs/en-US/message-box.md
index 6ca62857f1..69a88c23bb 100644
--- a/website/docs/en-US/message-box.md
+++ b/website/docs/en-US/message-box.md
@@ -124,10 +124,11 @@ Can be customized to show various content.
 </template>
 
 <script>
+  import { h } from 'vue';
+
   export default {
     methods: {
       open() {
-        const h = this.$createElement;
         this.$msgbox({
           title: 'Message',
           message: h('p', null, [
diff --git a/website/docs/en-US/message.md b/website/docs/en-US/message.md
index 16091836ad..2453303650 100644
--- a/website/docs/en-US/message.md
+++ b/website/docs/en-US/message.md
@@ -15,6 +15,8 @@ Displays at the top, and disappears after 3 seconds.
 </template>
 
 <script>
+  import { h } from 'vue';
+
   export default {
     methods: {
       open() {
@@ -22,7 +24,6 @@ Displays at the top, and disappears after 3 seconds.
       },
 
       openVn() {
-        const h = this.$createElement;
         this.$message({
           message: h('p', null, [
             h('span', null, 'Message can be '),
diff --git a/website/docs/en-US/notification.md b/website/docs/en-US/notification.md
index cff5fcea61..d87b3af5d9 100644
--- a/website/docs/en-US/notification.md
+++ b/website/docs/en-US/notification.md
@@ -21,11 +21,11 @@ Displays a global notification message at a corner of the page.
 </template>
 
 <script>
+  import { h } from 'vue';
+
   export default {
     methods: {
       open1() {
-        const h = this.$createElement;
-
         this.$notify({
           title: 'Title',
           message: h('i', { style: 'color: teal' }, 'This is a reminder')
diff --git a/website/docs/es/message-box.md b/website/docs/es/message-box.md
index abbcce1b64..69be566c05 100644
--- a/website/docs/es/message-box.md
+++ b/website/docs/es/message-box.md
@@ -125,10 +125,11 @@ Puede ser personalizado para mostrar diversos contenidos.
 </template>
 
 <script>
+  import { h } from 'vue';
+
   export default {
     methods: {
       open() {
-        const h = this.$createElement;
         this.$msgbox({
           title: 'Message',
           message: h('p', null, [
diff --git a/website/docs/es/message.md b/website/docs/es/message.md
index 49e020b301..84832c2db2 100644
--- a/website/docs/es/message.md
+++ b/website/docs/es/message.md
@@ -15,6 +15,8 @@ Se muestra en la parte superior de la pagina y desaparece después de 3 segundos
 </template>
 
 <script>
+  import { h } from 'vue';
+
   export default {
     methods: {
       open() {
@@ -22,7 +24,6 @@ Se muestra en la parte superior de la pagina y desaparece después de 3 segundos
       },
 
       openVn() {
-        const h = this.$createElement;
         this.$message({
           message: h('p', null, [
             h('span', null, 'Message can be '),
diff --git a/website/docs/es/notification.md b/website/docs/es/notification.md
index 229c0ac1d3..5bd95bc2ad 100644
--- a/website/docs/es/notification.md
+++ b/website/docs/es/notification.md
@@ -21,11 +21,11 @@ Muestra un mensaje de notificación global en una esquina de la página.
 </template>
 
 <script>
+  import { h } from 'vue';
+
   export default {
     methods: {
       open1() {
-        const h = this.$createElement;
-
         this.$notify({
           title: 'Title',
           message: h('i', { style: 'color: teal' }, 'This is a reminder')
diff --git a/website/docs/fr-FR/message-box.md b/website/docs/fr-FR/message-box.md
index 0200ed96ec..f8582a4792 100644
--- a/website/docs/fr-FR/message-box.md
+++ b/website/docs/fr-FR/message-box.md
@@ -125,10 +125,11 @@ Il est possible d'afficher du contenu un peu plus varié et personnalisé.
 </template>
 
 <script>
+  import { h } from 'vue';
+
   export default {
     methods: {
       open() {
-        const h = this.$createElement;
         this.$msgbox({
           title: 'Message',
           message: h('p', null, [
diff --git a/website/docs/fr-FR/message.md b/website/docs/fr-FR/message.md
index c733ec8c40..9197cb37a2 100644
--- a/website/docs/fr-FR/message.md
+++ b/website/docs/fr-FR/message.md
@@ -15,6 +15,8 @@ S'affiche en haut de la page et disparaît après trois secondes.
 </template>
 
 <script>
+  import { h } from 'vue';
+
   export default {
     methods: {
       open() {
@@ -22,7 +24,6 @@ S'affiche en haut de la page et disparaît après trois secondes.
       },
 
       openVn() {
-        const h = this.$createElement;
         this.$message({
           message: h('p', null, [
             h('span', null, 'Message peut être '),
diff --git a/website/docs/fr-FR/notification.md b/website/docs/fr-FR/notification.md
index 9b24d15d59..1afad7c6a3 100644
--- a/website/docs/fr-FR/notification.md
+++ b/website/docs/fr-FR/notification.md
@@ -21,11 +21,11 @@ Affiche une notification globale dans un coin de la page.
 </template>
 
 <script>
+  import { h } from 'vue';
+
   export default {
     methods: {
       open1() {
-        const h = this.$createElement;
-
         this.$notify({
           title: 'Titre',
           message: h('i', { style: 'color: teal' }, 'Ceci est un rappel')
diff --git a/website/docs/zh-CN/message-box.md b/website/docs/zh-CN/message-box.md
index 18ab07350a..c0b3d4a2d5 100644
--- a/website/docs/zh-CN/message-box.md
+++ b/website/docs/zh-CN/message-box.md
@@ -122,10 +122,11 @@
 </template>
 
 <script>
+  import { h } from 'vue';
+
   export default {
     methods: {
       open() {
-        const h = this.$createElement;
         this.$msgbox({
           title: '消息',
           message: h('p', null, [
diff --git a/website/docs/zh-CN/message.md b/website/docs/zh-CN/message.md
index 027af61733..cb4779d9e6 100644
--- a/website/docs/zh-CN/message.md
+++ b/website/docs/zh-CN/message.md
@@ -15,6 +15,8 @@
 </template>
 
 <script>
+  import { h } from 'vue';
+
   export default {
     methods: {
       open() {
@@ -22,7 +24,6 @@
       },
 
       openVn() {
-        const h = this.$createElement;
         this.$message({
           message: h('p', null, [
             h('span', null, '内容可以是 '),
diff --git a/website/docs/zh-CN/notification.md b/website/docs/zh-CN/notification.md
index d9debbba3e..c2cd644c0f 100644
--- a/website/docs/zh-CN/notification.md
+++ b/website/docs/zh-CN/notification.md
@@ -22,11 +22,11 @@
 </template>
 
 <script>
+  import { h } from 'vue';
+
   export default {
     methods: {
       open1() {
-        const h = this.$createElement;
-
         this.$notify({
           title: '标题名称',
           message: h('i', { style: 'color: teal'}, '这是提示文案这是提示文案这是提示文案这是提示文案这是提示文案这是提示文案这是提示文案这是提示文案')