chore: release v0.1.2

Author: xiaoluoboding

GeoPattern.vue

@@ -7,19 +7,19 @@
 <script>
 import gp from 'geopattern'
 
+const PLUGIN_NAME = 'vuepress-plugin-geopattern'
+
 export default {
   name: 'GeoPattern',
   props: {
+    // Will be used as the seed for generation
+    seed: { type: String, default: () => PLUGIN_NAME + new Date().toString() },
     // Given array elements is hexadecimal color value [0-F]
     colorHexs: { type: Array, default: () => ['3', '9', 'C'] },
     // Controls the relative background color of the generated image.
     baseColor: { type: String, default: '#933c3c' }
   },
   computed: {
-    // Will be used as the seed for generation
-    seed () {
-      return this.$page && this.$page.title + new Date().toString()
-    },
     style () {
       return {
         'background-image': this.getPattern()

README.md

@@ -1,21 +1,27 @@
-# Vuepress Plugin GeoPattern
+# VuePress Plugin GeoPattern
+
+<p align="left">
+  <a href="https://www.npmjs.com/package/vuepress-plugin-geopattern"><img src="https://img.shields.io/npm/v/vuepress-plugin-geopattern.svg?maxAge=2592000"></a>
+  <a href="https://www.npmjs.com/package/vuepress-plugin-geopattern"><img src="https://img.shields.io/npm/dt/vuepress-plugin-geopattern.svg"></a>
+  <a href="https://raw.githubusercontent.com/vueblocks/vuepress-plugin-geopattern/master/LICENSE"><img src="https://img.shields.io/badge/license-MIT-blue.svg"></a>
+</p>
 
 Register a global `<GeoPattern />` component for VuePress.
 
 This component generate a beautiful random geometric pattern & random color background images from a string you given.
 
-> This plugin is a adapter of [geopattern](https://github.com/btmills/geopattern)
+> This plugin is a adapter of [geopattern](https://github.com/btmills/geopattern) for VuePress
 
 ## See Demo on CodeSandbox
 
-[![Edit vuepress-plugin-geopattern](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/musing-surf-twidv?fontsize=14&hidenavigation=1&theme=dark)
+[![Edit vuepress-plugin-geopattern](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/vuepress-plugin-geopattern-twidv?fontsize=14&hidenavigation=1&theme=dark)
 
 ## Installation
 
 ```bash
 yarn add vuepress-plugin-geopattern -S
 or
-npm i vuepress-plugin-disqus -S
+npm i vuepress-plugin-geopattern -S
 ```
 
 ## Register the plugin
@@ -34,13 +40,33 @@ module.exports = {
 
 ## Usage
 
+### Default
+
 > Only background image, you must give the height of the element
 
 ```vue
-<GeoPattern style="height: 80px;" />
+<GeoPattern style="height: 160px;" />
+```
+
+### Custom pattern
+
+If you don't provide a seed, the pattern's seed is random.
+
+In VuePress you can use [global computed properties](https://vuepress.vuejs.org/guide/global-computed.html) such as use `this.$page.title` as a seed, generate a geopattern by the page title.
+
+Each page title is different, so you got difference geopattern.
+
+```vue
+<GeoPattern
+  style="height: 160px;"
+  seed="$page.title"
+  :colorHexs="['F', '4', 'A']"
+/>
 ```
 
-> With the custom slot, in the case, you can let the slot element control the pattern's height
+### With the custom slot
+
+> In the case, you can let the slot element control the pattern's height
 
 ```vue
 <geo-pattern>
@@ -56,13 +82,18 @@ module.exports = {
 
 | Props | Description | Type | Default |
 | :---: | :---------: | :--: | :-----: |
-| colorHexs | Given array elements is hexadecimal color value [0-F] | Array | `['3', '9' 'C' ]` |
+| seed | Will be used as the seed for generation | String | `vuepress-plugin-geopattern` |
+| colorHexs | Given array elements is hexadecimal color value [0-F] | Array | `['3', '9', 'C' ]` |
 | baseColor | Controls the relative background color of the generated image. | String | `933c3c` |
 
 ## Slot
 
 `<GeoPattern />` component provide a custom slot, you can write some element on the generated pattern.
 
+## Related VuePress Plugin
+
+* [vuepress-plugin-hero-pattern](https://github.com/xiaoluoboding/vuepress-plugin-hero-pattern) - Hero Patterns is a set of repeatable, seemless SVG background patterns
+
 ## License
 
-MIT
+MIT @ [xiaoluoboding](https://github.com/xiaoluoboding)

enhanceAppFile.js renamed to enhanceApp.js

@@ -1,8 +1,10 @@
 const path = require('path')
 
 module.exports = {
+  name: 'geopattern',
+
   enhanceAppFiles: [
-    path.resolve(__dirname, 'enhanceAppFile.js')
+    path.resolve(__dirname, 'enhanceApp.js')
   ],
 
   chainWebpack (config, isServer) {

index.js

@@ -1,6 +1,6 @@
 {
   "name": "vuepress-plugin-geopattern",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Generate beautiful random geometric pattern background images.",
   "main": "index.js",
   "repository": {