From d0cddf51d33d28a83e34c4f602c72e6b9c9f8484 Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Mon, 31 Oct 2022 23:58:41 +0800
Subject: [PATCH] Fix csf-plugin to load "pre" & async for perf

---
 code/lib/csf-plugin/src/index.ts | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/code/lib/csf-plugin/src/index.ts b/code/lib/csf-plugin/src/index.ts
index 1cd57cd5311..2fbf7bd94cd 100644
--- a/code/lib/csf-plugin/src/index.ts
+++ b/code/lib/csf-plugin/src/index.ts
@@ -1,5 +1,5 @@
 import { createUnplugin } from 'unplugin';
-import fs from 'fs';
+import fs from 'fs/promises';
 import { loadCsf, enrichCsf, formatCsf } from '@storybook/csf-tools';
 
 export interface CsfPluginOptions {
@@ -14,11 +14,12 @@ const logger = console;
 export const unplugin = createUnplugin<CsfPluginOptions>((options) => {
   return {
     name: 'unplugin-csf',
+    enforce: 'pre',
     loadInclude(id) {
       return STORIES_REGEX.test(id);
     },
-    load(fname) {
-      const code = fs.readFileSync(fname, 'utf-8');
+    async load(fname) {
+      const code = await fs.readFile(fname, 'utf-8');
       try {
         const csf = loadCsf(code, { makeTitle: (userTitle) => userTitle || 'default' }).parse();
         enrichCsf(csf);