更改浏览器的语言不会影响vue-i18n的显示值

Question

main.js：

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import './registerServiceWorker'
import store from "./utils/store";
import VueI18n from 'vue-i18n';
import translations from './translations';

Vue.config.productionTip = false;

Vue.use(VueI18n);
export const i18n = new VueI18n({
    locale: navigator.language,
    fallbackLocale: 'en',
    messages: translations
});

new Vue({
    router,
    store,
    i18n,
    render: h => h(App)
}).$mount('#app');

translations / index.js：

import ru from './ru';
import en from './en';

export default {
    ru, en
};

模板：

<template>
    <i :class="link.icon"/>
    <span class="nav-link-text">{{ $t('some.path.here') }}</span>
</template>

尽管在首选项中将语言设置为主要语言（我知道如何设置它-我以前使用过React的i18n）-vue仅显示英语语言环境中的字符串。如何设置使用浏览器的主要语言作为主要语言？