How to setup a locale?

[andreclemente]

What's the equivalent of this with nuxt-echarts?

import` { registerLocale } from 'echarts/core'
import langFR from '@/lang/echarts/langFR.js'
import langPT from '@/lang/echarts/langPT.js'

const locale = $env('APP_I18N_LOCALE').toUpperCase()
    switch (locale) {
      case 'FR':
        registerLocale('FR', langFR)
        break
      case 'PT':
        registerLocale('PT', langPT)
        break
      default:
        break
    }
  })
})

[kingyue737]

Just include what you posted in your source code.

You may also want to set this locale globally for echarts:

// app.vue
<script setup>
provide(INIT_OPTIONS_KEY,{locale})
</script>

[andreclemente]

I fixed the error I was having on the build like this:

import * as echarts from 'echarts'
import langFR from '@/lang/echarts/langFR.js'
import langPT from '@/lang/echarts/langPT.js'

export default defineNuxtPlugin((nuxtApp) => {
  onNuxtReady(() => {
    const { $env } = nuxtApp
    const locale = $env('APP_I18N_LOCALE').toUpperCase()

    switch (locale) {
      case 'FR':
        echarts.registerLocale('FR', langFR)
        break
      case 'PT':
        echarts.registerLocale('PT', langPT)
        break
      default:
        break
    }
  })
})

[kingyue737]

Recommend

import { registerLocale } from 'echarts/core'

instead of

import * as echarts from 'echarts'
echarts.registerLocale()

The second one will include the whole echarts into the bundle.

[andreclemente]

That throws an error when running the app with a build