import { defineStore } from 'pinia';
import { api } from 'boot/axios';
import { IDomainInfo, IDomain } from '../types/DomainTypes';

export const useDomainStore = defineStore('domain', {
  state: () => ({
    userDomains: [] as IDomainInfo[],
  }),
  actions: {
    async loadUserDomains(): Promise<IDomainInfo[]> {
      const resp = await api.get(`api/domain`);
      const domains = resp.data as IDomain[];
      this.userDomains = domains
        .filter(data => data.is_active)
        .map((data) => ({
          id: data.id,
          domainName: data.name,
          kintoneUrl: data.url,
        }));
      return this.userDomains;
    },
  },
});