From df9adc330d1370259b35061dabdc8bbdce433dfc Mon Sep 17 00:00:00 2001
From: zazzaz <izazzaz@hotmail.com>
Date: Thu, 12 Nov 2020 16:17:21 +0800
Subject: [PATCH 1/2] fix: update mune folder structure

---
 packages/element-plus/index.ts                       |  9 ---------
 packages/element-plus/package.json                   |  5 +----
 packages/menu-item-group/doc/index.stories.ts        |  5 -----
 packages/menu-item-group/index.ts                    |  5 -----
 packages/menu-item-group/package.json                | 12 ------------
 packages/menu-item/index.ts                          |  5 -----
 packages/menu-item/package.json                      | 12 ------------
 packages/menu/index.ts                               |  6 ++++++
 .../src/index.vue => menu/src/menuItemGroup.vue}     |  0
 packages/submenu/index.ts                            |  5 -----
 packages/submenu/package.json                        | 12 ------------
 11 files changed, 7 insertions(+), 69 deletions(-)
 delete mode 100644 packages/menu-item-group/doc/index.stories.ts
 delete mode 100644 packages/menu-item-group/index.ts
 delete mode 100644 packages/menu-item-group/package.json
 delete mode 100644 packages/menu-item/index.ts
 delete mode 100644 packages/menu-item/package.json
 rename packages/{menu-item-group/src/index.vue => menu/src/menuItemGroup.vue} (100%)
 delete mode 100644 packages/submenu/index.ts
 delete mode 100644 packages/submenu/package.json

diff --git a/packages/element-plus/index.ts b/packages/element-plus/index.ts
index 85a0974a72..46270cd47c 100644
--- a/packages/element-plus/index.ts
+++ b/packages/element-plus/index.ts
@@ -59,9 +59,6 @@ import ElPopover from '@element-plus/popover'
 import ElCascader from '@element-plus/cascader'
 import ElCascaderPanel from '@element-plus/cascader-panel'
 import ElMenu from '@element-plus/menu'
-import ElMenuItem from '@element-plus/menu-item'
-import ElMenuItemGroup from '@element-plus/menu-item-group'
-import ElSubmenu from '@element-plus/submenu'
 import ElCollapseTransition from '@element-plus/transition'
 import { use } from '@element-plus/locale'
 
@@ -123,9 +120,6 @@ export {
   ElCascader,
   ElCascaderPanel,
   ElMenu,
-  ElSubmenu,
-  ElMenuItem,
-  ElMenuItemGroup,
   ElCollapseTransition,
 }
 
@@ -198,9 +192,6 @@ const install = (app: App, opt: InstallOptions = defaultInstallOpt): void => {
   ElCascader(app)
   ElCascaderPanel(app)
   ElMenu(app)
-  ElSubmenu(app)
-  ElMenuItem(app)
-  ElMenuItemGroup(app)
   ElCollapseTransition(app)
 
   app.config.globalProperties.$ELEMENT = opt
diff --git a/packages/element-plus/package.json b/packages/element-plus/package.json
index 58f7409e7f..f918f575fc 100644
--- a/packages/element-plus/package.json
+++ b/packages/element-plus/package.json
@@ -46,9 +46,6 @@
     "@element-plus/form": "^0.0.0",
     "@element-plus/tree": "^0.0.0",
     "@element-plus/select": "^0.0.0",
-    "@element-plus/menu": "^0.0.0",
-    "@element-plus/submenu": "^0.0.0",
-    "@element-plus/menu-item": "^0.0.0",
-    "@element-plus/menu-item-group": "^0.0.0"
+    "@element-plus/menu": "^0.0.0"
   }
 }
diff --git a/packages/menu-item-group/doc/index.stories.ts b/packages/menu-item-group/doc/index.stories.ts
deleted file mode 100644
index 9cc589ac3e..0000000000
--- a/packages/menu-item-group/doc/index.stories.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import ElMenuItemGroup from '../index'
-
-export default {
-  title: 'MenuItem-group',
-}
diff --git a/packages/menu-item-group/index.ts b/packages/menu-item-group/index.ts
deleted file mode 100644
index f1671e18ef..0000000000
--- a/packages/menu-item-group/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { App } from 'vue'
-import MenuItemGroup from '../menu/src/menuGroup.vue'
-export default (app: App): void => {
-  app.component(MenuItemGroup.name, MenuItemGroup)
-}
diff --git a/packages/menu-item-group/package.json b/packages/menu-item-group/package.json
deleted file mode 100644
index 3c2de02994..0000000000
--- a/packages/menu-item-group/package.json
+++ /dev/null
@@ -1,12 +0,0 @@
-{
-  "name": "@element-plus/menu-item-group",
-  "version": "0.0.0",
-  "main": "dist/index.js",
-  "license": "MIT",
-  "peerDependencies": {
-    "vue": "^3.0.0-rc.9"
-  },
-  "devDependencies": {
-    "@vue/test-utils": "^2.0.0-beta.3"
-  }
-}
diff --git a/packages/menu-item/index.ts b/packages/menu-item/index.ts
deleted file mode 100644
index 9d1c00aee5..0000000000
--- a/packages/menu-item/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { App } from 'vue'
-import MenuItem from '../menu/src/menuItem.vue'
-export default (app: App): void => {
-  app.component(MenuItem.name, MenuItem)
-}
diff --git a/packages/menu-item/package.json b/packages/menu-item/package.json
deleted file mode 100644
index c3639a0112..0000000000
--- a/packages/menu-item/package.json
+++ /dev/null
@@ -1,12 +0,0 @@
-{
-  "name": "@element-plus/menu-item",
-  "version": "0.0.0",
-  "main": "dist/index.js",
-  "license": "MIT",
-  "peerDependencies": {
-    "vue": "^3.0.0-rc.9"
-  },
-  "devDependencies": {
-    "@vue/test-utils": "^2.0.0-beta.3"
-  }
-}
diff --git a/packages/menu/index.ts b/packages/menu/index.ts
index 362e2ecd4d..b9fbd148c4 100644
--- a/packages/menu/index.ts
+++ b/packages/menu/index.ts
@@ -1,5 +1,11 @@
 import { App } from 'vue'
 import Menu from './src/menu.vue'
+import Submenu from './src/submenu.vue'
+import MenuItem from './src/menuItem.vue'
+import MenuItemGroup from './src/menuItemGroup.vue'
 export default (app: App): void => {
   app.component(Menu.name, Menu)
+  app.component(Submenu.name, Submenu)
+  app.component(MenuItem.name, MenuItem)
+  app.component(MenuItemGroup.name, MenuItemGroup)
 }
diff --git a/packages/menu-item-group/src/index.vue b/packages/menu/src/menuItemGroup.vue
similarity index 100%
rename from packages/menu-item-group/src/index.vue
rename to packages/menu/src/menuItemGroup.vue
diff --git a/packages/submenu/index.ts b/packages/submenu/index.ts
deleted file mode 100644
index 7243827f4b..0000000000
--- a/packages/submenu/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { App } from 'vue'
-import Submenu from '../menu/src/submenu.vue'
-export default (app: App): void => {
-  app.component(Submenu.name, Submenu)
-}
diff --git a/packages/submenu/package.json b/packages/submenu/package.json
deleted file mode 100644
index a273a9a7c5..0000000000
--- a/packages/submenu/package.json
+++ /dev/null
@@ -1,12 +0,0 @@
-{
-  "name": "@element-plus/submenu",
-  "version": "0.0.0",
-  "main": "dist/index.js",
-  "license": "MIT",
-  "peerDependencies": {
-    "vue": "^3.0.0"
-  },
-  "devDependencies": {
-    "@vue/test-utils": "^2.0.0-beta.3"
-  }
-}

From ef2aa961a7d003bf37c54737c9d41c2a716db1dc Mon Sep 17 00:00:00 2001
From: zazzaz <izazzaz@hotmail.com>
Date: Thu, 12 Nov 2020 16:46:12 +0800
Subject: [PATCH 2/2] docs: update menu doc

---
 website/docs/en-US/menu.md | 30 +++++++++++++--------------
 website/docs/es/menu.md    | 42 +++++++++++++++++++-------------------
 website/docs/fr-FR/menu.md | 30 +++++++++++++--------------
 website/docs/jp/menu.md    | 30 +++++++++++++--------------
 4 files changed, 66 insertions(+), 66 deletions(-)

diff --git a/website/docs/en-US/menu.md b/website/docs/en-US/menu.md
index 802e8d96d6..666c9ef7d9 100644
--- a/website/docs/en-US/menu.md
+++ b/website/docs/en-US/menu.md
@@ -11,12 +11,12 @@ Top bar NavMenu can be used in a variety of scenarios.
 <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
   <el-menu-item index="1">Processing Center</el-menu-item>
   <el-submenu index="2">
-    <template slot="title">Workspace</template>
+    <template #title>Workspace</template>
     <el-menu-item index="2-1">item one</el-menu-item>
     <el-menu-item index="2-2">item two</el-menu-item>
     <el-menu-item index="2-3">item three</el-menu-item>
     <el-submenu index="2-4">
-      <template slot="title">item four</template>
+      <template #title>item four</template>
       <el-menu-item index="2-4-1">item one</el-menu-item>
       <el-menu-item index="2-4-2">item two</el-menu-item>
       <el-menu-item index="2-4-3">item three</el-menu-item>
@@ -36,12 +36,12 @@ Top bar NavMenu can be used in a variety of scenarios.
   active-text-color="#ffd04b">
   <el-menu-item index="1">Processing Center</el-menu-item>
   <el-submenu index="2">
-    <template slot="title">Workspace</template>
+    <template #title>Workspace</template>
     <el-menu-item index="2-1">item one</el-menu-item>
     <el-menu-item index="2-2">item two</el-menu-item>
     <el-menu-item index="2-3">item three</el-menu-item>
     <el-submenu index="2-4">
-      <template slot="title">item four</template>
+      <template #title>item four</template>
       <el-menu-item index="2-4-1">item one</el-menu-item>
       <el-menu-item index="2-4-2">item two</el-menu-item>
       <el-menu-item index="2-4-3">item three</el-menu-item>
@@ -84,7 +84,7 @@ Vertical NavMenu with sub-menus.
       @open="handleOpen"
       @close="handleClose">
       <el-submenu index="1">
-        <template slot="title">
+        <template #title>
           <i class="el-icon-location"></i>
           <span>Navigator One</span>
         </template>
@@ -96,7 +96,7 @@ Vertical NavMenu with sub-menus.
           <el-menu-item index="1-3">item three</el-menu-item>
         </el-menu-item-group>
         <el-submenu index="1-4">
-          <template slot="title">item four</template>
+          <template #title>item four</template>
           <el-menu-item index="1-4-1">item one</el-menu-item>
         </el-submenu>
       </el-submenu>
@@ -125,7 +125,7 @@ Vertical NavMenu with sub-menus.
       text-color="#fff"
       active-text-color="#ffd04b">
       <el-submenu index="1">
-        <template slot="title">
+        <template #title>
           <i class="el-icon-location"></i>
           <span>Navigator One</span>
         </template>
@@ -137,7 +137,7 @@ Vertical NavMenu with sub-menus.
           <el-menu-item index="1-3">item three</el-menu-item>
         </el-menu-item-group>
         <el-submenu index="1-4">
-          <template slot="title">item four</template>
+          <template #title>item four</template>
           <el-menu-item index="1-4-1">item one</el-menu-item>
         </el-submenu>
       </el-submenu>
@@ -184,12 +184,12 @@ Vertical NavMenu could be collapsed.
 </el-radio-group>
 <el-menu default-active="2" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose" :collapse="isCollapse">
   <el-submenu index="1">
-    <template slot="title">
+    <template #title>
       <i class="el-icon-location"></i>
-      <span slot="title">Navigator One</span>
+      <span>Navigator One</span>
     </template>
     <el-menu-item-group>
-      <span slot="title">Group One</span>
+      <template #title><span>Group One</span></template>
       <el-menu-item index="1-1">item one</el-menu-item>
       <el-menu-item index="1-2">item two</el-menu-item>
     </el-menu-item-group>
@@ -197,21 +197,21 @@ Vertical NavMenu could be collapsed.
       <el-menu-item index="1-3">item three</el-menu-item>
     </el-menu-item-group>
     <el-submenu index="1-4">
-      <span slot="title">item four</span>
+      <template #title><span>item four</span></template>
       <el-menu-item index="1-4-1">item one</el-menu-item>
     </el-submenu>
   </el-submenu>
   <el-menu-item index="2">
     <i class="el-icon-menu"></i>
-    <span slot="title">Navigator Two</span>
+    <template #title>Navigator Two</template>
   </el-menu-item>
   <el-menu-item index="3" disabled>
     <i class="el-icon-document"></i>
-    <span slot="title">Navigator Three</span>
+    <template #title>Navigator Three</template>
   </el-menu-item>
   <el-menu-item index="4">
     <i class="el-icon-setting"></i>
-    <span slot="title">Navigator Four</span>
+    <template #title>Navigator Four</template>
   </el-menu-item>
 </el-menu>
 
diff --git a/website/docs/es/menu.md b/website/docs/es/menu.md
index bc4aca0a9e..8c1ff3b7f7 100644
--- a/website/docs/es/menu.md
+++ b/website/docs/es/menu.md
@@ -12,12 +12,12 @@ Top bar NavMenu puede ser usado en distinto escenarios.
 <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
   <el-menu-item index="1">Processing Center</el-menu-item>
   <el-submenu index="2">
-    <template slot="title">Workspace</template>
+    <template #title>Workspace</template>
     <el-menu-item index="2-1">item one</el-menu-item>
     <el-menu-item index="2-2">item two</el-menu-item>
     <el-menu-item index="2-3">item three</el-menu-item>
     <el-submenu index="2-4">
-      <template slot="title">item four</template>
+      <template #title>item four</template>
       <el-menu-item index="2-4-1">item one</el-menu-item>
       <el-menu-item index="2-4-2">item two</el-menu-item>
       <el-menu-item index="2-4-3">item three</el-menu-item>
@@ -37,12 +37,12 @@ Top bar NavMenu puede ser usado en distinto escenarios.
   active-text-color="#ffd04b">
   <el-menu-item index="1">Processing Center</el-menu-item>
   <el-submenu index="2">
-    <template slot="title">Workspace</template>
+    <template #title>Workspace</template>
     <el-menu-item index="2-1">item one</el-menu-item>
     <el-menu-item index="2-2">item two</el-menu-item>
     <el-menu-item index="2-3">item three</el-menu-item>
     <el-submenu index="2-4">
-      <template slot="title">item four</template>
+      <template #title>item four</template>
       <el-menu-item index="2-4-1">item one</el-menu-item>
       <el-menu-item index="2-4-2">item two</el-menu-item>
       <el-menu-item index="2-4-3">item three</el-menu-item>
@@ -86,7 +86,7 @@ NavMenu vertical con sub-menús.
       @open="handleOpen"
       @close="handleClose">
       <el-submenu index="1">
-        <template slot="title">
+        <template #title>
           <i class="el-icon-location"></i>
           <span>Navigator One</span>
         </template>
@@ -98,7 +98,7 @@ NavMenu vertical con sub-menús.
           <el-menu-item index="1-3">item three</el-menu-item>
         </el-menu-item-group>
         <el-submenu index="1-4">
-          <template slot="title">item four</template>
+          <template #title>item four</template>
           <el-menu-item index="1-4-1">item one</el-menu-item>
         </el-submenu>
       </el-submenu>
@@ -127,7 +127,7 @@ NavMenu vertical con sub-menús.
       text-color="#fff"
       active-text-color="#ffd04b">
       <el-submenu index="1">
-        <template slot="title">
+        <template #title>
           <i class="el-icon-location"></i>
           <span>Navigator One</span>
         </template>
@@ -139,7 +139,7 @@ NavMenu vertical con sub-menús.
           <el-menu-item index="1-3">item three</el-menu-item>
         </el-menu-item-group>
         <el-submenu index="1-4">
-          <template slot="title">item four</template>
+          <template #title>item four</template>
           <el-menu-item index="1-4-1">item one</el-menu-item>
         </el-submenu>
       </el-submenu>
@@ -186,12 +186,12 @@ NavMenu vertical puede ser colapsado.
 </el-radio-group>
 <el-menu default-active="2" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose" :collapse="isCollapse">
   <el-submenu index="1">
-    <template slot="title">
+    <template #title>
       <i class="el-icon-location"></i>
-      <span slot="title">Navigator One</span>
+      <span>Navigator One</span>
     </template>
     <el-menu-item-group>
-      <span slot="title">Group One</span>
+      <template #title><span>Group One</span></template>
       <el-menu-item index="1-1">item one</el-menu-item>
       <el-menu-item index="1-2">item two</el-menu-item>
     </el-menu-item-group>
@@ -199,21 +199,21 @@ NavMenu vertical puede ser colapsado.
       <el-menu-item index="1-3">item three</el-menu-item>
     </el-menu-item-group>
     <el-submenu index="1-4">
-      <span slot="title">item four</span>
+      <template #title><span>item four</span></template>
       <el-menu-item index="1-4-1">item one</el-menu-item>
     </el-submenu>
   </el-submenu>
   <el-menu-item index="2">
     <i class="el-icon-menu"></i>
-    <span slot="title">Navigator Two</span>
+    <template #title>Navigator Two</template>
   </el-menu-item>
   <el-menu-item index="3" disabled>
     <i class="el-icon-document"></i>
-    <span slot="title">Navigator Three</span>
+    <template #title>Navigator Three</template>
   </el-menu-item>
   <el-menu-item index="4">
     <i class="el-icon-setting"></i>
-    <span slot="title">Navigator Four</span>
+    <template #title>Navigator Four</template>
   </el-menu-item>
 </el-menu>
 
@@ -259,25 +259,25 @@ NavMenu vertical puede ser colapsado.
 | router            | si el modo `vue-router` está activado. Si es verdadero, el índice será usado como 'path' para activar la ruta | boolean | —                     | false       |
 | collapse-transition  | si se debe permitir collapse transition | boolean   | — | true   |
 
-### Métodos Menu 
+### Métodos Menu
 | Métodos de evento | Descripción                   | Parámetros                             |
 | ---------------- | ----------------------------- | -------------------------------------- |
 | open             | abre un sub-menu específico   | index: índice del sub-menu para abrir  |
 | close            | cierra un sub-menu específico | index: índice del sub-menu para cerrar |
 
-### Eventos Menu 
+### Eventos Menu
 | Nombre de evento | Descripción                              | Parámetros                               |
 | ---------------- | ---------------------------------------- | ---------------------------------------- |
 | select           | callback ejecutado cuando el menú es activado | index: índice del menú activado, indexPath: index path del menú activado |
 | open             | callback ejecutado cuando sub-menu se expande | index: índice del sub-menu expandido, indexPath: index path del sub-menu expandido |
 | close            | callback ejecutado cuando sub-menu colapsa | index: índice del sub-menu colapsado, indexPath: index path del menú colapsado |
 
-### Eventos Menu-Item 
+### Eventos Menu-Item
 | Nombre de evento | Descripción                              | Parámetros                 |
 | ---------------- | ---------------------------------------- | -------------------------- |
 | click            | callback ejecutado cuando se hace click sobre menu-item | el: instancia de menu-item |
 
-### Atributos SubMenu 
+### Atributos SubMenu
 | Atributo     | Descripción                              | Tipo   | Valores aceptados | Por defecto |
 | ------------ | ---------------------------------------- | ------ | ----------------- | ----------- |
 | index        | identificador único                      | string/null | —            | null        |
@@ -287,14 +287,14 @@ NavMenu vertical puede ser colapsado.
 | disabled | si esta `disabled` el sub-menu | boolean | — | false |
 | popper-append-to-body | si se debe agregar el menú emergente al cuerpo. Si la posición del menú es incorrecta, puede intentar ajustar este prop | boolean | - | level one Submenu: true / other Submenus: false |
 
-### Atributos Menu-Item 
+### Atributos Menu-Item
 | Atributo | Descripción         | Tipo   | Valores aceptados | Por defecto |
 | -------- | ------------------- | ------ | ----------------- | ----------- |
 | index    | identificador único | string | —                 | —           |
 | route    | Objeto Vue Router   | object | —                 | —           |
 | disabled | si esta `disabled` | boolean | — | false |
 
-### Atributos Menu-Group 
+### Atributos Menu-Group
 | Atributo | Descripción      | Tipo   | Valores aceptados | Por defecto |
 | -------- | ---------------- | ------ | ----------------- | ----------- |
 | title    | título del grupo | string | —                 | —           |
diff --git a/website/docs/fr-FR/menu.md b/website/docs/fr-FR/menu.md
index 30fe1d6b4f..8422619013 100644
--- a/website/docs/fr-FR/menu.md
+++ b/website/docs/fr-FR/menu.md
@@ -11,12 +11,12 @@ La barre du haut peut être utilisée pour différents scénarios.
 <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
   <el-menu-item index="1">Centre de traitement</el-menu-item>
   <el-submenu index="2">
-    <template slot="title">Lieu de travail</template>
+    <template #title>Lieu de travail</template>
     <el-menu-item index="2-1">item un</el-menu-item>
     <el-menu-item index="2-2">item deux</el-menu-item>
     <el-menu-item index="2-3">item trois</el-menu-item>
     <el-submenu index="2-4">
-      <template slot="title">item quatre</template>
+      <template #title>item quatre</template>
       <el-menu-item index="2-4-1">item un</el-menu-item>
       <el-menu-item index="2-4-2">item deux</el-menu-item>
       <el-menu-item index="2-4-3">item trois</el-menu-item>
@@ -36,12 +36,12 @@ La barre du haut peut être utilisée pour différents scénarios.
   active-text-color="#ffd04b">
   <el-menu-item index="1">Centre de traitement</el-menu-item>
   <el-submenu index="2">
-    <template slot="title">Lieu de travail</template>
+    <template #title>Lieu de travail</template>
     <el-menu-item index="2-1">item un</el-menu-item>
     <el-menu-item index="2-2">item deux</el-menu-item>
     <el-menu-item index="2-3">item trois</el-menu-item>
     <el-submenu index="2-4">
-      <template slot="title">item quatre</template>
+      <template #title>item quatre</template>
       <el-menu-item index="2-4-1">item un</el-menu-item>
       <el-menu-item index="2-4-2">item deux</el-menu-item>
       <el-menu-item index="2-4-3">item trois</el-menu-item>
@@ -84,7 +84,7 @@ Menu vertical avec sous-menus.
       @open="handleOpen"
       @close="handleClose">
       <el-submenu index="1">
-        <template slot="title">
+        <template #title>
           <i class="el-icon-location"></i>
           <span>Navigateur Un</span>
         </template>
@@ -96,7 +96,7 @@ Menu vertical avec sous-menus.
           <el-menu-item index="1-3">item trois</el-menu-item>
         </el-menu-item-group>
         <el-submenu index="1-4">
-          <template slot="title">item quatre</template>
+          <template #title>item quatre</template>
           <el-menu-item index="1-4-1">item un</el-menu-item>
         </el-submenu>
       </el-submenu>
@@ -125,7 +125,7 @@ Menu vertical avec sous-menus.
       text-color="#fff"
       active-text-color="#ffd04b">
       <el-submenu index="1">
-        <template slot="title">
+        <template #title>
           <i class="el-icon-location"></i>
           <span>Navigateur Un</span>
         </template>
@@ -137,7 +137,7 @@ Menu vertical avec sous-menus.
           <el-menu-item index="1-3">item trois</el-menu-item>
         </el-menu-item-group>
         <el-submenu index="1-4">
-          <template slot="title">item quatre</template>
+          <template #title>item quatre</template>
           <el-menu-item index="1-4-1">item un</el-menu-item>
         </el-submenu>
       </el-submenu>
@@ -184,12 +184,12 @@ Le menu vertical peut être réduit.
 </el-radio-group>
 <el-menu default-active="2" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose" :collapse="isCollapse">
   <el-submenu index="1">
-    <template slot="title">
+    <template #title>
       <i class="el-icon-location"></i>
-      <span slot="title">Navigateur Un</span>
+      <span>Navigateur Un</span>
     </template>
     <el-menu-item-group>
-      <span slot="title">Group Un</span>
+      <template #title><span>Group Un</span></template>
       <el-menu-item index="1-1">item un</el-menu-item>
       <el-menu-item index="1-2">item deux</el-menu-item>
     </el-menu-item-group>
@@ -197,21 +197,21 @@ Le menu vertical peut être réduit.
       <el-menu-item index="1-3">item trois</el-menu-item>
     </el-menu-item-group>
     <el-submenu index="1-4">
-      <span slot="title">item quatre</span>
+      <template #title><span>item quatre</span></template>
       <el-menu-item index="1-4-1">item un</el-menu-item>
     </el-submenu>
   </el-submenu>
   <el-menu-item index="2">
     <i class="el-icon-menu"></i>
-    <span slot="title">Navigateur Deux</span>
+    <template #title>Navigator Deux</template>
   </el-menu-item>
   <el-menu-item index="3" disabled>
     <i class="el-icon-document"></i>
-    <span slot="title">Navigateur Trois</span>
+    <template #title>Navigator Trois</template>
   </el-menu-item>
   <el-menu-item index="4">
     <i class="el-icon-setting"></i>
-    <span slot="title">Navigateur Quatre</span>
+    <template #title>Navigator Quatre</template>
   </el-menu-item>
 </el-menu>
 
diff --git a/website/docs/jp/menu.md b/website/docs/jp/menu.md
index a22a6aa86a..f70019d459 100644
--- a/website/docs/jp/menu.md
+++ b/website/docs/jp/menu.md
@@ -11,12 +11,12 @@
 <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
   <el-menu-item index="1">Processing Center</el-menu-item>
   <el-submenu index="2">
-    <template slot="title">Workspace</template>
+    <template #title>Workspace</template>
     <el-menu-item index="2-1">item one</el-menu-item>
     <el-menu-item index="2-2">item two</el-menu-item>
     <el-menu-item index="2-3">item three</el-menu-item>
     <el-submenu index="2-4">
-      <template slot="title">item four</template>
+      <template #title>item four</template>
       <el-menu-item index="2-4-1">item one</el-menu-item>
       <el-menu-item index="2-4-2">item two</el-menu-item>
       <el-menu-item index="2-4-3">item three</el-menu-item>
@@ -36,12 +36,12 @@
   active-text-color="#ffd04b">
   <el-menu-item index="1">Processing Center</el-menu-item>
   <el-submenu index="2">
-    <template slot="title">Workspace</template>
+    <template #title>Workspace</template>
     <el-menu-item index="2-1">item one</el-menu-item>
     <el-menu-item index="2-2">item two</el-menu-item>
     <el-menu-item index="2-3">item three</el-menu-item>
     <el-submenu index="2-4">
-      <template slot="title">item four</template>
+      <template #title>item four</template>
       <el-menu-item index="2-4-1">item one</el-menu-item>
       <el-menu-item index="2-4-2">item two</el-menu-item>
       <el-menu-item index="2-4-3">item three</el-menu-item>
@@ -84,7 +84,7 @@ Vサブメニューのある縦型ナビメニュー。
       @open="handleOpen"
       @close="handleClose">
       <el-submenu index="1">
-        <template slot="title">
+        <template #title>
           <i class="el-icon-location"></i>
           <span>Navigator One</span>
         </template>
@@ -96,7 +96,7 @@ Vサブメニューのある縦型ナビメニュー。
           <el-menu-item index="1-3">item three</el-menu-item>
         </el-menu-item-group>
         <el-submenu index="1-4">
-          <template slot="title">item four</template>
+          <template #title>item four</template>
           <el-menu-item index="1-4-1">item one</el-menu-item>
         </el-submenu>
       </el-submenu>
@@ -125,7 +125,7 @@ Vサブメニューのある縦型ナビメニュー。
       text-color="#fff"
       active-text-color="#ffd04b">
       <el-submenu index="1">
-        <template slot="title">
+        <template #title>
           <i class="el-icon-location"></i>
           <span>Navigator One</span>
         </template>
@@ -137,7 +137,7 @@ Vサブメニューのある縦型ナビメニュー。
           <el-menu-item index="1-3">item three</el-menu-item>
         </el-menu-item-group>
         <el-submenu index="1-4">
-          <template slot="title">item four</template>
+          <template #title>item four</template>
           <el-menu-item index="1-4-1">item one</el-menu-item>
         </el-submenu>
       </el-submenu>
@@ -184,12 +184,12 @@ Vサブメニューのある縦型ナビメニュー。
 </el-radio-group>
 <el-menu default-active="2" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose" :collapse="isCollapse">
   <el-submenu index="1">
-    <template slot="title">
+    <template #title>
       <i class="el-icon-location"></i>
-      <span slot="title">Navigator One</span>
+      <span>Navigator One</span>
     </template>
     <el-menu-item-group>
-      <span slot="title">Group One</span>
+      <template #title><span>Group One</span></template>
       <el-menu-item index="1-1">item one</el-menu-item>
       <el-menu-item index="1-2">item two</el-menu-item>
     </el-menu-item-group>
@@ -197,21 +197,21 @@ Vサブメニューのある縦型ナビメニュー。
       <el-menu-item index="1-3">item three</el-menu-item>
     </el-menu-item-group>
     <el-submenu index="1-4">
-      <span slot="title">item four</span>
+      <template #title><span>item four</span></template>
       <el-menu-item index="1-4-1">item one</el-menu-item>
     </el-submenu>
   </el-submenu>
   <el-menu-item index="2">
     <i class="el-icon-menu"></i>
-    <span slot="title">Navigator Two</span>
+    <template #title>Navigator Two</template>
   </el-menu-item>
   <el-menu-item index="3" disabled>
     <i class="el-icon-document"></i>
-    <span slot="title">Navigator Three</span>
+    <template #title>Navigator Three</template>
   </el-menu-item>
   <el-menu-item index="4">
     <i class="el-icon-setting"></i>
-    <span slot="title">Navigator Four</span>
+    <template #title>Navigator Four</template>
   </el-menu-item>
 </el-menu>