chore: update docs

Author: mfuu

.github/workflows/deploy.yml

@@ -7,10 +7,6 @@ on:
     branches:
       - main
 
-defaults:
- run:
-  working-directory: ./docs
-
 permissions:
   contents: write
 
@@ -37,10 +33,11 @@ jobs:
 
       - name: Build with VitePress
         run: |
-          npm run build
+          npm run core:update
+          npm run docs:build
           ls
 
       - name: Deploy Github Pages
         uses: JamesIves/github-pages-deploy-action@v4
         with:
-          folder: docs/dist
+          folder: docs/.vuepress/dist

.gitignore

@@ -15,3 +15,7 @@ yarn-error.log*
 # lock files
 package-lock.json
 yarn.lock
+
+# vuepress
+.temp
+docs/*/dist

docs/.gitignore

@@ -20,16 +20,11 @@
 </template>
 
 <script>
-import { reactive, toRefs } from 'vue';
 import { getPageData } from '../public/sentence';
 export default {
-  setup() {
-    const data = reactive({
-      list: getPageData(100, 0),
-    });
-
+  data() {
     return {
-      ...toRefs(data),
+      list: getPageData(1000, 0),
     };
   },
 };

docs/.vitepress/config.js

@@ -41,18 +41,13 @@
 </template>
 
 <script>
-import { reactive, toRefs } from 'vue';
 import { getPageData } from '../public/sentence';
 export default {
-  setup() {
-    const data = reactive({
-      list1: getPageData(100, 0),
-      list2: getPageData(100, 0),
-      group: { name: 'group', pull: true, put: true },
-    });
-
+  data() {
     return {
-      ...toRefs(data),
+      list1: getPageData(1000, 0),
+      list2: getPageData(1000, 0),
+      group: { name: 'group', pull: true, put: true },
     };
   },
 };

docs/.vitepress/theme/index.js

@@ -22,16 +22,11 @@
 </template>
 
 <script>
-import { reactive, toRefs } from 'vue';
 import { getPageData } from '../public/sentence';
 export default {
-  setup() {
-    const data = reactive({
-      list: getPageData(100, 0),
-    });
-
+  data() {
     return {
-      ...toRefs(data),
+      list: getPageData(1000, 0),
     };
   },
 };

docs/components/basic.vue docs/.vuepress/components/basic.vuedocs/components/basic.vue renamed to docs/.vuepress/components/basic.vue

@@ -26,27 +26,22 @@
 </template>
 
 <script>
-import { reactive, toRefs, ref } from 'vue';
 import { getPageData } from '../public/sentence';
 export default {
-  setup() {
-    const data = reactive({
-      list: getPageData(30, 0),
-    });
-
-    const bottomLoading = () => {
-      setTimeout(() => {
-        const index = data.list.length - 1;
-        const loadedList = getPageData(10, index);
-        data.list.push(...loadedList);
-      }, 1000);
-    };
-
+  data() {
     return {
-      ...toRefs(data),
-      bottomLoading,
+      list: getPageData(50, 0),
     };
   },
+  methods: {
+    bottomLoading() {
+      setTimeout(() => {
+        const index = this.list.length - 1;
+        const loadedList = getPageData(10, index);
+        this.list.push(...loadedList);
+      }, 1000);
+    }
+  }
 };
 </script>
 

docs/components/group.vue docs/.vuepress/components/group.vuedocs/components/group.vue renamed to docs/.vuepress/components/group.vue

@@ -21,19 +21,17 @@
 </template>
 
 <script>
-import { reactive, toRefs } from 'vue';
 import { getPageData } from '../public/sentence';
 export default {
-  setup() {
-    const data = reactive({
-      scroller: document,
-      list: getPageData(100, 0),
-    });
-
+  data() {
     return {
-      ...toRefs(data),
+      scroller: null,
+      list: getPageData(100, 0),
     };
   },
+  mounted() {
+    this.scroller = document;
+  }
 };
 </script>