fix: fixed initializing issues

src/core/index.ts

@@ -7,9 +7,29 @@
  */
 
 import '@v4fire/core/core';
+import { resolveAfterDOMLoaded } from 'core/event';
+
+import initApp from 'core/init';
+import createInitAppSemaphore from 'core/init/semaphore';
+
+export { initApp, createInitAppSemaphore };
 
 //#unless runtime has storybook
-import 'core/init';
+if (SSR) {
+	process.on('unhandledRejection', stderr);
+
+} else {
+	resolveAfterDOMLoaded()
+		.then(() => {
+			const
+				targetToMount = document.querySelector<HTMLElement>('[data-root-component]'),
+				rootComponentName = targetToMount?.getAttribute('data-root-component'),
+				ready = createInitAppSemaphore();
+
+			return initApp(rootComponentName, {targetToMount, ready});
+		})
+
+		.catch(stderr);
+}
 
-export { default as initApp } from 'core/init';
 //#endunless

src/core/init/README.md

@@ -168,15 +168,12 @@ When calling this function from SSR, it is necessary to pass the name of the roo
 and additional parameters can also be passed.
 
 ```typescript
-// Or, import { initApp } from 'core';
-
-import initApp from 'core/init';
-import createSemaphore from 'core/init/semaphore';
+import { initApp, createInitAppSemaphore } from 'core';
 
 import type { ComponentOptions } from 'core/component/engines';
 
 initApp('p-v4-components-demo', {
-  ready: createSemaphore(),
+  ready: createInitAppSemaphore(),
   route: '/user/12345',
 
   setup(rootComponentParams: ComponentOptions) {

src/core/init/index.ts

@@ -12,17 +12,15 @@
  */
 
 import { initGlobalEnv } from 'core/env';
-import { resolveAfterDOMLoaded } from 'core/event';
-
-import createSemaphore from 'core/init/semaphore';
-import type { App, InitAppOptions } from 'core/init/interface';
 
 import initDom from 'core/init/dom';
 import initState from 'core/init/state';
 import initABT from 'core/init/abt';
 import prefetchInit from 'core/init/prefetch';
 import hydratedRouteInit from 'core/init/hydrated-route';
 
+import type { App, InitAppOptions } from 'core/init/interface';
+
 /**
  * Initializes the application
  *
@@ -44,20 +42,3 @@ export default async function initApp(
 	const createApp = await opts.ready('');
 	return createApp(rootComponent, opts);
 }
-
-if (SSR) {
-	process.on('unhandledRejection', stderr);
-
-} else {
-	resolveAfterDOMLoaded()
-		.then(() => {
-			const
-				targetToMount = document.querySelector<HTMLElement>('[data-root-component]'),
-				rootComponentName = targetToMount?.getAttribute('data-root-component'),
-				ready = createSemaphore();
-
-			return initApp(rootComponentName, {targetToMount, ready});
-		})
-
-		.catch(stderr);
-}

src/core/init/semaphore.ts

@@ -29,7 +29,7 @@ import type { InitAppOptions, AppSSR } from 'core/init/interface';
 /**
  * A factory for creating a semaphore over application initialization
  */
-export default function createSemaphore(): (flag: string) => Promise<ReturnType<typeof createAppInitializer>> {
+export default function createInitAppSemaphore(): (flag: string) => Promise<ReturnType<typeof createAppInitializer>> {
 	return createsAsyncSemaphore(createAppInitializer, ...flags);
 }