[feat] add editorconfig & sort components

Author: llissery

.editorconfig

@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true

.gitignore

@@ -1,4 +1,5 @@
+.DS_Store
 .idea/
-node_modules
+coverage/
+node_modules/
 npm-debug.log
-coverage

example/components/Index/Index.scss

@@ -52,7 +52,6 @@ p {
 .wrap ul li a{
   color: #7A8FAC;
   text-decoration: none;
-  text-decoration: none;
   display: inline-block;
   width: 100%;
   height: 100%;

example/components/Index/Index.vue

@@ -2,49 +2,44 @@
   <div class="wrap">
     <ul>
       <li>
-        <router-link to="/toast">
+        <router-link to="/button">
           <i class="fa fa-check-square"></i>
-          <span class="word">Toast</span>
+          <span class="word">Button</span>
           <i class="fa fa-angle-right right"></i>
         </router-link>
-        <router-link to="/messagebox">
+        <router-link to="/dialog">
           <i class="fa fa-check-square"></i>
-          <span class="word">MessageBox</span>
+          <span class="word">Dialog</span>
           <i class="fa fa-angle-right right"></i>
         </router-link>
-        <router-link to="/dialog">
+        <router-link to="/infinitescroll">
           <i class="fa fa-check-square"></i>
-          <span class="word">Dialog</span>
+          <span class="word">InfinitesScroll</span>
           <i class="fa fa-angle-right right"></i>
         </router-link>
         <router-link to="/lazyload">
           <i class="fa fa-check-square"></i>
           <span class="word">Lazyload</span>
           <i class="fa fa-angle-right right"></i>
         </router-link>
-        <router-link to="/button">
+        <router-link to="/messagebox">
           <i class="fa fa-check-square"></i>
-          <span class="word">Button</span>
+          <span class="word">MessageBox</span>
           <i class="fa fa-angle-right right"></i>
         </router-link>
-        <router-link to="/infinitescroll">
+        <router-link to="/picker">
           <i class="fa fa-check-square"></i>
-          <span class="word">InfinitesScroll</span>
+          <span class="word">Picker</span>
           <i class="fa fa-angle-right right"></i>
         </router-link>
         <router-link to="/search">
           <i class="fa fa-check-square"></i>
           <span class="word">Search</span>
           <i class="fa fa-angle-right right"></i>
         </router-link>
-        <router-link to="/picker">
-          <i class="fa fa-check-square"></i>
-          <span class="word">Picker</span>
-          <i class="fa fa-angle-right right"></i>
-        </router-link>
-        <router-link to="/dialog">
+        <router-link to="/toast">
           <i class="fa fa-check-square"></i>
-          <span class="word">dialog</span>
+          <span class="word">Toast</span>
           <i class="fa fa-angle-right right"></i>
         </router-link>
       </li>