title: How to render dynamic translations in NuxtI18n?
body: <p>I want to render list based on translations of 2 languages , one list for Arabic and one for English how can I do it?</p>
  <pre><code>&lt;i18n lang=&quot;json5&quot;&gt;
  en:{
  
  },
  ar:{
  }
  &lt;/i18n&gt;
  </code></pre>
  <p>I want to use these lists eg</p>
  <pre><code>  englishNameList: [
        { name: '', id: 1 },
        { name: '', id: 2 },
        { name: '', id: 3 },
        { name: '', id: 4 },
        { name: '', id: 5 },
      ],
  
    arabicNameList: [
        { name: '', id: 1 },
        { name: '', id: 2 },
        { name: '', id: 3 },
        { name: '', id: 4 },
        { name: '', id: 5 },
      ],
  </code></pre>
  <p>I want to add these list into i18n json5 so It could be rendered into v-autocomplete</p>
  <pre><code> &lt;v-autocomplete
              ref=&quot;selectedJob&quot;
              v-model=&quot;selectedJob&quot;
              :rules=&quot;[requiredRule]&quot;
              :dense=&quot;$vuetify.breakpoint.mobile&quot;
              outlined
              color=&quot;black&quot;
              :items=&quot;englishNameList&quot;
              item-text=&quot;name&quot;
              item-value=&quot;id&quot;
             
            &gt;
        
            &lt;/v-autocomplete&gt;
  </code></pre>
  <p>I want pass data to :items based on translations from i18n json5?
  How can I do it?</p>
  <p>Thanks</p>