How to listen for changes in the script

[Yanren1225]

I get the language data in the script like this

<script setup lang="ts">
import { useI18n } from 'vue-i18n'
import { ref } from 'vue'

const { t } = useI18n()

const featureList = [
  [t('main.solution.feature.1')],
  [t('main.solution.feature.2'), t('main.solution.feature.3')],
  [
    t('main.solution.feature.4'),
    t('main.solution.feature.5'),
    t('main.solution.feature.6'),
  ],
  [t('main.solution.feature.7'), t('main.solution.feature.8')],
]
</script>

After that I will use v-for in the template to do something, But the problem is that this part doesn't change after switching Locale, so all I can think of is to listen to the locale in watch and reassign it. Anyone have a better idea?

[Yanren1225]

<script setup lang="ts">
import { useI18n } from 'vue-i18n'
import { ref, watch, watchEffect } from 'vue'

const { t, locale } = useI18n()

const featureList = ref([
  [t('main.solution.feature.1')],
  [t('main.solution.feature.2'), t('main.solution.feature.3')],
  [
    t('main.solution.feature.4'),
    t('main.solution.feature.5'),
    t('main.solution.feature.6'),
  ],
  [t('main.solution.feature.7'), t('main.solution.feature.8')],
])

watch(locale, () => {
  featureList.value = [
    [t('main.solution.feature.1')],
    [t('main.solution.feature.2'), t('main.solution.feature.3')],
    [
      t('main.solution.feature.4'),
      t('main.solution.feature.5'),
      t('main.solution.feature.6'),
    ],
    [t('main.solution.feature.7'), t('main.solution.feature.8')],
  ]
})
</script>

I can only think of this