import { reactive, ref } from "vue";

export function createFeedbackStore() {
  const page = ref<any>({ items: [], total: 0, page: 1, perPage: 20 });
  const selected = ref<any | null>(null);
  const filters = reactive({ q: "", status: "", priority: "", page: 1, perPage: 20 });
  const update = reactive({ status: "", priority: "", statusDetail: "", publicReply: "" });
  const commentDraft = reactive({ body: "", internal: true });

  return { page, selected, filters, update, commentDraft };
}