vue.js - How to use Pug Arrays with Vue?

Question

I need to switch arrays of pug when the location changes, but I can't figure out how to use that.

Pug Arrays:

<template lang="pug">
-
  var activityListRu = [
      {
        i: 'account-switch', 
        t: '1'
      },
      {
        i: 'account-search', 
        t: '2'
      },
      {
        i: 'account-star',
        t: '3'
      }
  ]

-
  var activityListEn = [
      {
        i: 'account-switch', 
        t: '4'
      },
      {
        i: 'account-search', 
        t: '5'
      },
      {
        i: 'account-star',
        t: '6'
      }
  ];

Not working:

v-row.d-none.d-sm-flex.mb-4
  each card in this.$root.$i18n.locale === "ru" ? activityListRu : activityListEn
    v-col(cols='12', sm='4')
      etc.

I wanted to write this using a method, but I also don't know how to correctly point to a pug:

v-row.d-none.d-sm-flex.mb-4
  each card in activityListLocale()
    v-col(cols='12', sm='4')
      etc.


  methods: {
    activityListLocale() {
      if (this.$root.$i18n.locale === 'ru') {
        return activityListRu
      } else if (this.$root.$i18n.locale === 'en') {
        return activityListEn
      }
    },
  },

question from:https://stackoverflow.com/questions/65682052/how-to-use-pug-arrays-with-vue

Answer 1

Waitting for answers