From 0d5766671fc2142a0f8b06133cf388c314667767 Mon Sep 17 00:00:00 2001
From: ULIVZ <472590061@qq.com>
Date: Tue, 25 Sep 2018 02:44:18 +0800
Subject: [PATCH] refactor($i18n-ui): simplify

---
 packages/@vuepress/plugin-i18n-ui/client.js |  4 +++-
 packages/@vuepress/plugin-i18n-ui/index.js  |  6 ++++--
 packages/@vuepress/plugin-i18n-ui/index.md  |  3 ---
 packages/@vuepress/plugin-i18n-ui/index.vue | 19 ++++---------------
 4 files changed, 11 insertions(+), 21 deletions(-)
 delete mode 100644 packages/@vuepress/plugin-i18n-ui/index.md

diff --git a/packages/@vuepress/plugin-i18n-ui/client.js b/packages/@vuepress/plugin-i18n-ui/client.js
index de396cb1c6..41651afa7a 100644
--- a/packages/@vuepress/plugin-i18n-ui/client.js
+++ b/packages/@vuepress/plugin-i18n-ui/client.js
@@ -1,5 +1,7 @@
 import Layout from './index.vue'
+// TODO move default theme styl to core.
+import '@theme/styles/theme.styl'
 
 export default ({ Vue }) => {
-  Vue.component('I18nUI', Layout)
+  Vue.component('I18nUILayout', Layout)
 }
diff --git a/packages/@vuepress/plugin-i18n-ui/index.js b/packages/@vuepress/plugin-i18n-ui/index.js
index 318c535ae9..2639f197db 100644
--- a/packages/@vuepress/plugin-i18n-ui/index.js
+++ b/packages/@vuepress/plugin-i18n-ui/index.js
@@ -12,8 +12,10 @@ module.exports = (pluginOptions = {}, context) => ({
 
   additionalPages: [
     {
-      filePath: path.resolve(__dirname, 'index.md'),
-      permalink: pluginOptions.permalink || '/i18n/'
+      permalink: pluginOptions.permalink || '/i18n/',
+      frontmatter: {
+        'layout': 'I18nUILayout'
+      }
     }
   ]
 })
diff --git a/packages/@vuepress/plugin-i18n-ui/index.md b/packages/@vuepress/plugin-i18n-ui/index.md
deleted file mode 100644
index 59204d7226..0000000000
--- a/packages/@vuepress/plugin-i18n-ui/index.md
+++ /dev/null
@@ -1,3 +0,0 @@
----
-layout: I18nUI
----
diff --git a/packages/@vuepress/plugin-i18n-ui/index.vue b/packages/@vuepress/plugin-i18n-ui/index.vue
index a9a2769e38..185c00e8b2 100644
--- a/packages/@vuepress/plugin-i18n-ui/index.vue
+++ b/packages/@vuepress/plugin-i18n-ui/index.vue
@@ -1,6 +1,5 @@
 <template>
-  <div id="vuepress-plugin-i18n-ui">
-
+  <div class="theme-container" id="vuepress-plugin-i18n-ui">
     <div class="tool-box">
       <span class="select-lang">Language:&nbsp;</span>
       <select>
@@ -17,18 +16,12 @@
     <div class="helper-content">
       <div id="left">
         <transition name="slide-left">
-          <Content
-            v-if="currentPageComponent"
-            :page-key="key"
-          />
+          <Content :page-key="key"/>
         </transition>
       </div>
       <div id="right">
         <transition name="slide-left">
-          <Content
-            v-if="rightPageComponent"
-            :page-key="rightKey"
-          />
+          <Content :page-key="rightKey"/>
         </transition>
       </div>
     </div>
@@ -41,16 +34,12 @@ import { findPageForPath } from '@app/util'
 export default {
   data () {
     return {
-      currentPagePath: '/',
-      currentPageComponent: null,
-      rightPageComponent: null
+      currentPagePath: '/'
     }
   },
 
   mounted () {
     syncScroll()
-    this.loadComponent(this.key, 'currentPageComponent')
-    this.loadComponent(this.rightKey, 'rightPageComponent')
   },
 
   computed: {