17 lines
749 B
JavaScript
17 lines
749 B
JavaScript
import { createSSRApp, createApp } from 'vue';
|
|
import App from './App.vue';
|
|
import { createAppRouter } from './router';
|
|
|
|
// 서버(사전 렌더링)와 브라우저가 공유하는 앱 팩토리
|
|
export function createPickApp({ ssr = false } = {}) {
|
|
const isBrowser = !ssr && typeof window !== 'undefined';
|
|
// 브라우저에서 #app 내에 사전 렌더링된 실제 DOM 요소가 있을 때만 hydrate(createSSRApp), 없으면 클린 마운트(createApp)
|
|
const hasSsrMarkup = isBrowser && !!document.querySelector('#app')?.firstElementChild;
|
|
const shouldUseSSR = ssr || hasSsrMarkup;
|
|
|
|
const app = shouldUseSSR ? createSSRApp(App) : createApp(App);
|
|
const router = createAppRouter({ ssr });
|
|
app.use(router);
|
|
return { app, router };
|
|
}
|