chore: update docs

Author: mfuu

docs/.vuepress/components/basic.vue

@@ -10,7 +10,7 @@
     <template v-slot:item="{ record, index, dateKey }">
       <div class="list-item">
         <div class="item-title">
-          <span class="index">#{{ index }}</span>
+          <span class="index">#{{ record.index }}</span>
           <span class="handle">☰</span>
         </div>
         <p>{{ record.desc }}</p>

docs/.vuepress/components/group.vue

@@ -12,7 +12,7 @@
       <template v-slot:item="{ record, index, dateKey }">
         <div class="list-item">
           <div class="item-title">
-            <span class="index">#  {{ index }}-{{ record.name }}</span>
+            <span class="index">#  {{ record.index }}-{{ record.name }}</span>
             <span class="handle">☰</span>
           </div>
         </div>
@@ -31,7 +31,7 @@
       <template v-slot:item="{ record, index, dateKey }">
         <div class="list-item">
           <div class="item-title">
-            <span class="index">#  {{ index }}-{{ record.name }}</span>
+            <span class="index">#  {{ record.index }}-{{ record.name }}</span>
             <span class="handle">☰</span>
           </div>
         </div>

docs/.vuepress/components/horizontal.vue

@@ -12,7 +12,7 @@
     <template v-slot:item="{ record, index, dateKey }">
       <div class="list-item">
         <div class="item-title">
-          <span class="index">#{{ index }}</span>
+          <span class="index">#{{ record.index }}</span>
           <span class="handle">☰</span>
         </div>
         <p>{{ record.desc }}</p>

docs/.vuepress/components/infinity.vue

@@ -11,7 +11,7 @@
     <template v-slot:item="{ record, index, dateKey }">
       <div class="list-item">
         <div class="item-title">
-          <span class="index">#{{ index }}</span>
+          <span class="index">#{{ record.index }}</span>
           <span class="handle">☰</span>
         </div>
         <p>{{ record.desc }}</p>

docs/.vuepress/components/scroller.vue

@@ -11,7 +11,7 @@
     <template v-slot:item="{ record, index, dateKey }">
       <div class="list-item">
         <div class="item-title">
-          <span class="index">#{{ index }}</span>
+          <span class="index">#{{ record.index }}</span>
           <span class="handle">☰</span>
         </div>
         <p>{{ record.desc }}</p>

docs/.vuepress/components/scrollto.vue

@@ -22,7 +22,7 @@
       <template v-slot:item="{ record, index, dateKey }">
         <div class="list-item">
           <div class="item-title">
-            <span class="index">#{{ index }}</span>
+            <span class="index">#{{ record.index }}</span>
             <span class="handle">☰</span>
           </div>
           <p>{{ record.desc }}</p>

docs/.vuepress/components/tablemode.vue

@@ -20,7 +20,7 @@
     <template v-slot:item="{ record, index, dateKey }">
       <tr>
         <td>
-          <span class="index">#{{ index }}</span>
+          <span class="index">#{{ record.index }}</span>
           <span class="handle">☰</span>
         </td>
         <td>{{ record.name }}</td>

docs/.vuepress/config.js

@@ -1,11 +1,11 @@
 module.exports = {
-  base: '/vue-virtual-drag-list/',
+  base: '/vue-virtual-sortable/',
   lang: 'en-US',
-  title: 'vue-virtual-drag-list',
+  title: 'vue-virtual-sortable',
   description: 'A virtual scrolling list component that can be sorted by dragging',
 
   themeConfig: {
-    repo: 'mfuu/vue-virtual-drag-list',
+    repo: 'mfuu/vue-virtual-sortable',
 
     footer: {
       message: 'Released under the MIT License.',

docs/.vuepress/enhanceApp.js

@@ -1,7 +1,7 @@
 export default ({ Vue, options, router, siteData }) => {
   Vue.mixin({
     mounted() {
-      import('../../dist/virtual-drag-list').then(function (m) {
+      import('../../dist/virtual-list').then(function (m) {
         Vue.component(m.default);
       });
     },

docs/guide/install.md

@@ -3,11 +3,11 @@
 ## Installation
 
 ```sh [npm]
-$ npm i vue-virtual-draglist
+$ npm i vue-virtual-sortable
 ```
 
 ```sh [yarn]
-$ yarn add vue-virtual-draglist
+$ yarn add vue-virtual-sortable
 ```
 
 ## Simple Usage
@@ -25,7 +25,7 @@ $ yarn add vue-virtual-draglist
 </template>
 
 <script>
-import virtualList from 'vue-virtual-draglist';
+import virtualList from 'vue-virtual-sortable';
 import { reactive, toRefs } from 'vue';
 export default {
   components: {