naive-ui/index.html
2021-12-29 02:59:14 +08:00

62 lines
1.6 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1"
/>
<title>Naive UI</title>
<meta name="naive-ui-style" />
<meta name="vueuc-style" />
<link
rel="icon"
type="image/svg+xml"
href="/demo/assets/images/naivelogo.svg"
/>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@docsearch/css@alpha"
/>
<style>
:root {
--docsearch-primary-color: #18a058;
}
</style>
</head>
<body>
<script>
const path = window.location.pathname
const pathLocale = path.startsWith('/en-US')
? 'en-US'
: path.startsWith('/zh-CN')
? 'zh-CN'
: undefined
function deriveTitleFromLocale(locale = navigator.language) {
if (locale === 'zh-CN') {
document.title = 'Naive UI: 一个 Vue 3 组件库'
} else {
document.title = 'Naive UI: A Vue 3 Component Library'
}
}
deriveTitleFromLocale(pathLocale)
</script>
<div id="app"></div>
<div id="search" style="display: none"></div>
<script type="module" src="__INDEX__"></script>
<script
type="text/javascript"
src="https://cdn.jsdelivr.net/npm/@docsearch/js@alpha"
></script>
<script type="text/javascript">
docsearch({
appId: 'BH4D9OD16A',
apiKey: '692b92ecb31aac9ba46d0574b8f8ba81',
indexName: 'naiveui',
container: '#search',
debug: false // Set debug to true if you want to inspect the modal
})
</script>
</body>
</html>