Dev (#3)

* fix:change development port & fix code error

* Update readme

README.md

@@ -16,15 +16,15 @@
 	</a>
 </p>
 
-<h2 align="center">Paletee</h2>
+<h2 align="center">Mand Mobile Paletee</h2>
 
 > 🎨 A visual theme editing tool for Mand Mobile
 
 Using `Palette`, you can modify the style of [Mand Mobile](https://didi.github.io/mand-mobile) components and eventually generate `.styl` and `.css` files and then import the custom theme style file to your project.
 
 - [Start Making Theme](https://mand-mobile.github.io/palette)
 
-Note: `Palette` is based on [Css Variable](https://developer.mozilla.org/zh-CN/docs/Web/CSS/Using_CSS_variables), so please use it in the following [browsers](https://caniuse.com/#search=css%20variable).
+Note: `Palette` is based on [Css Variable](https://developer.mozilla.org/zh-CN/docs/Web/CSS/Using_CSS_variables), please use it in the following [browsers](https://caniuse.com/#search=css%20variable).
 
 
 ### Mand Mobile Style
@@ -61,7 +61,7 @@ Vue.use(mandMobile)
 ```
 
 
-### How Palette works 
+### How Palette Works 
 
 <img src="http://manhattan.didistatic.com/static/manhattan/mand/palette-structure.jpg" width="800"/>
 
@@ -74,4 +74,6 @@ cd palette
 npm install
 npm run dev
 ```
+Open your browser and visit http://127.0.0.1:4000.
+
 

config/index.js

@@ -25,7 +25,7 @@ module.exports = {
 
     // Various Dev Server settings
     host: 'localhost', // can be overwritten by process.env.HOST
-    port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
+    port: 4000, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
     autoOpenBrowser: false,
     errorOverlay: true,
     notifyOnErrors: true,

src/components/previewer.vue

@@ -7,7 +7,7 @@
     >
     <div class="palette-previewer-box">
       <component
-        v-bind:is="demos[name]"
+        :is="demos[name]"
       ></component>
     </div>
     <div class="palette-previewer-decorate"></div>
@@ -22,13 +22,13 @@ export default {
   props: {
     name: {
       type: String,
-      default: '',
-      loadingInstance: ''
+      default: ''
     }
   },
   data () {
     return {
-      demos: {}
+      demos: {},
+      loadingInstance: ''
     }
   },
   created () {