Naive UI OS Theme

https://www.naiveui.com/en-US/os-theme/docs

Admin

Naive UI OS Theme enables Naive UI components to automatically adapt their appearance based on the...

Tokens:358

Snippets:21

Trust Score:9.2

Update:1 year ago

Show doc for...

Tokens:

Raw

### Derive Page Title from Locale (JavaScript)

Source: https://www.naiveui.com/en-US/os-theme/docs/import-on-demand

This script determines the page's locale based on the URL path and sets the document's title accordingly. It prioritizes 'en-US' and 'zh-CN' locales. If no specific locale is found, it defaults to the browser's navigator language.

```javascript
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)
```

--------------------------------

### Derive Page Title from Locale - JavaScript

Source: https://www.naiveui.com/en-US/os-theme/docs/controlled-uncontrolled

This JavaScript function derives the page title based on the provided locale. It checks if the locale is 'zh-CN' and sets the title accordingly. It uses the browser's navigator.language as a fallback.

```javascript
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)
```

Tokens:

Raw