Selected changes but not has setter

[IvanWala]

Hi I make this switcher with Bootstrap-Vue.

<template>
  <nav>
    <b-form-select
      v-model="$i18n.locale"
      :options="$i18n.locales"
      value-field="code"
      text-field="name"
      @change="onChange"
    >
    </b-form-select>
  </nav>
</template>

PD: I don't know how delete te topic so I edited it with the right version.

[rchl]

Not sure what error are you having. Please create a reproduction test case.

But generally you should be using the $i18n.setLocale API to change the locale since just changing the property won't handle everything (though that should probably be fixed).

[IvanWala]

Hi rchl.

Thanks for your help I achive this wit this code:

<template>
  <nav>
    <b-form-select
      v-model="$i18n.locale"
      :options="$i18n.locales"
      value-field="code"
      text-field="name"
      @change="onChange"
    >
    </b-form-select>
  </nav>
</template>

<script>
export default {
  methods: {
    onChange(locale) {
      this.$i18n.setLocale(locale);
      this.$i18n.setLocaleCookie(locale)
      this.$router.push(this.switchLocalePath(locale));
    },
  }
}
</script>

Thanks a lot for your help.