import { defineStore } from "pinia";
import { reactive } from "vue";
import { ref } from 'vue'
import type { FormQueryProject } from "@/modules/15_development/interface/request/Main";
import type { QTableProps } from "quasar";

// store
export const useDevelopmentDataStore = defineStore(
  "developmentDataStore",
  () => {
    const formFilter = reactive<FormQueryProject>({
      year: new Date().getFullYear(),
      keyword: "",
    });

    const visibleColumns = ref<string[]>([]);
    const columns = ref<QTableProps["columns"]>([]);
    const rows = ref<any[]>([])
    return {
      formFilter,
      visibleColumns,
      columns,
      rows,
    };
  }
);