diff --git a/packages/hooks/src/useInfiniteScroll/demo/demo.vue b/packages/hooks/src/useInfiniteScroll/demo/demo.vue
index cd513878..bbccc1b2 100644
--- a/packages/hooks/src/useInfiniteScroll/demo/demo.vue
+++ b/packages/hooks/src/useInfiniteScroll/demo/demo.vue
@@ -23,7 +23,7 @@
 </template>
 
 <script lang="ts" setup>
-  import { useInfiniteScroll } from '../../index'
+  import { useInfiniteScroll } from 'vue-hooks-plus'
 
   interface Result {
     list: string[]
diff --git a/packages/hooks/src/useInfiniteScroll/demo/demo1.vue b/packages/hooks/src/useInfiniteScroll/demo/demo1.vue
index 61787323..bb1b2fa9 100644
--- a/packages/hooks/src/useInfiniteScroll/demo/demo1.vue
+++ b/packages/hooks/src/useInfiniteScroll/demo/demo1.vue
@@ -19,7 +19,7 @@
 
 <script lang="ts" setup>
   import { computed } from 'vue'
-  import { useInfiniteScroll } from '../../index'
+  import { useInfiniteScroll } from 'vue-hooks-plus'
 
   interface Result {
     list: string[]
diff --git a/packages/hooks/src/useInfiniteScroll/demo/demo2.vue b/packages/hooks/src/useInfiniteScroll/demo/demo2.vue
index 11e8a437..8e3b2e31 100644
--- a/packages/hooks/src/useInfiniteScroll/demo/demo2.vue
+++ b/packages/hooks/src/useInfiniteScroll/demo/demo2.vue
@@ -19,7 +19,7 @@
 
 <script lang="ts" setup>
   import { ref } from 'vue'
-  import { useInfiniteScroll } from '../../index'
+  import { useInfiniteScroll } from 'vue-hooks-plus'
 
   interface Result {
     list: string[]
diff --git a/packages/hooks/src/useInfiniteScroll/demo/demo3.vue b/packages/hooks/src/useInfiniteScroll/demo/demo3.vue
index 158f76f5..04b6d67b 100644
--- a/packages/hooks/src/useInfiniteScroll/demo/demo3.vue
+++ b/packages/hooks/src/useInfiniteScroll/demo/demo3.vue
@@ -3,7 +3,8 @@
     <vhp-button @click="() => reload()" style="margin-bottom: 8px;"> Reset </vhp-button>
     <div style="margin-bottom: 16px;"
     >Change will be reset：<input type="text" v-model="text"
-    ></div>
+    /></div>
+
     <p v-if="loading" />
     <div
       v-for="item in data?.list"
@@ -28,7 +29,7 @@
 
 <script lang="ts" setup>
   import { ref } from 'vue'
-  import { useInfiniteScroll } from '../../index'
+  import { useInfiniteScroll } from 'vue-hooks-plus'
 
   interface Result {
     list: string[]
diff --git a/packages/hooks/src/useInfiniteScroll/demo/demo4.vue b/packages/hooks/src/useInfiniteScroll/demo/demo4.vue
index eb934a8a..d4234359 100644
--- a/packages/hooks/src/useInfiniteScroll/demo/demo4.vue
+++ b/packages/hooks/src/useInfiniteScroll/demo/demo4.vue
@@ -30,7 +30,7 @@
 </template>
 
 <script lang="ts" setup>
-  import { useInfiniteScroll, useRequest } from '../../index'
+  import { useInfiniteScroll, useRequest } from 'vue-hooks-plus'
 
   interface Result {
     list: string[]