From b0e32093103ca08dbf1622a3fecefb2e82a10d2c Mon Sep 17 00:00:00 2001
From: ULIVZ <472590061@qq.com>
Date: Mon, 24 Sep 2018 01:16:13 +0800
Subject: [PATCH] feat: plugin-search

---
 packages/@vuepress/plugin-search/.npmignore   |  2 +
 packages/@vuepress/plugin-search/README.md    | 42 +++++++++++++++++++
 .../SearchBox.vue                             |  5 ++-
 packages/@vuepress/plugin-search/index.js     | 11 +++++
 packages/@vuepress/plugin-search/package.json | 25 +++++++++++
 .../components => plugin-search}/search.svg   |  0
 .../theme-default/components/Navbar.vue       |  2 +-
 7 files changed, 84 insertions(+), 3 deletions(-)
 create mode 100644 packages/@vuepress/plugin-search/.npmignore
 create mode 100644 packages/@vuepress/plugin-search/README.md
 rename packages/@vuepress/{theme-default/components => plugin-search}/SearchBox.vue (97%)
 create mode 100644 packages/@vuepress/plugin-search/index.js
 create mode 100644 packages/@vuepress/plugin-search/package.json
 rename packages/@vuepress/{theme-default/components => plugin-search}/search.svg (100%)

diff --git a/packages/@vuepress/plugin-search/.npmignore b/packages/@vuepress/plugin-search/.npmignore
new file mode 100644
index 00000000..18f0a334
--- /dev/null
+++ b/packages/@vuepress/plugin-search/.npmignore
@@ -0,0 +1,2 @@
+__tests__
+__mocks__
\ No newline at end of file
diff --git a/packages/@vuepress/plugin-search/README.md b/packages/@vuepress/plugin-search/README.md
new file mode 100644
index 00000000..98f77fcf
--- /dev/null
+++ b/packages/@vuepress/plugin-search/README.md
@@ -0,0 +1,42 @@
+# @vuepress/plugin-search
+
+> header-based search plugin for vuepress
+
+## Usage
+
+1. Enable this plugin:
+
+```js
+// .vuepress/config.js or themedir/index.js
+
+module.exports = {
+  plugins: [
+    ['@vuepress/search', {
+      searchMaxSuggestions: 10
+    }]
+  ],
+  // Tweak the default color via palette.
+  palette: {
+    $accentColor: '#b58900',
+    $textColor: '#586e75',
+    $borderColor: '#eaecef',
+    $codeBgColor: '#282c34',
+    $arrowBgColor: '#ccc'
+  }
+}
+```
+
+2. Using search component:
+
+```vue
+import SearchBox from '@SearchBox'
+```
+
+## Options
+
+### searchMaxSuggestions
+
+- Type: `number`
+- Default: `true`
+
+Set the maximum number of results for search
diff --git a/packages/@vuepress/theme-default/components/SearchBox.vue b/packages/@vuepress/plugin-search/SearchBox.vue
similarity index 97%
rename from packages/@vuepress/theme-default/components/SearchBox.vue
rename to packages/@vuepress/plugin-search/SearchBox.vue
index abaedf1c..76016dd9 100644
--- a/packages/@vuepress/theme-default/components/SearchBox.vue
+++ b/packages/@vuepress/plugin-search/SearchBox.vue
@@ -36,6 +36,7 @@
 </template>
 
 <script>
+/* global SEARCH_MAX_SUGGESTIONS */
 export default {
   data () {
     return {
@@ -60,8 +61,8 @@ export default {
         return
       }
 
-      const { pages, themeConfig } = this.$site
-      const max = themeConfig.searchMaxSuggestions || 5
+      const { pages } = this.$site
+      const max = SEARCH_MAX_SUGGESTIONS
       const localePath = this.$localePath
       const matches = item => (
         item.title &&
diff --git a/packages/@vuepress/plugin-search/index.js b/packages/@vuepress/plugin-search/index.js
new file mode 100644
index 00000000..7c7bf528
--- /dev/null
+++ b/packages/@vuepress/plugin-search/index.js
@@ -0,0 +1,11 @@
+const path = require('path')
+
+module.exports = (options) => ({
+  alias: {
+    '@SearchBox':
+      path.resolve(__dirname, 'SearchBox.vue')
+  },
+  define: {
+    SEARCH_MAX_SUGGESTIONS: options.searchMaxSuggestions || 5
+  }
+})
diff --git a/packages/@vuepress/plugin-search/package.json b/packages/@vuepress/plugin-search/package.json
new file mode 100644
index 00000000..240ae40f
--- /dev/null
+++ b/packages/@vuepress/plugin-search/package.json
@@ -0,0 +1,25 @@
+{
+  "name": "@vuepress/plugin-search",
+  "version": "1.0.0",
+  "description": "search plugin for vuepress",
+  "main": "index.js",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/vuejs/vuepress.git"
+  },
+  "keywords": [
+    "documentation",
+    "vue",
+    "vuepress",
+    "generator"
+  ],
+  "author": "Evan You",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/vuejs/vuepress/issues"
+  },
+  "homepage": "https://github.com/vuejs/vuepress/packages/@vuepress/plugin-search#readme"
+}
\ No newline at end of file
diff --git a/packages/@vuepress/theme-default/components/search.svg b/packages/@vuepress/plugin-search/search.svg
similarity index 100%
rename from packages/@vuepress/theme-default/components/search.svg
rename to packages/@vuepress/plugin-search/search.svg
diff --git a/packages/@vuepress/theme-default/components/Navbar.vue b/packages/@vuepress/theme-default/components/Navbar.vue
index 4eace13e..e1db34a9 100644
--- a/packages/@vuepress/theme-default/components/Navbar.vue
+++ b/packages/@vuepress/theme-default/components/Navbar.vue
@@ -39,7 +39,7 @@
 <script>
 import SidebarButton from './SidebarButton.vue'
 import AlgoliaSearchBox from '@AlgoliaSearchBox'
-import SearchBox from './SearchBox.vue'
+import SearchBox from '@SearchBox'
 import NavLinks from './NavLinks.vue'
 
 export default {
-- 
GitLab