style(projects): format code

packages/hooks/src/use-context.ts

@@ -2,61 +2,60 @@ import { inject, provide } from 'vue';
 import type { InjectionKey } from 'vue';
 
 /**
- * use context
- * @param contextName context name
- * @param fn context function
+ * Use context
+ *
  * @example
- * ```ts
- * // there are three vue files: A.vue, B.vue, C.vue, and A.vue is the parent component of B.vue and C.vue
+ *   ```ts
+ *   // there are three vue files: A.vue, B.vue, C.vue, and A.vue is the parent component of B.vue and C.vue
  *
- * // context.ts
- * import { ref } from 'vue';
- * import { useContext } from '@sa/hooks';
+ *   // context.ts
+ *   import { ref } from 'vue';
+ *   import { useContext } from '@sa/hooks';
  *
- * export const { setupStore, useStore } = useContext('demo', () => {
- *   const count = ref(0);
+ *   export const { setupStore, useStore } = useContext('demo', () => {
+ *     const count = ref(0);
  *
- *   function increment() {
- *     count.value++;
- *   }
+ *     function increment() {
+ *       count.value++;
+ *     }
  *
- *   function decrement() {
- *     count.value--;
- *   }
+ *     function decrement() {
+ *       count.value--;
+ *     }
  *
- *   return {
- *     count,
- *     increment,
- *     decrement
- *   };
- * })
- * ```
+ *     return {
+ *       count,
+ *       increment,
+ *       decrement
+ *     };
+ *   })
+ *   ``` // A.vue
+ *   ```vue
+ *   <template>
+ *     <div>A</div>
+ *   </template>
+ *   <script setup lang="ts">
+ *   import { setupStore } from './context';
  *
- * // A.vue
- * ```vue
- * <template>
- *   <div>A</div>
- * </template>
- * <script setup lang="ts">
- * import { setupStore } from './context';
+ *   setupStore();
+ *   // const { increment } = setupStore(); // also can control the store in the parent component
+ *   </script>
+ *   ``` // B.vue
+ *   ```vue
+ *   <template>
+ *    <div>B</div>
+ *   </template>
+ *   <script setup lang="ts">
+ *   import { useStore } from './context';
  *
- * setupStore();
- * // const { increment } = setupStore(); // also can control the store in the parent component
- * </script>
- * ```
- * // B.vue
- * ```vue
- * <template>
- *  <div>B</div>
- * </template>
- * <script setup lang="ts">
- * import { useStore } from './context';
+ *   const { count, increment } = useStore();
+ *   </script>
+ *   ```;
  *
- * const { count, increment } = useStore();
- * </script>
- * ```
+ *   // C.vue is same as B.vue
  *
- * // C.vue is same as B.vue
+ * @param contextName Context name
+ * @param fn Context function
  */
 export default function useContext<T extends (...args: any[]) => any>(contextName: string, fn: T) {
   type Context = ReturnType<T>;
@@ -69,20 +68,14 @@ export default function useContext<T extends (...args: any[]) => any>(contextNam
   }
 
   return {
-    /**
-     * setup store in the parent component
-     */
+    /** Setup store in the parent component */
     setupStore,
-    /**
-     * use store in the child component
-     */
+    /** Use store in the child component */
     useStore
   };
 }
 
-/**
- * create context
- */
+/** Create context */
 function createContext<T>(contextName: string) {
   const injectKey: InjectionKey<T> = Symbol(contextName);