diff --git a/pages.json b/pages.json
index 9fad6a95a7254135606af9a191f9e1684b96dbc9..fa156702e30ec78960058cae9363c5e963dbc18b 100644
--- a/pages.json
+++ b/pages.json
@@ -419,6 +419,26 @@
         "navigationBarTitleText": "call-method-other 组合式 API"
       }
     },
+    {
+      "path": "pages/component-instance/provide/provide-options-1",
+      "style": {
+        "navigationBarTitleText": "provide 选项式 API 字面量"
+      }
+    },
+    {
+      "path": "pages/component-instance/provide/provide-options-2",
+      "style": {
+        "navigationBarTitleText": "provide 选项式 API 函数"
+      }
+    },
+    {
+      "path": "pages/component-instance/provide/provide-composition",
+      "style": {
+        "navigationBarTitleText": "provide 组合式 API"
+      }
+    },
+    
+
     {
       "path": "pages/component-instance/circular-reference/circular-reference",
       "style": {
@@ -537,24 +557,6 @@
       }
     },
     // #endif
-    {
-      "path": "pages/composition/provide/provide",
-      "style": {
-        "navigationBarTitleText": "provide"
-      }
-    },
-    {
-      "path": "pages/composition/provide/provide-page2",
-      "style": {
-        "navigationBarTitleText": "provide-page-2"
-      }
-    },
-    {
-      "path": "pages/composition/inject/inject",
-      "style": {
-        "navigationBarTitleText": "inject"
-      }
-    },
     {
       "path": "pages/composition/setup/setup",
       "style": {
@@ -791,12 +793,6 @@
         "navigationBarTitleText": "onScopeDispose"
       }
     },
-    {
-      "path": "pages/composition-api/dependency-injection/provide/provide",
-      "style": {
-        "navigationBarTitleText": "依赖注入"
-      }
-    },
     {
       "path": "pages/built-in/component/teleport/teleport-options",
       "style": {
diff --git a/pages/component-instance/inject/inject-composition.uvue b/pages/component-instance/inject/inject-composition.uvue
new file mode 100644
index 0000000000000000000000000000000000000000..f5e3646ddea80cfeb44503564ec63c6baa3e39c1
--- /dev/null
+++ b/pages/component-instance/inject/inject-composition.uvue
@@ -0,0 +1,32 @@
+<template>
+  <view>
+    <text>inject page</text>
+    <text class="mt-10 msg">msg: {{msg}}</text>
+    <text class="mt-10 num">num: {{num}}</text>
+    <text class="mt-10 obj">obj: {{JSON.stringify(obj)}}</text>
+    <text class="mt-10 arr">arr: {{JSON.stringify(arr)}}</text>
+    <text class="mt-10 fn">fn: {{(fn as () =>  string)()}}</text>
+    <text class="mt-10 has-injection-context">hasInjectionContext:
+      {{checkHasInjectionContextRes}}</text>
+    <button class="mt-10 check-has-injection-context-btn" @click="checkHasInjectionContext">check
+      hasInjectionContext</button>
+  </view>
+</template>
+
+<script setup lang='uts'>
+  const msg = inject('msg')
+  const num = inject('num')
+  const obj = inject('obj')
+  const arr = inject('arr')
+  const fn = inject('fn')
+
+  const checkHasInjectionContextRes = ref('')
+
+  const checkHasInjectionContext = () => {
+    // TODO: web vue 版本低导致 hasInjectionContext 不支持, 待支持后调整
+    // #ifdef APP-ANDROID
+    checkHasInjectionContextRes.value = `${hasInjectionContext()}`
+    // #endif
+  }
+  checkHasInjectionContext()
+</script>
\ No newline at end of file
diff --git a/pages/composition/provide/component-for-inject-1.uvue b/pages/component-instance/inject/inject-options-1.uvue
similarity index 79%
rename from pages/composition/provide/component-for-inject-1.uvue
rename to pages/component-instance/inject/inject-options-1.uvue
index 17e132b9a09e2ea2952510d02cd319f061e6d347..0657dec6c3920ccf75a91ebebf5f467a9a88c2d8 100644
--- a/pages/composition/provide/component-for-inject-1.uvue
+++ b/pages/component-instance/inject/inject-options-1.uvue
@@ -1,41 +1,41 @@
 <template>
   <view>
-    <text class="uni-common-mt bold">component for inject 1</text>
-    <text class="uni-common-mt alias-provide-page-title"
+    <text class="mt-10 bold">component for inject 1</text>
+    <text class="mt-10 alias-provide-page-title"
       >aliasProvidePageTitle: {{ aliasProvidePageTitle }}</text
     >
-    <text class="uni-common-mt provide-page-str"
+    <text class="mt-10 provide-page-str"
       >providePageStr: {{ providePageStr }}</text
     >
-    <text class="uni-common-mt provide-page-num"
+    <text class="mt-10 provide-page-num"
       >providePageNum: {{ providePageNum }}</text
     >
-    <text class="uni-common-mt provide-page-bool"
+    <text class="mt-10 provide-page-bool"
       >providePageBool: {{ providePageBool }}</text
     >
-    <text class="uni-common-mt provide-page-object-title"
+    <text class="mt-10 provide-page-object-title"
       >providePageObject.title: {{ providePageObject['title'] }}</text
     >
-    <text class="uni-common-mt provide-page-object-content"
+    <text class="mt-10 provide-page-object-content"
       >providePageObject.content: {{ providePageObject['content'] }}</text
     >
-    <text class="uni-common-mt provide-page-arr"
+    <text class="mt-10 provide-page-arr"
       >providePageArr: {{ JSON.stringify(providePageArr) }}</text
     >
-   <text class="uni-common-mt provide-page-map"
+   <text class="mt-10 provide-page-map"
       >providePageMap: {{ JSON.stringify(providePageMapObj) }}</text
     >
-    <text class="uni-common-mt provide-page-set"
+    <text class="mt-10 provide-page-set"
       >providePageSet: {{ JSON.stringify(providePageSetArr) }}</text
     >
-    <text class="uni-common-mt test-inject-string-default-value"
+    <text class="mt-10 test-inject-string-default-value"
       >testInjectStringDefaultValue: {{ testInjectStringDefaultValue }}</text
     >
-    <text class="uni-common-mt test-inject-object-default-value-title"
+    <text class="mt-10 test-inject-object-default-value-title"
       >testInjectObjectDefaultValue.title:
       {{ testInjectObjectDefaultValue['title'] }}</text
     >
-    <text class="uni-common-mt test-inject-object-default-value-content"
+    <text class="mt-10 test-inject-object-default-value-content"
       >testInjectObjectDefaultValue.content:
       {{ testInjectObjectDefaultValue['content'] }}</text
     >
diff --git a/pages/composition/provide/component-for-inject-2.uvue b/pages/component-instance/inject/inject-options-2.uvue
similarity index 67%
rename from pages/composition/provide/component-for-inject-2.uvue
rename to pages/component-instance/inject/inject-options-2.uvue
index 67635474b3e8790d45782c839f5d0513d9c5aef6..4a817f874129b3686e1d018e2763b36041c6a3cc 100644
--- a/pages/composition/provide/component-for-inject-2.uvue
+++ b/pages/component-instance/inject/inject-options-2.uvue
@@ -1,21 +1,21 @@
 <template>
   <view>
-    <text class="uni-common-mt bold">component for inject 2</text>
-    <text class="uni-common-mt provide-page-title"
+    <text class="mt-10 bold">component for inject 2</text>
+    <text class="mt-10 provide-page-title"
       >providePageTitle: {{ providePageTitle }}</text
     >
-    <text class="uni-common-mt provide-page-str">providePageStr: {{ providePageStr }}</text>
-    <text class="uni-common-mt provide-page-num">providePageNum: {{ providePageNum }}</text>
-    <text class="uni-common-mt provide-page-bool">providePageBool: {{ providePageBool }}</text>
-    <text class="uni-common-mt provide-page-object-title"
+    <text class="mt-10 provide-page-str">providePageStr: {{ providePageStr }}</text>
+    <text class="mt-10 provide-page-num">providePageNum: {{ providePageNum }}</text>
+    <text class="mt-10 provide-page-bool">providePageBool: {{ providePageBool }}</text>
+    <text class="mt-10 provide-page-object-title"
       >providePageObject.title: {{ providePageObject['title'] }}</text
     >
-    <text class="uni-common-mt provide-page-object-content"
+    <text class="mt-10 provide-page-object-content"
       >providePageObject.content: {{ providePageObject['content'] }}</text
     >
-    <text class="uni-common-mt provide-page-arr">providePageArr: {{ JSON.stringify(providePageArr) }}</text>
-    <text class="uni-common-mt provide-page-map">providePageMap: {{ JSON.stringify(providePageMapObj) }}</text>
-    <text class="uni-common-mt provide-page-set">providePageSet: {{ JSON.stringify(providePageSetArr) }}</text>
+    <text class="mt-10 provide-page-arr">providePageArr: {{ JSON.stringify(providePageArr) }}</text>
+    <text class="mt-10 provide-page-map">providePageMap: {{ JSON.stringify(providePageMapObj) }}</text>
+    <text class="mt-10 provide-page-set">providePageSet: {{ JSON.stringify(providePageSetArr) }}</text>
   </view>
 </template>
 
diff --git a/pages/composition-api/dependency-injection/provide/provide-inject.test.js b/pages/component-instance/provide/provide-composition.test.js
similarity index 85%
rename from pages/composition-api/dependency-injection/provide/provide-inject.test.js
rename to pages/component-instance/provide/provide-composition.test.js
index 6e71429ac6e84f4605b80fd2bb1622978f5245c1..2f698859ef3445cf40b3bd79337cf9e7b287143f 100644
--- a/pages/composition-api/dependency-injection/provide/provide-inject.test.js
+++ b/pages/component-instance/provide/provide-composition.test.js
@@ -1,6 +1,6 @@
-const PAGE_PATH = '/pages/composition-api/dependency-injection/provide/provide'
+const PAGE_PATH = '/pages/component-instance/provide/provide-composition'
 
-describe('provide-inject-hasInjectionContext', () => {
+describe('组合式 API provide', () => {
   let page = null
   beforeAll(async () => {
     page = await program.reLaunch(PAGE_PATH)
diff --git a/pages/component-instance/provide/provide-composition.uvue b/pages/component-instance/provide/provide-composition.uvue
new file mode 100644
index 0000000000000000000000000000000000000000..9582bab16b803a40a79c82bb444eb04aec1199eb
--- /dev/null
+++ b/pages/component-instance/provide/provide-composition.uvue
@@ -0,0 +1,15 @@
+<template>
+  <view class="page">
+    <inject-comp />
+  </view>
+</template>
+
+<script setup lang="uts">
+import InjectComp from '../inject/inject-composition.uvue';
+
+provide('msg', 'hello');
+provide('num', 0);
+provide('obj', { a: 1 });
+provide('arr', [1, 2, 3]);
+provide('fn', () : string => 'hello');
+</script>
diff --git a/pages/composition/provide/provide.test.js b/pages/component-instance/provide/provide-options-1.test.js
similarity index 93%
rename from pages/composition/provide/provide.test.js
rename to pages/component-instance/provide/provide-options-1.test.js
index 9044e86ce6102ff1004ce2bcd993db55a5a18316..c0d7cd32c985ee08cf31423248dedaaaa59d4f97 100644
--- a/pages/composition/provide/provide.test.js
+++ b/pages/component-instance/provide/provide-options-1.test.js
@@ -1,5 +1,8 @@
-const PAGE_PATH = '/pages/composition/provide/provide'
-describe('字面量方式创建 provide', () => {
+jest.setTimeout(20000)
+
+const PAGE_PATH = '/pages/component-instance/provide/provide-options-1'
+
+describe('选项式 API 字面量方式创建 provide', () => {
   let page
   beforeAll(async () => {
     page = await program.reLaunch(PAGE_PATH)
diff --git a/pages/composition/provide/provide.uvue b/pages/component-instance/provide/provide-options-1.uvue
similarity index 89%
rename from pages/composition/provide/provide.uvue
rename to pages/component-instance/provide/provide-options-1.uvue
index 15e62945fed921ec53e4170c3388cc4bed331fc2..2cf91fe699be6a864bc4c0b36264a92500113f1e 100644
--- a/pages/composition/provide/provide.uvue
+++ b/pages/component-instance/provide/provide-options-1.uvue
@@ -4,7 +4,7 @@
     <!-- #endif -->
     <view class="page">
       <text>provide page</text>
-      <button class="uni-common-mt" @click="goProvidePage2">
+      <button class="mt-10" @click="goProvidePage2">
         跳转函数方式定义 provide 示例
       </button>
       <ComponentForInject />
@@ -15,8 +15,7 @@
 </template>
 
 <script lang="uts">
-import { computed } from 'vue'
-import ComponentForInject from './component-for-inject-1.uvue'
+import ComponentForInject from '../inject/inject-options-1.uvue'
 
 export default {
   components: {
diff --git a/pages/composition/provide/provide-page2.test.js b/pages/component-instance/provide/provide-options-2.test.js
similarity index 92%
rename from pages/composition/provide/provide-page2.test.js
rename to pages/component-instance/provide/provide-options-2.test.js
index 0e37b06874914ed0fcd83eb36a16a7d069b5f96c..bce2107a85dc6514daa9fef092a683555f2852b9 100644
--- a/pages/composition/provide/provide-page2.test.js
+++ b/pages/component-instance/provide/provide-options-2.test.js
@@ -1,5 +1,5 @@
-const PAGE_PATH = '/pages/composition/provide/provide-page2'
-describe('函数方式创建 provide', () => {
+const PAGE_PATH = '/pages/component-instance/provide/provide-options-2'
+describe('选项式 API 函数方式创建 provide', () => {
   let page
   beforeAll(async () => {
     page = await program.reLaunch(PAGE_PATH)
diff --git a/pages/composition/provide/provide-page2.uvue b/pages/component-instance/provide/provide-options-2.uvue
similarity index 94%
rename from pages/composition/provide/provide-page2.uvue
rename to pages/component-instance/provide/provide-options-2.uvue
index bf8983d4c523e55289a79dde9a582b108dddb65c..0d38fd0c414ab92b4d0cdc1b565d42b3cbe95b55 100644
--- a/pages/composition/provide/provide-page2.uvue
+++ b/pages/component-instance/provide/provide-options-2.uvue
@@ -12,7 +12,7 @@
 </template>
 
 <script lang="uts">
-import ComponentForInject from './component-for-inject-2.uvue'
+import ComponentForInject from '../inject/inject-options-2.uvue'
 
 export default {
   components: {
diff --git a/pages/composition-api/dependency-injection/provide/inject.uvue b/pages/composition-api/dependency-injection/provide/inject.uvue
deleted file mode 100644
index 99cb4836888506334c1288cc5510ec6adc15a646..0000000000000000000000000000000000000000
--- a/pages/composition-api/dependency-injection/provide/inject.uvue
+++ /dev/null
@@ -1,31 +0,0 @@
-<template>
-  <view>
-    <text>inject page</text>
-    <text class="uni-common-mt msg">msg: {{msg}}</text>
-    <text class="uni-common-mt num">num: {{num}}</text>
-    <text class="uni-common-mt obj">obj: {{JSON.stringify(obj)}}</text>
-    <text class="uni-common-mt arr">arr: {{JSON.stringify(arr)}}</text>
-    <text class="uni-common-mt fn">fn: {{(fn as () =>  string)()}}</text>
-    <text class="uni-common-mt has-injection-context">hasInjectionContext:
-      {{checkHasInjectionContextRes}}</text>
-    <button class="uni-common-mt check-has-injection-context-btn" @click="checkHasInjectionContext">check hasInjectionContext</button>
-  </view>
-</template>
-
-<script setup>
-  const msg = inject('msg')
-  const num = inject('num')
-  const obj = inject('obj')
-  const arr = inject('arr')
-  const fn = inject('fn')
-  
-  const checkHasInjectionContextRes = ref('')
-
-  const checkHasInjectionContext = () => {
-    // TODO: web vue 版本低导致 hasInjectionContext 不支持, 待支持后调整
-    // #ifdef APP-ANDROID
-    checkHasInjectionContextRes.value = `${hasInjectionContext()}`
-    // #endif
-  }
-  checkHasInjectionContext()
-</script>
\ No newline at end of file
diff --git a/pages/composition-api/dependency-injection/provide/provide.uvue b/pages/composition-api/dependency-injection/provide/provide.uvue
deleted file mode 100644
index 4022ed0f5f8d0994312a2928c917c3470cd837c4..0000000000000000000000000000000000000000
--- a/pages/composition-api/dependency-injection/provide/provide.uvue
+++ /dev/null
@@ -1,15 +0,0 @@
-<template>
-  <view class="page">
-    <inject-comp />
-  </view>
-</template>
-
-<script setup>
-  import InjectComp from './inject.uvue';
-
-  provide('msg', 'hello');
-  provide('num', 0);
-  provide('obj', { a: 1 });
-  provide('arr', [1, 2, 3]);
-  provide('fn', () : string => 'hello');
-</script>
\ No newline at end of file
diff --git a/pages/composition/inject/inject.test.js b/pages/composition/inject/inject.test.js
deleted file mode 100644
index 01bc3edb6f940e3047924b9d0b1d21da7bc25d28..0000000000000000000000000000000000000000
--- a/pages/composition/inject/inject.test.js
+++ /dev/null
@@ -1,13 +0,0 @@
-const PAGE_PATH = '/pages/composition/inject/inject'
-
-describe('inject', () => {
-  it('basic', async () => {
-    const page = await program.reLaunch(PAGE_PATH)
-    await page.waitFor('view')
-    const globalProvideMsgEl = await page.$('.global-provide-msg')
-    const globalProvideMsgElText = await globalProvideMsgEl.text()
-    expect(globalProvideMsgElText).toBe(
-      'globalProvideMsg: global provide message'
-    )
-  })
-})
diff --git a/pages/composition/inject/inject.uvue b/pages/composition/inject/inject.uvue
deleted file mode 100644
index 1db77431c3cf4624fcf185b0a9356792ba6f01fc..0000000000000000000000000000000000000000
--- a/pages/composition/inject/inject.uvue
+++ /dev/null
@@ -1,12 +0,0 @@
-<template>
-  <view class="page">
-    <text>inject page</text>
-    <text class="global-provide-msg">globalProvideMsg: {{globalProvideMsg}}</text>
-  </view>
-</template>
-
-<script lang="uts">
-export default {
-  inject: ['globalProvideMsg'],
-}
-</script>
diff --git a/pages/index/index.uvue b/pages/index/index.uvue
index b7834aab2916f95e66f507a80654f77dfba44970..a195434bf152b591c512759d1075feeca74c07b1 100644
--- a/pages/index/index.uvue
+++ b/pages/index/index.uvue
@@ -331,6 +331,27 @@ export default {
                   url: 'call-method-other-composition'
                 }
               ]
+            },
+            {
+              id: 'provide',
+              name: 'provide',
+              children: [
+                {
+                  id: 'provide-options-1',
+                  name: 'provide 选项式 API 字面量方式',
+                  url: 'provide-options-1'
+                },
+                {
+                  id: 'provide-options-2',
+                  name: 'provide 选项式 API 函数方式',
+                  url: 'provide-options-2'
+                },
+                {
+                  id: 'provide-composition',
+                  name: 'provide 组合式 API',
+                  url: 'provide-composition'
+                },
+              ]
             }
           ] as Page[]
         },