import { StrictMode } from 'react'
import { createRoot, hydrateRoot } from 'react-dom/client'
import { App } from './App'
import { DEFAULT_LOCALE, isLocale } from './i18n'
import './index.css'

// 빌드 때 언어별로 미리 그린 HTML을 같은 언어로 이어받는다. 언어는 <html lang>이 정본이다.
const lang = document.documentElement.lang
const locale = isLocale(lang) ? lang : DEFAULT_LOCALE

const root = document.getElementById('root')!
const app = (
  <StrictMode>
    <App locale={locale} />
  </StrictMode>
)
// 개발 서버(vite dev)는 미리 그린 HTML 이 없으므로 새로 그린다.
if (root.firstElementChild) hydrateRoot(root, app)
else createRoot(root).render(app)