docs: perfect website (#1)

Author: xrkffgg

docs/.vuepress/components/demo/1.vue

@@ -1,8 +1,8 @@
 <template>
   <div class="demo">
-    <image-shadow :width="280" :src="this.src1"></image-shadow>
-    <image-shadow :width="280" :src="this.src2"></image-shadow>
-    <image-shadow :width="280" :shadow-radius="20" :src="this.src3"></image-shadow>
+    <image-shadow :src="this.src1"></image-shadow>
+    <image-shadow :src="this.src2"></image-shadow>
+    <image-shadow :shadow-radius="20" :src="this.src3"></image-shadow>
   </div>
 </template>
 
@@ -28,7 +28,7 @@ export default {
   .demo {
     display: grid;
     justify-content: space-around;
-    grid-template-columns: repeat(auto-fill, 280px);
+    grid-template-columns: repeat(auto-fill, 300px);
     grid-gap: 40px;
   }
 </style>

docs/.vuepress/components/demo/2.vue

@@ -1,8 +1,8 @@
 <template>
   <div class="demo">
-    <image-shadow :width="280" :src="this.src1" shadow-hover></image-shadow>
-    <image-shadow :width="280" :src="this.src2" shadow-hover></image-shadow>
-    <image-shadow :width="280" :shadow-radius="20" :src="this.src3" shadow-hover></image-shadow>
+    <image-shadow :src="this.src1" shadow-hover></image-shadow>
+    <image-shadow :src="this.src2" shadow-hover></image-shadow>
+    <image-shadow :shadow-radius="20" :src="this.src3" shadow-hover></image-shadow>
   </div>
 </template>
 

docs/.vuepress/enhanceApp.js

@@ -6,7 +6,7 @@ import vue from 'vue-highlight.js/lib/languages/vue';
 
 import 'highlight.js/styles/atom-one-dark-reasonable.css';
 
-import DemoCode from './components/demoCode.vue'
+import DemoCode from './components/demoCode.vue';
 
 export default ({
   Vue,

docs/.vuepress/styles/palette.styl

@@ -0,0 +1 @@
+$contentWidth = 1200px

docs/changelog.md

@@ -1,4 +1,4 @@
-# 🗓 Changelog
+# 🔖 Changelog
 
 ## 1.0.0