import { ComputedRef, Ref, computed, ref } from 'vue';
import { Table } from './models';

const loading: Ref<boolean> = ref(false);
const tables: Ref<Table[]> = ref([]);
const totalPerQuery: Ref<number> = ref(0);
const totalInDb: Ref<number> = ref(0);
const filterIds: Ref<string[]> = ref([]);
const selectedTable: Ref<Table | null> = ref(null);
const copiedShortcode: Ref<string> = ref('');
const apiKey: Ref<string> = ref('');
const apiKeySaved: Ref<boolean> = ref(false);
const getUserId: ComputedRef<string> = computed(() => {
  return window.userSettings?.uid;
});
const isAdminPage: ComputedRef<boolean> = computed(() => {
  const checkIfAdminPage = document.body.classList.contains('wp-admin');
  if (checkIfAdminPage) {
    return true;
  }
  return false;
});

export default {
  tables,
  totalPerQuery,
  totalInDb,
  filterIds,
  getUserId,
  loading,
  copiedShortcode,
  selectedTable,
  apiKey,
  apiKeySaved,
  isAdminPage,
};