fix: modify createElement to h (#483)

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, [

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 '),

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')

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, [

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 '),

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')

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, [

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 '),

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')

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, [

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, '内容可以是 '),

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'}, '这是提示文案这是提示文案这是提示文案这是提示文案这是提示文案这是提示文案这是提示文案这是提示文案')