Merge pull request #13 from QuentinHsu/fix-links-loading-on-mobile

fix: the links data loading on the mobile page did not trigger

components/dashboard/links/Index.vue

@@ -22,7 +22,7 @@ async function getLinks() {
 const { isLoading } = useInfiniteScroll(
   document,
   getLinks,
-  { distance: 10, interval: 1000, canLoadMore: () => !listComplete },
+  { distance: 150, interval: 1000, canLoadMore: () => !listComplete },
 )
 
 function updateLinkList(link, type) {
@@ -59,5 +59,11 @@ function updateLinkList(link, type) {
     >
       <Loader class="animate-spin" />
     </div>
+    <div
+      v-if="!isLoading && listComplete"
+      class="flex items-center justify-center text-sm"
+    >
+      No more
+    </div>
   </main>
 </template>

eslint.config.mjs

@@ -12,6 +12,7 @@ export default withNuxt(
       '@typescript-eslint/ban-ts-comment': 'off',
       'no-console': 'off',
       'node/prefer-global/process': 'off',
+      'vue/no-v-html': 'off',
     },
   },
 )

package.json

@@ -1,7 +1,7 @@
 {
   "name": "sink",
   "type": "module",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "private": true,
   "packageManager": "pnpm@9.1.2",
   "scripts": {