Estou tendo do seguinte problema, alguem sabe como resolver?
Estou tendo do seguinte problema, alguem sabe como resolver?
Esse erro acontece porque o TypeScript não consegue inferir o tipo correto para a propriedade categorias. Ele está assumindo o tipo never[], que significa que o array não pode conter nenhum tipo de valor.
1 - Defina o tipo explicitamente:
→ No objeto retornado pelo data(), declare o tipo da propriedade categorias corretamente:
<script lang="ts">
import { obterCategorias } from '@/http/index';
export default {
data() {
return {
categorias: [] as { nome: string; ingredientes: string[]; rotulo: string }[]
};
},
async mounted() {
this.categorias = await obterCategorias();
}
};
</script>
**2 - Tipar a resposta da API (opcional, mas recomendado): **
→ Se obterCategorias() já retorna um array tipado, crie uma interface para melhorar a tipagem:
interface Categoria {
nome: string;
ingredientes: string[];
rotulo: string;
}
3 - E no data():
categorias: [] as Categoria[]
3 - Confirme que obterCategorias() retorna o tipo esperado:
→ Certifique-se que a função obterCategorias() realmente retorna o tipo correto, ou ajuste a tipagem dela.
Espero tê-lo ajudado, bons estudos!
Vlw! Acabei resolvendo de outra forma mas obrigado!