title: Vue-i18n translation in script part of component not updating when changing lang
body: <p>I have a pretty simple landing page in Vue.js and Bootstrap vue and I managed to get i18n running pretty well on the whole page, however, on the subject part of the contact form I have some options to choose from (with a default value that says "Select one"), that I also want them to be translated. </p>
  
  <pre><code>import i18n from "@/i18n";
  
  export default {
  data() {
  return {
    errors: [],
    form: {
      email: "",
      subject: null,
      message: "",
    },
    subject: [
      { text: i18n.t("contact.subjectoption"), value: null },
      this.$t("contact.subjectoption1"),
      "Business Inquiry",
      "Social Media",
      "Other",
    ],
    msg: "",
    show: true,
  };}}
  </code></pre>
  
  <p>However when I change languages, the whole landing page updates the language but the options do not!</p>
  
  <p>Is there something I missed?</p>
  
  <p>Thanks in advance!</p>