Merge pull request #109 from alephjs/__aleph

ije · web-flow · commit c0cbc2a5506b · 2021-01-30T11:01:28.000+08:00
refactor: use div instead of main
diff --git a/framework/react/bootstrap.ts b/framework/react/bootstrap.ts
@@ -57,7 +57,7 @@ export default async function bootstrap({ baseUrl, defaultLocale, locales, route
             pageComponentTree
         }
     )
-    const mountPoint = document.querySelector('main')
+    const mountPoint = document.getElementById('__aleph')
     if (renderMode === 'ssr') {
         hydrate(rootEl, mountPoint)
     } else {
diff --git a/server/project.ts b/server/project.ts
@@ -229,7 +229,7 @@ export class Project {
                 ...this._getPreloadScripts()
             ],
             head: customLoading?.head || [],
-            body: `<main>${customLoading?.body || ''}</main>`,
+            body: `<div id="__aleph">${customLoading?.body || ''}</div>`,
             minify: !this.isDev
         })
         return html

Original file line number	Diff line number	Diff line change
`@@ -57,7 +57,7 @@ export default async function bootstrap({ baseUrl, defaultLocale, locales, route`
`57`	`57`	`pageComponentTree`
`58`	`58`	`}`
`59`	`59`	`)`
`60`		`- const mountPoint = document.querySelector('main')`
	`60`	`+ const mountPoint = document.getElementById('__aleph')`
`61`	`61`	`if (renderMode === 'ssr') {`
`62`	`62`	`hydrate(rootEl, mountPoint)`
`63`	`63`	`} else {`