Вьюпресс Интернационализация

Question

Я сейчас работаю с Vuepress. Но я хочу несколько языков на моем сайте Vuepress. После 3 дней борьбы я решил поставить свой вопрос здесь. (Да, я проверил документацию Vuepress: https://vuepress.vuejs.org/guide/i18n.html#default-theme-i18n-config)

Проблема: в моем конфиге у меня основной язык - голландский. Когда я хочу поставить английский в качестве локали. Моя навигация не будет обновляться. Вот мой конфиг:

module.exports = {
    title: 'Portfolio Bjorn',
    description: ' ',
    themeConfig: {
        nav: [
            { text: 'Over mij', link: '/overmij.html'},
            { text: 'Portolfio', link: '/portfolio/'},
            { text: 'Contact', link: '/contact.html'},
            {
                text: 'Languages',
                items: [
                  { text: 'Dutch', link: '/' },
                  { text: 'English', link: '/english/' }
                ]
            } 
        ],
        sidebar: {
            '/portfolio/': [
                '',
                'school',
                'zelfgemaakt'

            ]
        },
        locales: {

            '/english': {
            lang: 'en-Us',
            nav: [
            { text: 'About', link: '/about.html'},
            { text: 'Portfolio', link: '/portfolio_en/'},
            { text: 'Contact', link: '/contact_en.html'},
            ]   
            }
        }

    }
}

У меня также есть изображение структуры моей папки:

Надеюсь, кто-то знает ответ на этот вопрос, чтобы я мог продолжить.

С уважением

Answer 1

Я предполагаю, что вы используете тему по умолчанию.

Вы допустили простую ошибку в вашей конфигурации - вы поместили общие параметры locale в свой themeConfig.

Вместо этого вам нужно определить локаль для сайта в целом, а затем вы также можете определить локализованные данные, специфичные для вашей конфигурации темы.

Ваш конфиг должен выглядеть так:

module.exports = {

  locales: {
    /* This is where you place your general locale config */
    '/': {
      lang: 'nl-NL',
    },
    '/en/': {
      lang: 'en-US',
      title: 'english title of the website'
    }
  },


  themeConfig: {
    locales: {
      /* This is where you place your theme specific, localized data */
      '/': {
        nav: [/* dutch nav */]
      },
      '/en/': {
        nav: [/* english nav */]
      },
    }
  }
}

Answer 2

Я считаю, что вам нужно установить базовый языковой стандарт и установить значения по умолчанию, а не стандартный способ, который вы делаете выше, например:

module.exports = {
    title: 'Portfolio Bjorn',
    description: ' ',
    themeConfig: {
        locales: {
            '/': {
                label: 'Dutch',
                nav: [
                    { text: 'Over mij', link: '/overmij.html'},
                    { text: 'Portolfio', link: '/portfolio/'},
                    { text: 'Contact', link: '/contact.html'},
                ]
            },
            '/english': {
                label: 'English',
                nav: [
                    { text: 'About', link: '/about.html'},
                    { text: 'Portfolio', link: '/portfolio_en/'},
                    { text: 'Contact', link: '/contact_en.html'},
                ]   
            }
        }
    }
}

Вам также не нужно определять выпадающий язык в навигационной панели, я думаю, он автоматически срабатывает при установке нескольких языков