3.5: add composition api helpers page

Author: yyx990803

.vitepress/config.ts

@@ -368,6 +368,10 @@ export const sidebar: ThemeConfig['sidebar'] = {
         {
           text: 'Dependency Injection',
           link: '/api/composition-api-dependency-injection'
+        },
+        {
+          text: 'Helpers',
+          link: '/api/composition-api-helpers'
         }
       ]
     },

src/api/composition-api-helpers.md

@@ -0,0 +1,40 @@
+# Composition API: Helpers {#composition-api-helpers}
+
+## useAttrs() {#useattrs}
+
+## useSlots() {#useslots}
+
+## useModel() <sup class="vt-badge" data-text="3.4+" /> {#usemodel}
+
+## useTemplateRef() <sup class="vt-badge" data-text="3.5+" /> {#usetemplateref}
+
+## useId() <sup class="vt-badge" data-text="3.5+" /> {#useid}
+
+`useId()` is an API that can be used to generate unique-per-application IDs.
+
+- **Composition API only.**
+
+- **Example**
+
+  ```vue
+  <script setup>
+  import { useId } from 'vue'
+
+  const id = useId()
+  </script>
+
+  <template>
+    <form>
+      <label :for="id">Name:</label>
+      <input :id="id" type="text" />
+    </form>
+  </template>
+  ```
+
+- **Details**
+
+  IDs generated by `useId()` are unique-per-application. It can be used to generate IDs for form elements and accessibility attributes. Multiple calls in the same component will generate different IDs; multiple instances of the same component calling `useId()` will also have different IDs.
+  
+  IDs generated by `useId()` are also guaranteed to be stable across the server and client renders, so they can be used in SSR applications without leading to hydration mismatches.
+
+  If you have more than one Vue application instance of the same page, you can avoid ID conflicts by giving each app an ID prefix via [`app.config.idPrefix`](/api/application#app-config-idprefix).

src/api/general.md

@@ -266,34 +266,3 @@ This method accepts the same argument as [`defineComponent`](#definecomponent),
   - [Guide - Building Custom Elements with Vue](/guide/extras/web-components#building-custom-elements-with-vue)
 
   - Also note that `defineCustomElement()` requires [special config](/guide/extras/web-components#sfc-as-custom-element) when used with Single-File Components.
-
-## useId() <sup class="vt-badge" data-text="3.5+" /> {#useid}
-
-`useId()` is an API that can be used to generate unique-per-application IDs.
-
-- **Composition API only.**
-
-- **Example**
-
-  ```vue
-  <script setup>
-  import { useId } from 'vue'
-
-  const id = useId()
-  </script>
-
-  <template>
-    <form>
-      <label :for="id">Name:</label>
-      <input :id="id" type="text" />
-    </form>
-  </template>
-  ```
-
-- **Details**
-
-  IDs generated by `useId()` are unique-per-application. It can be used to generate IDs for form elements and accessibility attributes. Multiple calls in the same component will generate different IDs; multiple instances of the same component calling `useId()` will also have different IDs.
-  
-  IDs generated by `useId()` are also guaranteed to be stable across the server and client renders, so they can be used in SSR applications without leading to hydration mismatches.
-
-  If you have more than one Vue application instance of the same page, you can avoid ID conflicts by giving each app an ID prefix via [`app.config.idPrefix`](/api/application#app-config-idprefix).