relatedSearchMixin = {
    props: {
      exids: { type: Array, default: () => [] }
    },

    data() {
      return {
        q: {},
        loading: true,
        results: [],
        visible: false,
        perPage: 10,
        hasMore: false,
        nextCursor: null,
      };
    },

    methods: {
      async performSearch() {
        this.loading = true;

        const requestData = {
          q: [this.q],
          per_page: this.perPage,
          cursor: this.nextCursor,
        };

        try {
          const response = await
  axios.post(`/admin/api/${this.entityType}s/?mode=2`, requestData);
          this.loading = false;

          const excludeIds = this.exids || [];
          const filteredItems = response.data.items.filter((x) =>
  !excludeIds.includes(x.id));
          this.results = [...this.results, ...filteredItems];

          this.hasMore = response.data.meta.hasMore;
          this.nextCursor = response.data.nextCursor || null;
        } catch (err) {
          this.loading = false;
          console.log(err.response?.data);
        }
      },

      reSearch() {
        this.results = [];
        this.nextCursor = null;
        this.performSearch();
      },

      search() {
        this.performSearch();
      },

      reset() {
        this.q = {};
        this.results = [];
        this.nextCursor = null;
        this.hasMore = false;
        this.visible = false;
      }
    }
  };