nuxt-openapi-hyperfetch 0.1.7-alpha.1 → 0.2.7-alpha.1

package/dist/generators/shared/runtime/useListConnector.js

@@ -0,0 +1,125 @@
+// @ts-nocheck - This file runs in user's Nuxt project with different TypeScript config
+/**
+ * useListConnector — Runtime connector for list/table endpoints.
+ *
+ * Wraps a useAsyncData composable that returns an array and exposes:
+ * - rows, columns, loading, error state
+ * - pagination helpers (if paginated: true)
+ * - row selection
+ * - modal coordination helpers (openCreate, openUpdate, openDelete)
+ *
+ * Copied to the user's project alongside the generated connectors.
+ */
+import { ref, computed, shallowRef } from 'vue';
+/**
+ * @param composableFn  The generated useAsyncData composable, e.g. useAsyncDataGetPets
+ * @param options       Configuration for the list connector
+ */
+export function useListConnector(composableFn, options = {}) {
+    const { paginated = false, columns = [] } = options;
+    // ── Execute the underlying composable ──────────────────────────────────────
+    const composable = composableFn({ paginated });
+    // ── Derived state ──────────────────────────────────────────────────────────
+    const rows = computed(() => {
+        const data = composable.data?.value;
+        if (!data)
+            return [];
+        // Support both direct arrays and { data: [...] } shapes
+        if (Array.isArray(data))
+            return data;
+        if (Array.isArray(data.data))
+            return data.data;
+        return [];
+    });
+    const loading = computed(() => composable.pending?.value ?? false);
+    const error = computed(() => composable.error?.value ?? null);
+    // Pagination — passthrough from the underlying composable when paginated: true
+    const pagination = computed(() => composable.pagination?.value ?? null);
+    function goToPage(page) {
+        composable.goToPage?.(page);
+    }
+    function nextPage() {
+        composable.nextPage?.();
+    }
+    function prevPage() {
+        composable.prevPage?.();
+    }
+    function setPerPage(n) {
+        composable.setPerPage?.(n);
+    }
+    // ── Row selection ──────────────────────────────────────────────────────────
+    const selected = ref([]);
+    function onRowSelect(row) {
+        const idx = selected.value.indexOf(row);
+        if (idx === -1) {
+            selected.value = [...selected.value, row];
+        }
+        else {
+            selected.value = selected.value.filter((r) => r !== row);
+        }
+    }
+    function clearSelection() {
+        selected.value = [];
+    }
+    // ── Refresh ────────────────────────────────────────────────────────────────
+    function refresh() {
+        void composable.refresh?.();
+    }
+    // ── CRUD coordination (triggers watched by the parent component) ──────────
+    // The parent watches these refs to decide when to open a modal/panel/route.
+    // Naming convention:
+    //   _createTrigger — Ref<number> counter; no data needed (form starts empty)
+    //   _updateTarget  — ShallowRef<Row|null>; the row to pre-fill the edit form
+    //   _deleteTarget  — ShallowRef<Row|null>; the row to confirm deletion for
+    const _createTrigger = ref(0);
+    const _updateTarget = shallowRef(null);
+    const _deleteTarget = shallowRef(null);
+    /**
+     * Signal the parent that the user wants to create a new item.
+     * The parent should watch `_createTrigger` and open a create form/modal.
+     */
+    function create() {
+        _createTrigger.value++;
+    }
+    /**
+     * Signal the parent that the user wants to edit `row`.
+     * The parent should watch `_updateTarget` and open an edit form/modal.
+     */
+    function update(row) {
+        _updateTarget.value = row;
+    }
+    /**
+     * Signal the parent that the user wants to delete `row`.
+     * The parent should watch `_deleteTarget` and open a confirmation modal.
+     */
+    function remove(row) {
+        _deleteTarget.value = row;
+    }
+    return {
+        // State
+        rows,
+        columns: computed(() => columns),
+        loading,
+        error,
+        // Pagination
+        pagination,
+        goToPage,
+        nextPage,
+        prevPage,
+        setPerPage,
+        // Selection
+        selected,
+        onRowSelect,
+        clearSelection,
+        // Actions
+        refresh,
+        // CRUD coordination — public methods
+        create,
+        update,
+        remove,
+        // CRUD coordination — internal triggers (watch these in the parent)
+        _createTrigger,
+        _updateTarget,
+        _deleteTarget,
+    };
+}

package/dist/generators/shared/runtime/zod-error-merger.d.ts

@@ -0,0 +1,23 @@
+/**
+ * zod-error-merger — Merge Zod fieldErrors with per-field error message overrides.
+ *
+ * Priority (highest → lowest):
+ *   3. config.fields[fieldName].errors[zodCode]   — per-field, per-code override
+ *   2. z.setErrorMap()                            — global translation (set by the developer)
+ *   1. Zod defaults                               — built-in English messages
+ *
+ * This function handles priority 3 only. Priority 2 is handled automatically by Zod
+ * when the developer sets z.setErrorMap() in their plugins/zod-i18n.ts.
+ *
+ * Copied to the user's project alongside the generated connectors.
+ */
+/**
+ * Convert Zod's flatten().fieldErrors to Record<string, string>,
+ * merging optional per-field message overrides from the component config.
+ *
+ * @param fieldErrors  Output of zodResult.error.flatten().fieldErrors
+ *                     Shape: { fieldName: string[] }
+ * @param errorConfig  Optional per-field error config from index.ts
+ *                     Shape: { fieldName: { required?: string, min?: string, ... } }
+ */
+export declare function mergeZodErrors(fieldErrors: any, errorConfig?: {}): {};

package/dist/generators/shared/runtime/zod-error-merger.js

@@ -0,0 +1,106 @@
+// @ts-nocheck - This file runs in user's Nuxt project with different TypeScript config
+/**
+ * zod-error-merger — Merge Zod fieldErrors with per-field error message overrides.
+ *
+ * Priority (highest → lowest):
+ *   3. config.fields[fieldName].errors[zodCode]   — per-field, per-code override
+ *   2. z.setErrorMap()                            — global translation (set by the developer)
+ *   1. Zod defaults                               — built-in English messages
+ *
+ * This function handles priority 3 only. Priority 2 is handled automatically by Zod
+ * when the developer sets z.setErrorMap() in their plugins/zod-i18n.ts.
+ *
+ * Copied to the user's project alongside the generated connectors.
+ */
+/**
+ * Map Zod issue codes to friendlier config key names.
+ * The developer uses these keys in config.fields[name].errors:
+ *
+ *   errors: {
+ *     required: 'Name is required',
+ *     min:      'At least 1 character',
+ *     max:      'Max 100 characters',
+ *     email:    'Invalid email',
+ *     enum:     'Select a valid option',
+ *   }
+ */
+const ZOD_CODE_TO_CONFIG_KEY = {
+    too_small: 'min',
+    too_big: 'max',
+    invalid_type: 'required', // most common: field is undefined/null
+    invalid_enum_value: 'enum',
+    invalid_string: 'format',
+};
+/**
+ * Convert Zod's flatten().fieldErrors to Record<string, string>,
+ * merging optional per-field message overrides from the component config.
+ *
+ * @param fieldErrors  Output of zodResult.error.flatten().fieldErrors
+ *                     Shape: { fieldName: string[] }
+ * @param errorConfig  Optional per-field error config from index.ts
+ *                     Shape: { fieldName: { required?: string, min?: string, ... } }
+ */
+export function mergeZodErrors(fieldErrors, errorConfig = {}) {
+    const result = {};
+    for (const [field, messages] of Object.entries(fieldErrors)) {
+        if (!messages || messages.length === 0) {
+            continue;
+        }
+        // The first message is the most relevant one
+        const defaultMessage = messages[0];
+        // Check if there's a config override for this field
+        const fieldConfig = errorConfig[field];
+        if (!fieldConfig) {
+            result[field] = defaultMessage;
+            continue;
+        }
+        // Try to map the Zod message to a config key.
+        // We check for simple substrings in the Zod message to identify the code.
+        const configMessage = resolveConfigMessage(defaultMessage, fieldConfig);
+        result[field] = configMessage ?? defaultMessage;
+    }
+    return result;
+}
+/**
+ * Try to find a matching override in fieldConfig based on the Zod message content.
+ * Returns the override string, or null if no match found.
+ */
+function resolveConfigMessage(zodMessage, fieldConfig) {
+    if (!fieldConfig || typeof fieldConfig !== 'object') {
+        return null;
+    }
+    // Direct key match: developer can use zod code names directly
+    // e.g. errors.too_small, errors.invalid_type
+    for (const [zodCode, configKey] of Object.entries(ZOD_CODE_TO_CONFIG_KEY)) {
+        if (fieldConfig[zodCode]) {
+            // Check if Zod message suggests this error type
+            if (messageMatchesCode(zodMessage, zodCode)) {
+                return fieldConfig[zodCode];
+            }
+        }
+        // Also support friendly key names: errors.min, errors.required, etc.
+        if (fieldConfig[configKey]) {
+            if (messageMatchesCode(zodMessage, zodCode)) {
+                return fieldConfig[configKey];
+            }
+        }
+    }
+    // Fallback: if developer set errors.required and Zod says "Required"
+    if (fieldConfig.required && /required|undefined|null/i.test(zodMessage)) {
+        return fieldConfig.required;
+    }
+    return null;
+}
+/**
+ * Heuristic: does the Zod default message suggest a certain error code?
+ */
+function messageMatchesCode(message, zodCode) {
+    const patterns = {
+        too_small: /at least|minimum|must contain at least|min/i,
+        too_big: /at most|maximum|must contain at most|max/i,
+        invalid_type: /required|expected|received undefined|null/i,
+        invalid_enum_value: /invalid enum|expected one of/i,
+        invalid_string: /invalid|email|url|uuid|datetime/i,
+    };
+    return patterns[zodCode]?.test(message) ?? false;
+}

package/dist/generators/shared/templates/api-callbacks-plugin.js

@@ -31,17 +31,61 @@
  *      patterns: ['/api/**', '/api/v2/*']
  */
 export default defineNuxtPlugin(() => {
-    // Uncomment and customize the callbacks you need
-    const globalCallbacks = {
+    // Define your global callback rules.
+    // Each rule can optionally target specific URL patterns and/or HTTP methods.
+    // Rules are executed in order; backward-compatible with a single object.
+    const globalCallbacks = [
     // ========================================================================
-    // OPTION 3: URL Pattern Matching (OPTIONAL)
+    // RULE 1 — applies to ALL requests (no patterns/methods filter)
     // ========================================================================
-    // Only apply global callbacks to URLs matching these patterns
-    // Use ** to match any path (including nested), * to match single segment
-    // If omitted or empty, callbacks apply to ALL requests
-    // patterns: ['/api/**'],  // Only internal APIs
-    // patterns: ['/api/v1/**', '/api/v2/**'],  // Multiple API versions
-    // patterns: ['**/public/**'],  // All public endpoints
+    // {
+    //   onRequest: (context) => {
+    //     console.log(`[API] ${context.method} ${context.url}`);
+    //   },
+    //   onError: (error) => {
+    //     // Handle 401 globally — return false to suppress local onError
+    //     if (error.statusCode === 401) {
+    //       navigateTo('/login');
+    //       return false;
+    //     }
+    //   },
+    // },
+    // ========================================================================
+    // RULE 2 — only for DELETE / POST / PUT (method targeting)
+    // ========================================================================
+    // {
+    //   methods: ['DELETE', 'POST', 'PUT'],
+    //   onSuccess: (data, context) => {
+    //     const { $toast } = useNuxtApp();
+    //     $toast?.success('✅ Operation completed');
+    //   },
+    //   onError: (error) => {
+    //     const { $toast } = useNuxtApp();
+    //     $toast?.error(`❌ ${error.message || 'An error occurred'}`);
+    //   },
+    // },
+    // ========================================================================
+    // RULE 3 — only for private API routes (URL pattern targeting)
+    // ========================================================================
+    // {
+    //   patterns: ['/api/private/**'],
+    //   onRequest: () => {
+    //     const token = useCookie('auth-token').value;
+    //     if (token) return { headers: { Authorization: `Bearer ${token}` } };
+    //   },
+    // },
+    // ========================================================================
+    // RULE 4 — DELETE on a specific resource (method + pattern combined)
+    // ========================================================================
+    // {
+    //   methods: ['DELETE'],
+    //   patterns: ['/api/users/**'],
+    //   onSuccess: () => console.log('User deleted'),
+    //   onError: (error) => console.error('Delete failed', error),
+    // },
+    // ---- Legacy single-object format is still supported ----
+    // You can also pass a single object instead of an array:
+    //   getGlobalApiCallbacks: () => ({ onError: (e) => console.error(e) })
     // ========================================================================
     // onRequest: Called before every request
     // ========================================================================
@@ -177,8 +221,7 @@ export default defineNuxtPlugin(() => {
     //   // Example 4: Clean up global loading state
     //   // const { $loading } = useNuxtApp();
     //   // $loading?.hide();
-    // },
-    };
+    ];
     return {
         provide: {
             getGlobalApiCallbacks: () => globalCallbacks,

package/dist/generators/shared/templates/api-pagination-plugin.d.ts

@@ -0,0 +1,51 @@
+/**
+ * Global API Pagination Plugin
+ *
+ * ⚠️ IMPORTANT: This file is NEVER regenerated - your changes are safe!
+ *
+ * Configure the global pagination convention for all paginated API requests.
+ * Each composable can override this config locally via `paginationConfig` option.
+ *
+ * ── HOW IT WORKS ──────────────────────────────────────────────────────────────
+ *
+ * When you call a composable with `paginated: true`, the wrapper will:
+ *   1. Inject page/perPage params into the request (query, body, or headers)
+ *   2. After the response, read total/totalPages/currentPage/perPage from the
+ *      response headers or JSON body, according to `metaSource`
+ *   3. Expose `pagination`, `goToPage()`, `nextPage()`, `prevPage()`, `setPerPage()`
+ *
+ * ── USAGE ─────────────────────────────────────────────────────────────────────
+ *
+ * // In your page/component:
+ * const { data, pagination, goToPage, nextPage, prevPage, setPerPage } =
+ *   useGetPets(params, { paginated: true })
+ *
+ * // pagination is a computed ref:
+ * pagination.value.currentPage  // current page
+ * pagination.value.totalPages   // total pages
+ * pagination.value.total        // total items
+ * pagination.value.perPage      // items per page
+ * pagination.value.hasNextPage  // boolean
+ * pagination.value.hasPrevPage  // boolean
+ *
+ * // Navigation helpers — automatically trigger re-fetch:
+ * goToPage(3)
+ * nextPage()
+ * prevPage()
+ * setPerPage(50)
+ *
+ * ── PRIORITY ──────────────────────────────────────────────────────────────────
+ *
+ * Per-call paginationConfig > this plugin's global config > built-in defaults
+ *
+ * Example of per-call override:
+ *   useGetPets(params, {
+ *     paginated: true,
+ *     paginationConfig: {
+ *       meta: { metaSource: 'headers', fields: { ... } },
+ *       request: { sendAs: 'query', params: { page: 'p', perPage: 'size' }, defaults: { page: 1, perPage: 10 } }
+ *     }
+ *   })
+ */
+declare const _default: any;
+export default _default;

package/dist/generators/shared/templates/api-pagination-plugin.js

@@ -0,0 +1,152 @@
+// @ts-nocheck
+/**
+ * Global API Pagination Plugin
+ *
+ * ⚠️ IMPORTANT: This file is NEVER regenerated - your changes are safe!
+ *
+ * Configure the global pagination convention for all paginated API requests.
+ * Each composable can override this config locally via `paginationConfig` option.
+ *
+ * ── HOW IT WORKS ──────────────────────────────────────────────────────────────
+ *
+ * When you call a composable with `paginated: true`, the wrapper will:
+ *   1. Inject page/perPage params into the request (query, body, or headers)
+ *   2. After the response, read total/totalPages/currentPage/perPage from the
+ *      response headers or JSON body, according to `metaSource`
+ *   3. Expose `pagination`, `goToPage()`, `nextPage()`, `prevPage()`, `setPerPage()`
+ *
+ * ── USAGE ─────────────────────────────────────────────────────────────────────
+ *
+ * // In your page/component:
+ * const { data, pagination, goToPage, nextPage, prevPage, setPerPage } =
+ *   useGetPets(params, { paginated: true })
+ *
+ * // pagination is a computed ref:
+ * pagination.value.currentPage  // current page
+ * pagination.value.totalPages   // total pages
+ * pagination.value.total        // total items
+ * pagination.value.perPage      // items per page
+ * pagination.value.hasNextPage  // boolean
+ * pagination.value.hasPrevPage  // boolean
+ *
+ * // Navigation helpers — automatically trigger re-fetch:
+ * goToPage(3)
+ * nextPage()
+ * prevPage()
+ * setPerPage(50)
+ *
+ * ── PRIORITY ──────────────────────────────────────────────────────────────────
+ *
+ * Per-call paginationConfig > this plugin's global config > built-in defaults
+ *
+ * Example of per-call override:
+ *   useGetPets(params, {
+ *     paginated: true,
+ *     paginationConfig: {
+ *       meta: { metaSource: 'headers', fields: { ... } },
+ *       request: { sendAs: 'query', params: { page: 'p', perPage: 'size' }, defaults: { page: 1, perPage: 10 } }
+ *     }
+ *   })
+ */
+export default defineNuxtPlugin(() => {
+    // Uncomment and configure ONE of the examples below that matches your backend.
+    // ============================================================================
+    // EXAMPLE 1 — Query params + response body (most common REST pattern)
+    //
+    // Request:  GET /pets?page=1&limit=20
+    // Response: { data: [...], total: 100, totalPages: 5, currentPage: 1, perPage: 20 }
+    // ============================================================================
+    // const paginationConfig = {
+    //   meta: {
+    //     metaSource: 'body',
+    //     fields: {
+    //       total: 'total',
+    //       totalPages: 'totalPages',
+    //       currentPage: 'currentPage',
+    //       perPage: 'perPage',
+    //       dataKey: 'data', // response.data contains the actual array
+    //     },
+    //   },
+    //   request: {
+    //     sendAs: 'query',
+    //     params: { page: 'page', perPage: 'limit' },
+    //     defaults: { page: 1, perPage: 20 },
+    //   },
+    // };
+    // ============================================================================
+    // EXAMPLE 2 — Laravel paginate() convention
+    //
+    // Request:  GET /pets?page=1&per_page=15
+    // Response: { data: [...], meta: { total: 100, last_page: 7, current_page: 1, per_page: 15 } }
+    // ============================================================================
+    // const paginationConfig = {
+    //   meta: {
+    //     metaSource: 'body',
+    //     fields: {
+    //       total: 'meta.total',
+    //       totalPages: 'meta.last_page',
+    //       currentPage: 'meta.current_page',
+    //       perPage: 'meta.per_page',
+    //       dataKey: 'data',
+    //     },
+    //   },
+    //   request: {
+    //     sendAs: 'query',
+    //     params: { page: 'page', perPage: 'per_page' },
+    //     defaults: { page: 1, perPage: 15 },
+    //   },
+    // };
+    // ============================================================================
+    // EXAMPLE 3 — HTTP response headers convention
+    //
+    // Request:  GET /pets?page=1&limit=20
+    // Response headers: X-Total-Count: 100, X-Total-Pages: 5, X-Page: 1, X-Per-Page: 20
+    // ============================================================================
+    // const paginationConfig = {
+    //   meta: {
+    //     metaSource: 'headers',
+    //     fields: {
+    //       total: 'X-Total-Count',
+    //       totalPages: 'X-Total-Pages',
+    //       currentPage: 'X-Page',
+    //       perPage: 'X-Per-Page',
+    //       // No dataKey needed — response body is the array directly
+    //     },
+    //   },
+    //   request: {
+    //     sendAs: 'query',
+    //     params: { page: 'page', perPage: 'limit' },
+    //     defaults: { page: 1, perPage: 20 },
+    //   },
+    // };
+    // ============================================================================
+    // EXAMPLE 4 — POST-as-search (body pagination)
+    //
+    // Request:  POST /pets/search  body: { filters: {...}, page: 1, pageSize: 20 }
+    // Response: { items: [...], total: 100, pages: 5 }
+    // ============================================================================
+    // const paginationConfig = {
+    //   meta: {
+    //     metaSource: 'body',
+    //     fields: {
+    //       total: 'total',
+    //       totalPages: 'pages',
+    //       currentPage: 'page',
+    //       perPage: 'pageSize',
+    //       dataKey: 'items',
+    //     },
+    //   },
+    //   request: {
+    //     sendAs: 'body',
+    //     params: { page: 'page', perPage: 'pageSize' },
+    //     defaults: { page: 1, perPage: 20 },
+    //   },
+    // };
+    return {
+        provide: {
+        // Expose the config so the runtime wrappers can read it.
+        // Uncomment this line once you've configured paginationConfig above:
+        // getGlobalApiPagination: () => paginationConfig,
+        },
+    };
+});

package/dist/generators/use-async-data/generator.d.ts

@@ -1,5 +1,6 @@
 import { type GenerateOptions } from './templates.js';
+import { type Logger } from '../../cli/logger.js';
 /**
  * Main function to generate useAsyncData composables
  */
-export declare function generateUseAsyncDataComposables(inputDir: string, outputDir: string, options?: GenerateOptions): Promise<void>;
+export declare function generateUseAsyncDataComposables(inputDir: string, outputDir: string, options?: GenerateOptions, logger?: Logger): Promise<void>;

package/dist/generators/use-async-data/generator.js

@@ -5,12 +5,12 @@ import { format } from 'prettier';
 import { getApiFiles as getApiFilesOfficial, parseApiFile as parseApiFileOfficial, } from './parser.js';
 import { getApiFiles as getApiFilesHeyApi, parseApiFile as parseApiFileHeyApi, } from '../shared/parsers/heyapi-parser.js';
 import { generateComposableFile, generateRawComposableFile, generateIndexFile, } from './templates.js';
-import { p, logSuccess, logError } from '../../cli/logger.js';
+import { createClackLogger } from '../../cli/logger.js';
 /**
  * Main function to generate useAsyncData composables
  */
-export async function generateUseAsyncDataComposables(inputDir, outputDir, options) {
-    const mainSpinner = p.spinner();
+export async function generateUseAsyncDataComposables(inputDir, outputDir, options, logger = createClackLogger()) {
+    const mainSpinner = logger.spinner();
     // Select parser based on chosen backend
     const getApiFiles = options?.backend === 'heyapi' ? getApiFilesHeyApi : getApiFilesOfficial;
     const parseApiFile = options?.backend === 'heyapi' ? parseApiFileHeyApi : parseApiFileOfficial;
@@ -31,12 +31,12 @@ export async function generateUseAsyncDataComposables(inputDir, outputDir, optio
             allMethods.push(...apiInfo.methods);
         }
         catch (error) {
-            logError(`Error parsing ${fileName}: ${error}`);
+            logger.log.error(`Error parsing ${fileName}: ${String(error)}`);
         }
     }
     mainSpinner.stop(`Found ${allMethods.length} methods to generate`);
     if (allMethods.length === 0) {
-        p.log.warn('No methods found to generate');
+        logger.log.warn('No methods found to generate');
         return;
     }
     // 3. Clean and create output directories
@@ -78,7 +78,7 @@ export async function generateUseAsyncDataComposables(inputDir, outputDir, optio
         // Generate normal version
         try {
             const code = generateComposableFile(method, relativePath, options);
-            const formattedCode = await formatCode(code);
+            const formattedCode = await formatCode(code, logger);
             const composableName = method.composableName.replace(/^useFetch/, 'useAsyncData');
             const fileName = `${composableName}.ts`;
             const filePath = path.join(composablesDir, fileName);
@@ -87,14 +87,14 @@ export async function generateUseAsyncDataComposables(inputDir, outputDir, optio
             successCount++;
         }
         catch (error) {
-            logError(`Error generating ${method.composableName}: ${error}`);
+            logger.log.error(`Error generating ${method.composableName}: ${String(error)}`);
             errorCount++;
         }
         // Generate Raw version if available
         if (method.hasRawMethod && method.rawMethodName) {
             try {
                 const code = generateRawComposableFile(method, relativePath, options);
-                const formattedCode = await formatCode(code);
+                const formattedCode = await formatCode(code, logger);
                 const composableName = `useAsyncData${method.rawMethodName.replace(/Raw$/, '')}Raw`;
                 const fileName = `${composableName}.ts`;
                 const filePath = path.join(composablesDir, fileName);
@@ -103,21 +103,21 @@ export async function generateUseAsyncDataComposables(inputDir, outputDir, optio
                 successCount++;
             }
             catch (error) {
-                logError(`Error generating ${method.composableName} (Raw): ${error}`);
+                logger.log.error(`Error generating ${method.composableName} (Raw): ${String(error)}`);
                 errorCount++;
             }
         }
     }
     // 7. Generate index.ts
     const indexCode = generateIndexFile(generatedComposableNames);
-    const formattedIndex = await formatCode(indexCode);
+    const formattedIndex = await formatCode(indexCode, logger);
     await fs.writeFile(path.join(outputDir, 'index.ts'), formattedIndex, 'utf-8');
     mainSpinner.stop(`Generated ${successCount} composables`);
     // 8. Summary
     if (errorCount > 0) {
-        p.log.warn(`Completed with ${errorCount} error(s)`);
+        logger.log.warn(`Completed with ${errorCount} error(s)`);
     }
-    logSuccess(`Generated ${successCount} useAsyncData composable(s) in ${outputDir}`);
+    logger.log.success(`Generated ${successCount} useAsyncData composable(s) in ${outputDir}`);
 }
 /**
  * Calculate relative import path from composables to APIs
@@ -138,7 +138,7 @@ function calculateRelativeImportPath(composablesDir, inputDir) {
 /**
  * Format code with Prettier
  */
-async function formatCode(code) {
+async function formatCode(code, logger) {
     try {
         return await format(code, {
             parser: 'typescript',
@@ -150,7 +150,7 @@ async function formatCode(code) {
         });
     }
     catch {
-        p.log.warn('Could not format code with Prettier');
+        logger.log.warn('Could not format code with Prettier');
         return code;
     }
 }