Свойство «forEach» не существует для типа «Только для чтения<Ref<Readonly<любой>>>»

Question

Это проблема при работе с управлением состоянием в vue3 (pinia) aonf с API-интерфейсом композиции в vue 3, после успешного результата запроса (массива) из кодов стран я хочу скопировать все элементы массива кодов стран в массив стран, определенный в состояние, но при использовании методов forEach вместе с несколькими другими методами для клонирования массива я сталкиваюсь с ошибкой «Свойство forEach» не существует для типа «Readonly<Ref<Readonly>>» NB: я использую type script, как решить этот вопрос?

      export const getAllCityAndCountries = defineStore("main", {
  state: () => {
    return {
      countries: [
        {
          code: '880',
          name: 'Bangladesh',
          emoji: '🇧🇩'
        }
      ]
    }
  },
  actions: {
    getCountries() {
      const { result, error } = useQuery(gql`${getCountryCodes}`,
        {
          limit: 250,
          skip: 0
        }

      )
      let countryCodes = useResult(result, null, data => data.getCountryCodes.result.countryCodes)

      countryCodes.forEach(val => this.countries.push(Object.assign({}, val)));
    },

  }

})

Answer 1

useResult возвращает ссылку . Вы можете получить доступ к его значению с помощью countryCodes.value