Atualmente, estou trabalhando em um novo aplicativo Vue.js. Depende muito das chamadas da API ao meu banco de dados back-end.

Para muitas coisas, uso as lojas Vuex porque gerencia dados compartilhados entre meus componentes. Ao olhar para outros projetos Vue no github, vejo um diretório vuex especial com arquivos que lida com todas as ações, estados e assim por diante. Portanto, quando um componente precisa chamar a API, ele inclui o arquivo de ações do diretório vuex.

Mas, por mensagens, por exemplo, não quero usar o Vuex, porque esses dados são importantes apenas para uma visualização específica. Eu quero usar os dados específicos do componente aqui. Mas aqui está o meu problema: ainda preciso consultar minha API. Mas não devo incluir o arquivo de ações Vuex. Portanto, dessa maneira, devo criar um novo arquivo de ações. Dessa forma, tenho um arquivo específico com ações da API para vuex e componentes únicos.

Como devo estruturar isso? Criando um novo diretório 'api' que lida com ações para dados vuex e dados específicos de componentes? Ou separá-lo?