v-nuxt-ui 0.1.32 → 0.1.34

package/dist/runtime/components/table/permission/TablePermissionConfig.d.vue.ts

@@ -0,0 +1,14 @@
+import type { TablePermission } from '#v/types';
+type __VLS_Props = {
+    permission?: TablePermission;
+    tableId?: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (args_0: boolean) => any;
+    save: (args_0: TablePermission) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: ((args_0: boolean) => any) | undefined;
+    onSave?: ((args_0: TablePermission) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/table/permission/TablePermissionConfig.vue

@@ -0,0 +1,230 @@
+<script setup>
+import { ref, computed, onMounted } from "vue";
+import { useTableApi, useTableColumnApi } from "#v/composables/api";
+import { useToast } from "@nuxt/ui/composables";
+const props = defineProps({
+  permission: { type: Object, required: false },
+  tableId: { type: Number, required: false }
+});
+const emit = defineEmits(["close", "save"]);
+const tableApi = useTableApi();
+const tableColumnApi = useTableColumnApi();
+const tables = ref([]);
+const selectedTableId = ref(props.tableId);
+const selectedTable = ref();
+const mergedColumns = ref([]);
+const canView = ref(false);
+const canEdit = ref(false);
+const columnPermissions = ref([]);
+const loading = ref(false);
+const saving = ref(false);
+const tableItems = computed(() => tables.value.map((t) => ({
+  label: `${t.label} (${t.tblName})`,
+  value: t.id
+})));
+async function fetchTables() {
+  try {
+    loading.value = true;
+    const { data } = await tableApi.list({
+      pagination: { pageNum: 0, pageSize: 0 },
+      orderQuery: [{ field: "label", order: "asc" }]
+    });
+    if (data.value.error) {
+      useToast().add({
+        title: "\u83B7\u53D6 Table \u5217\u8868\u5931\u8D25",
+        description: data.value.error.message,
+        color: "error"
+      });
+      return;
+    }
+    if (data.value.data) {
+      tables.value = data.value.data.list;
+    }
+  } catch (e) {
+    useToast().add({
+      title: "\u83B7\u53D6 Table \u5217\u8868\u5931\u8D25",
+      description: e instanceof Error ? e.message : "\u672A\u77E5\u9519\u8BEF",
+      color: "error"
+    });
+  } finally {
+    loading.value = false;
+  }
+}
+async function fetchMergedColumns(tblName) {
+  try {
+    const { data } = await tableColumnApi.getMergedColumns(tblName);
+    if (data.value.error) {
+      useToast().add({
+        title: "\u83B7\u53D6\u5217\u4FE1\u606F\u5931\u8D25",
+        description: data.value.error.message,
+        color: "error"
+      });
+      return;
+    }
+    if (data.value.data) {
+      mergedColumns.value = data.value.data;
+      initColumnPermissions();
+    }
+  } catch (e) {
+    useToast().add({
+      title: "\u83B7\u53D6\u5217\u4FE1\u606F\u5931\u8D25",
+      description: e instanceof Error ? e.message : "\u672A\u77E5\u9519\u8BEF",
+      color: "error"
+    });
+  }
+}
+function initColumnPermissions() {
+  columnPermissions.value = mergedColumns.value.map((col) => {
+    const existing = props.permission?.columnPermissions?.find(
+      (cp) => cp.columnKey === col.columnKey
+    );
+    return {
+      id: existing?.id ?? 0,
+      tablePermissionId: props.permission?.id ?? 0,
+      columnKey: col.columnKey,
+      canView: existing?.canView ?? col.canView,
+      canEdit: existing?.canEdit ?? col.canEdit
+    };
+  });
+}
+function onTableChange(tableId) {
+  selectedTableId.value = tableId;
+  const table = tables.value.find((t) => t.id === tableId);
+  if (table) {
+    selectedTable.value = table;
+    fetchMergedColumns(table.tblName);
+  }
+}
+async function handleSave() {
+  if (!selectedTableId.value || !selectedTable.value) {
+    useToast().add({
+      title: "\u8BF7\u9009\u62E9 Table",
+      color: "warning"
+    });
+    return;
+  }
+  try {
+    saving.value = true;
+    const result = {
+      id: props.permission?.id ?? 0,
+      name: selectedTable.value.label,
+      tableId: selectedTableId.value,
+      canView: canView.value,
+      canEdit: canEdit.value,
+      columnPermissions: columnPermissions.value
+    };
+    emit("save", result);
+    emit("close", true);
+  } catch (e) {
+    useToast().add({
+      title: "\u4FDD\u5B58\u5931\u8D25",
+      description: e instanceof Error ? e.message : "\u672A\u77E5\u9519\u8BEF",
+      color: "error"
+    });
+  } finally {
+    saving.value = false;
+  }
+}
+function handleClose() {
+  emit("close", false);
+}
+onMounted(async () => {
+  await fetchTables();
+  if (props.tableId) {
+    selectedTableId.value = props.tableId;
+    const table = tables.value.find((t) => t.id === props.tableId);
+    if (table) {
+      selectedTable.value = table;
+      await fetchMergedColumns(table.tblName);
+    }
+  }
+  if (props.permission) {
+    canView.value = props.permission.canView ?? false;
+    canEdit.value = props.permission.canEdit ?? false;
+  }
+});
+</script>
+
+<template>
+  <UModal
+    :title="props.permission ? '\u7F16\u8F91 Table \u6743\u9650' : '\u914D\u7F6E Table \u6743\u9650'"
+    size="xl"
+    :close="{ onClick: handleClose }"
+  >
+    <div class="p-4 space-y-4">
+      <UFormField label="选择 Table" required>
+        <USelect
+          v-model="selectedTableId"
+          :items="tableItems"
+          :loading="loading"
+          placeholder="请选择 Table"
+          class="w-full"
+          @update:model-value="onTableChange"
+        />
+      </UFormField>
+
+      <div v-if="selectedTable" class="space-y-4">
+        <div class="text-sm font-medium">
+          表级权限
+        </div>
+        <div class="flex gap-6">
+          <UCheckbox
+            v-model="canView"
+            label="CanView"
+          />
+          <UCheckbox
+            v-model="canEdit"
+            label="CanEdit"
+          />
+        </div>
+
+        <div class="text-sm font-medium">
+          列级权限
+        </div>
+        <UTable :data="columnPermissions" class="max-h-80">
+          <UTableColumn accessor-key="columnKey" header="列标识">
+            <template #cell="{ row }">
+              <span class="text-sm">
+                {{ mergedColumns.find((c) => c.columnKey === row.original.columnKey)?.label || row.original.columnKey }}
+              </span>
+            </template>
+          </UTableColumn>
+          <UTableColumn accessor-key="columnKey" header="列名">
+            <template #cell="{ row }">
+              <span class="text-dimmed text-xs">
+                {{ row.original.columnKey }}
+              </span>
+            </template>
+          </UTableColumn>
+          <UTableColumn accessor-key="canView" header="CanView">
+            <template #cell="{ row }">
+              <USwitch v-model="row.original.canView" />
+            </template>
+          </UTableColumn>
+          <UTableColumn accessor-key="canEdit" header="CanEdit">
+            <template #cell="{ row }">
+              <USwitch v-model="row.original.canEdit" />
+            </template>
+          </UTableColumn>
+        </UTable>
+      </div>
+    </div>
+
+    <template #footer>
+      <UButton
+        label="取消"
+        color="neutral"
+        variant="subtle"
+        @click="handleClose"
+      />
+      <UButton
+        label="保存"
+        color="primary"
+        variant="solid"
+        :loading="saving"
+        :disabled="!selectedTableId"
+        @click="handleSave"
+      />
+    </template>
+  </UModal>
+</template>

package/dist/runtime/components/table/permission/TablePermissionConfig.vue.d.ts

@@ -0,0 +1,14 @@
+import type { TablePermission } from '#v/types';
+type __VLS_Props = {
+    permission?: TablePermission;
+    tableId?: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (args_0: boolean) => any;
+    save: (args_0: TablePermission) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: ((args_0: boolean) => any) | undefined;
+    onSave?: ((args_0: TablePermission) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/table/permission/TablePermissionTab.d.vue.ts

@@ -0,0 +1,11 @@
+import type { TablePermission } from '#v/types';
+type __VLS_Props = {
+    modelValue: TablePermission[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (args_0: TablePermission[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((args_0: TablePermission[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/table/permission/TablePermissionTab.vue

@@ -0,0 +1,95 @@
+<script setup>
+import { useOverlay, useToast } from "@nuxt/ui/composables";
+import TablePermissionConfig from "./TablePermissionConfig.vue";
+const props = defineProps({
+  modelValue: { type: Array, required: true }
+});
+const emit = defineEmits(["update:modelValue"]);
+const overlay = useOverlay();
+const toast = useToast();
+const tablePermissionConfigModal = overlay.create(TablePermissionConfig);
+function openAddModal() {
+  tablePermissionConfigModal.open({}).result.then((result) => {
+    if (result?.save) {
+      const newPermissions = [...props.modelValue, result.save];
+      emit("update:modelValue", newPermissions);
+    }
+  });
+}
+function openEditModal(permission) {
+  tablePermissionConfigModal.open({ permission }).result.then((result) => {
+    if (result?.save) {
+      const newPermissions = props.modelValue.map(
+        (p) => p.tableId === result.save.tableId ? result.save : p
+      );
+      emit("update:modelValue", newPermissions);
+    }
+  });
+}
+function removePermission(tableId) {
+  toast.add({
+    title: "\u786E\u8BA4\u5220\u9664",
+    description: "\u786E\u5B9A\u8981\u5220\u9664\u8BE5 Table \u6743\u9650\u5417\uFF1F",
+    color: "warning",
+    actions: [
+      { label: "\u53D6\u6D88", variant: "subtle" },
+      {
+        label: "\u5220\u9664",
+        color: "error",
+        onClick: () => {
+          const newPermissions = props.modelValue.filter((p) => p.tableId !== tableId);
+          emit("update:modelValue", newPermissions);
+        }
+      }
+    ]
+  });
+}
+</script>
+
+<template>
+  <div class="space-y-3">
+    <div class="flex justify-end">
+      <UButton
+        label="添加 Table 权限"
+        icon="i-lucide-plus"
+        size="sm"
+        @click="openAddModal"
+      />
+    </div>
+
+    <UTable
+      v-if="props.modelValue.length > 0"
+      :data="props.modelValue"
+      :columns="[
+  { accessorKey: 'name', header: 'Table \u540D\u79F0' },
+  { accessorKey: 'tableId', header: 'Table ID' },
+  { accessorKey: 'canView', header: 'CanView', cell: ({ row: row2 }) => row2.original.canView ? '\u662F' : '\u5426' },
+  { accessorKey: 'canEdit', header: 'CanEdit', cell: ({ row: row2 }) => row2.original.canEdit ? '\u662F' : '\u5426' },
+  { accessorKey: 'columnPermissions', header: '\u5217\u6743\u9650\u6570', cell: ({ row: row2 }) => row2.original.columnPermissions?.length || 0 },
+  { accessorKey: 'actions', header: '\u64CD\u4F5C', cell: ({ row: row2 }) => 'actions' }
+]"
+    >
+      <template #body-cell-actions="{ row }">
+        <div class="flex gap-1">
+          <UButton
+            icon="i-lucide-edit"
+            variant="ghost"
+            size="xs"
+            @click="openEditModal(row.original)"
+          />
+          <UButton
+            icon="i-lucide-trash-2"
+            variant="ghost"
+            size="xs"
+            color="error"
+            @click="removePermission(row.original.tableId)"
+          />
+        </div>
+      </template>
+    </UTable>
+
+    <div v-else class="text-center text-dimmed text-sm py-8">
+      暂无 Table 权限配置
+    </div>
+  </div>
+</template>

package/dist/runtime/components/table/permission/TablePermissionTab.vue.d.ts

@@ -0,0 +1,11 @@
+import type { TablePermission } from '#v/types';
+type __VLS_Props = {
+    modelValue: TablePermission[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (args_0: TablePermission[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((args_0: TablePermission[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/table/settings/TableSettings.d.vue.ts

@@ -0,0 +1,3 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/table/settings/TableSettings.vue

@@ -0,0 +1,118 @@
+<script setup>
+import { useTableColumnPermission } from "#v/composables/table/useTableColumnPermission";
+import UserTableColumnModal from "./UserTableColumnModal.vue";
+import { ref, h, onMounted } from "vue";
+</script>
+
+<script>
+const { tables, fetchTables, fetchMergedColumns, saveUserColumns } = useTableColumnPermission();
+const selectedTable = ref(null);
+const mergedColumns = ref([]);
+const editingColumn = ref(null);
+const showColumnModal = ref(false);
+const saving = ref(false);
+async function onTableSelect(table) {
+  selectedTable.value = table;
+  mergedColumns.value = await fetchMergedColumns(table.tblName ?? "");
+}
+function onEditColumn(column) {
+  editingColumn.value = column;
+  showColumnModal.value = true;
+}
+async function onColumnSave(config) {
+  if (!selectedTable.value) return;
+  saving.value = true;
+  try {
+    await saveUserColumns(selectedTable.value.tblName ?? "", [config]);
+    mergedColumns.value = await fetchMergedColumns(selectedTable.value.tblName ?? "");
+    showColumnModal.value = false;
+  } finally {
+    saving.value = false;
+  }
+}
+const columns = [
+  {
+    accessorKey: "label",
+    header: "\u5217\u540D",
+    cell: ({ row }) => row.original.label
+  },
+  {
+    accessorKey: "columnKey",
+    header: "\u5217\u6807\u8BC6"
+  },
+  {
+    accessorKey: "width",
+    header: "\u5BBD\u5EA6",
+    cell: ({ row }) => row.original.width
+  },
+  {
+    accessorKey: "order",
+    header: "\u987A\u5E8F",
+    cell: ({ row }) => row.original.order
+  },
+  {
+    accessorKey: "fixed",
+    header: "\u56FA\u5B9A",
+    cell: ({ row }) => row.original.fixed || "-"
+  },
+  {
+    accessorKey: "visible",
+    header: "\u53EF\u89C1",
+    cell: ({ row }) => row.original.visible ? "\u662F" : "\u5426"
+  },
+  {
+    accessorKey: "actions",
+    header: "\u64CD\u4F5C",
+    cell: ({ row }) => {
+      if (!row.original.canEdit) return "-";
+      return h("UButton", {
+        size: "sm",
+        variant: "link",
+        label: "\u7F16\u8F91",
+        onClick: () => onEditColumn(row.original)
+      });
+    }
+  }
+];
+onMounted(fetchTables);
+</script>
+
+<template>
+  <div class="flex gap-4 h-full">
+    <div class="w-64 border-r pr-4">
+      <div class="font-bold mb-2">
+        选择 Table
+      </div>
+      <div
+        v-for="table in tables"
+        :key="table.id"
+        class="p-2 cursor-pointer rounded mb-1"
+        :class="{ 'bg-primary text-white': selectedTable?.id === table.id }"
+        @click="onTableSelect(table)"
+      >
+        {{ table.label }} ({{ table.tblName }})
+      </div>
+    </div>
+
+    <div class="flex-1">
+      <template v-if="selectedTable">
+        <div class="font-bold mb-2">
+          列配置 - {{ selectedTable.label }}
+        </div>
+        <UTable :data="mergedColumns" :columns="columns" />
+      </template>
+      <div v-else class="text-dimmed">
+        请选择左侧 Table 查看列配置
+      </div>
+    </div>
+
+    <UserTableColumnModal
+      v-if="editingColumn"
+      v-model:open="showColumnModal"
+      :column="editingColumn"
+      :loading="saving"
+      @save="onColumnSave"
+      @close="showColumnModal = false"
+    />
+  </div>
+</template>

package/dist/runtime/components/table/settings/TableSettings.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/table/settings/UserTableColumnModal.d.vue.ts

@@ -0,0 +1,17 @@
+import type { MergedTableColumn, UserTableColumn } from '#v/types';
+type __VLS_Props = {
+    column: MergedTableColumn;
+    open: boolean;
+    loading?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => any;
+    "update:open": (args_0: boolean) => any;
+    save: (args_0: UserTableColumn) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+    "onUpdate:open"?: ((args_0: boolean) => any) | undefined;
+    onSave?: ((args_0: UserTableColumn) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/table/settings/UserTableColumnModal.vue

@@ -0,0 +1,106 @@
+<script setup>
+import { ref, watch } from "vue";
+import { useAuth } from "#v/composables";
+const { loginUser } = useAuth();
+const props = defineProps({
+  column: { type: Object, required: true },
+  open: { type: Boolean, required: true },
+  loading: { type: Boolean, required: false }
+});
+const emit = defineEmits(["update:open", "close", "save"]);
+const openModel = ref(props.open);
+watch(() => props.open, (val) => {
+  openModel.value = val;
+});
+watch(openModel, (val) => {
+  if (!val) {
+    emit("update:open", false);
+  }
+});
+const width = ref(props.column.width);
+const order = ref(props.column.order);
+const fixed = ref(props.column.fixed ?? "");
+const visible = ref(props.column.visible);
+watch(() => props.open, (isOpen) => {
+  if (isOpen) {
+    width.value = props.column.width;
+    order.value = props.column.order;
+    fixed.value = props.column.fixed ?? "";
+    visible.value = props.column.visible;
+  }
+});
+const fixedOptions = [
+  { label: "\u4E0D\u56FA\u5B9A", value: "" },
+  { label: "\u5DE6\u4FA7\u56FA\u5B9A", value: "left" },
+  { label: "\u53F3\u4FA7\u56FA\u5B9A", value: "right" }
+];
+function handleSave() {
+  emit("save", {
+    id: props.column.tableColumnId,
+    userId: loginUser.value?.id ?? 0,
+    tableColumnId: props.column.tableColumnId ?? 0,
+    width: width.value,
+    order: order.value,
+    fixed: fixed.value,
+    visible: visible.value
+  });
+}
+</script>
+
+<template>
+  <UModal
+    v-model:open="openModel"
+    title="编辑列设置"
+    :close="{ onClick: () => emit('close') }"
+  >
+    <div class="p-4 space-y-4">
+      <div class="text-sm text-dimmed mb-2">
+        列名: {{ column.label }} ({{ column.columnKey }})
+      </div>
+
+      <UFormField label="宽度">
+        <UInputNumber
+          v-model="width"
+          :min="0"
+          class="w-full"
+        />
+      </UFormField>
+
+      <UFormField label="顺序">
+        <UInputNumber
+          v-model="order"
+          :min="0"
+          class="w-full"
+        />
+      </UFormField>
+
+      <UFormField label="固定位置">
+        <USelect
+          v-model="fixed"
+          :items="fixedOptions"
+          class="w-full"
+        />
+      </UFormField>
+
+      <UFormField label="可见">
+        <UCheckbox v-model="visible" label="显示此列" />
+      </UFormField>
+    </div>
+
+    <template #footer>
+      <UButton
+        label="取消"
+        color="neutral"
+        variant="subtle"
+        @click="emit('close')"
+      />
+      <UButton
+        label="保存"
+        color="primary"
+        variant="solid"
+        :loading="loading"
+        @click="handleSave"
+      />
+    </template>
+  </UModal>
+</template>

package/dist/runtime/components/table/settings/UserTableColumnModal.vue.d.ts

@@ -0,0 +1,17 @@
+import type { MergedTableColumn, UserTableColumn } from '#v/types';
+type __VLS_Props = {
+    column: MergedTableColumn;
+    open: boolean;
+    loading?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => any;
+    "update:open": (args_0: boolean) => any;
+    save: (args_0: UserTableColumn) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+    "onUpdate:open"?: ((args_0: boolean) => any) | undefined;
+    onSave?: ((args_0: UserTableColumn) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/composables/api/sys/index.d.ts

@@ -9,3 +9,6 @@ export * from './useMenuApi.js';
 export * from './useRoleApi.js';
 export * from './useRowRecord.js';
 export * from './useUserApi.js';
+export * from '../useTableApi.js';
+export * from '../useTableColumnApi.js';
+export * from '../useTablePermissionApi.js';

package/dist/runtime/composables/api/sys/index.js

@@ -9,3 +9,6 @@ export * from "./useMenuApi.js";
 export * from "./useRoleApi.js";
 export * from "./useRowRecord.js";
 export * from "./useUserApi.js";
+export * from "../useTableApi.js";
+export * from "../useTableColumnApi.js";
+export * from "../useTablePermissionApi.js";

package/dist/runtime/composables/api/useTableApi.d.ts

@@ -0,0 +1,2 @@
+import type { ApiGroup, Table } from '#v/types';
+export declare const useTableApi: () => ApiGroup<Table>;

package/dist/runtime/composables/api/useTableApi.js

@@ -0,0 +1,5 @@
+import { createSharedComposable } from "@vueuse/core";
+import { useApi } from "./useApi.js";
+export const useTableApi = createSharedComposable(() => ({
+  ...useApi("/tables")
+}));