@directus/composables 11.4.1 → 11.5.0-rc.0

package/dist/index.d.ts

@@ -403,8 +403,8 @@ type UsableItems = {
   error: Ref<any>;
   changeManualSort: (data: ManualSortData) => Promise<void>;
   getItems: () => Promise<void>;
-  getTotalCount: () => Promise<void>;
-  getItemCount: () => Promise<void>;
+  getTotalCount: (force?: boolean) => Promise<void>;
+  getItemCount: (force?: boolean) => Promise<void>;
 };
 type ComputedQuery = {
   fields: Ref<Query['fields']> | ComputedRef<Query['fields']> | WritableComputedRef<Query['fields']>;
@@ -417,6 +417,7 @@ type ComputedQuery = {
   filterSystem?: Ref<Query['filter']> | ComputedRef<Query['filter']> | WritableComputedRef<Query['filter']>;
   alias?: Ref<Query['alias']> | ComputedRef<Query['alias']> | WritableComputedRef<Query['alias']>;
   deep?: Ref<Query['deep']> | ComputedRef<Query['deep']> | WritableComputedRef<Query['deep']>;
+  version?: Ref<Query['version']> | ComputedRef<Query['version']> | WritableComputedRef<Query['version']>;
 };
 declare function useItems(collection: Ref<string | null>, query: ComputedQuery): UsableItems;
 //#endregion

package/dist/index.js

@@ -869,7 +869,7 @@ function useGroupableParent(state = {}, options = {}, group = "item-group") {
 function useItems(collection, query) {
 	const api = useApi();
 	const { primaryKeyField } = useCollection(collection);
-	const { fields, limit, sort, search, filter, page, filterSystem, alias, deep } = query;
+	const { fields, limit, sort, search, filter, page, filterSystem, alias, deep, version } = query;
 	const endpoint = computed(() => {
 		if (!collection.value) return null;
 		return getEndpoint(collection.value);
@@ -904,7 +904,7 @@ function useItems(collection, query) {
 		return JSON.stringify(key);
 	} });
 	const fetchItems = throttle((shouldUpdateCount) => {
-		Promise.all([getItems(), shouldUpdateCount ? getItemCount() : Promise.resolve()]);
+		Promise.all([getItems(), shouldUpdateCount && !unref(version) ? getItemCount() : Promise.resolve()]);
 	}, 500);
 	watch([
 		collection,
@@ -912,27 +912,32 @@ function useItems(collection, query) {
 		sort,
 		search,
 		filter,
+		toRef(version),
 		fields,
 		page,
 		toRef(alias),
 		toRef(deep)
 	], async (after, before) => {
 		if (isEqual(after, before)) return;
-		const [newCollection, newLimit, newSort, newSearch, newFilter] = after;
-		const [oldCollection, oldLimit, oldSort, oldSearch, oldFilter] = before;
+		const [newCollection, newLimit, newSort, newSearch, newFilter, newVersion] = after;
+		const [oldCollection, oldLimit, oldSort, oldSearch, oldFilter, oldVersion] = before;
 		if (!newCollection || !query) return;
 		if (newCollection !== oldCollection) reset();
 		if (!isEqual(newFilter, oldFilter) || !isEqual(newSort, oldSort) || newLimit !== oldLimit || newSearch !== oldSearch) {
 			if (oldCollection) page.value = 1;
 		}
-		fetchItems(newCollection !== oldCollection || !isEqual(newFilter, oldFilter) || newSearch !== oldSearch);
+		fetchItems(newCollection !== oldCollection || !isEqual(newFilter, oldFilter) || newSearch !== oldSearch || !isEqual(newVersion, oldVersion));
 	}, {
 		deep: true,
 		immediate: true
 	});
-	watch([collection, toRef(filterSystem)], async (after, before) => {
+	watch([
+		collection,
+		toRef(filterSystem),
+		toRef(version)
+	], async (after, before) => {
 		if (isEqual(after, before)) return;
-		getTotalCount();
+		if (!unref(version)) getTotalCount();
 	}, {
 		deep: true,
 		immediate: true
@@ -973,7 +978,8 @@ function useItems(collection, query) {
 					page: unref(page),
 					search: unref(search),
 					filter: unref(filter),
-					deep: unref(deep)
+					deep: unref(deep),
+					version: unref(version)
 				},
 				signal: itemsAbort.signal
 			})).data.data;
@@ -993,6 +999,10 @@ function useItems(collection, query) {
 				$thumbnail: file
 			}));
 			items.value = fetchedItems;
+			if (unref(version)) {
+				itemCount.value = fetchedItems.length;
+				totalCount.value = fetchedItems.length;
+			}
 			if (page && fetchedItems.length === 0 && page?.value !== 1) page.value = 1;
 		} catch (err) {
 			if (axios.isCancel(err)) isCurrentRequestCanceled = true;
@@ -1011,6 +1021,7 @@ function useItems(collection, query) {
 		itemCount.value = null;
 	}
 	async function changeManualSort({ item, to }) {
+		if (unref(version)) return;
 		const pk = primaryKeyField.value?.field;
 		if (!pk) return;
 		const fromIndex = items.value.findIndex((existing) => existing[pk] === item);
@@ -1022,23 +1033,23 @@ function useItems(collection, query) {
 			to
 		});
 	}
-	async function getTotalCount() {
+	async function getTotalCount(force = false) {
 		if (!endpoint.value) return;
 		const currentGeneration = ++totalCountGeneration;
 		try {
-			const count = await fetchAggregate(endpoint.value, filterSystem?.value, void 0);
+			const count = await (force ? fetchAggregate.load : fetchAggregate)(endpoint.value, filterSystem?.value, void 0);
 			if (currentGeneration !== totalCountGeneration) return;
 			totalCount.value = count;
 		} catch (err) {
 			if (!axios.isCancel(err)) throw err;
 		}
 	}
-	async function getItemCount() {
+	async function getItemCount(force = false) {
 		if (!endpoint.value) return;
 		const currentGeneration = ++itemCountGeneration;
 		loadingItemCount.value = true;
 		try {
-			const count = await fetchAggregate(endpoint.value, filter.value, search.value);
+			const count = await (force ? fetchAggregate.load : fetchAggregate)(endpoint.value, filter.value, search.value);
 			if (currentGeneration !== itemCountGeneration) return;
 			itemCount.value = count;
 		} catch (err) {
@@ -1176,8 +1187,7 @@ function createLayoutWrapper(layout) {
 		setup(props, { emit }) {
 			const state = reactive({
 				...layout.setup(props, { emit }),
-				...toRefs(props),
-				sidebarShadow: layout.sidebarShadow ?? false
+				...toRefs(props)
 			});
 			for (const key in state) state[`onUpdate:${key}`] = (value) => {
 				if (isWritableProp(key)) emit(`update:${key}`, value);

package/license

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright 2025 Monospace, Inc.
+Copyright 2026 Monospace, Inc.
 
 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
 documentation files (the “Software”), to deal in the Software without restriction, including without limitation the

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@directus/composables",
-  "version": "11.4.1",
+  "version": "11.5.0-rc.0",
   "description": "Shared Vue composables for Directus use",
-  "homepage": "https://directus.io",
+  "homepage": "https://directus.com",
   "repository": {
     "type": "git",
     "url": "https://github.com/directus/directus.git",
@@ -23,11 +23,11 @@
   ],
   "dependencies": {
     "@vueuse/core": "14.0.0",
-    "axios": "1.15.0",
+    "axios": "1.16.1",
     "lodash-es": "4.18.1",
     "nanoid": "5.1.6",
-    "@directus/constants": "14.3.0",
-    "@directus/utils": "13.4.1"
+    "@directus/constants": "14.4.0-rc.0",
+    "@directus/utils": "13.5.0-rc.0"
   },
   "devDependencies": {
     "@directus/tsconfig": "4.0.0",
@@ -38,9 +38,9 @@
     "typescript": "5.9.3",
     "vitest": "3.2.4",
     "vue": "3.5.24",
-    "@directus/extensions": "3.0.25",
-    "@directus/types": "15.0.3",
-    "@directus/sdk": "21.3.0"
+    "@directus/sdk": "22.0.0-rc.0",
+    "@directus/extensions": "4.0.0-rc.0",
+    "@directus/types": "16.0.0-rc.0"
   },
   "peerDependencies": {
     "vue": "3.5.24"

package/readme.md

@@ -6,7 +6,7 @@ Shared Vue composables for Directus use
 
 This package provides shared Vue composables for use within Directus, an open-source headless CMS.
 
-For more information about Directus, visit the [official website](https://directus.io).
+For more information about Directus, visit the [official website](https://directus.com).
 
 ## Installation
 
@@ -21,5 +21,5 @@ This package is licensed under the MIT License. See the
 
 ## Additional Resources
 
-- [Directus Website](https://directus.io)
+- [Directus Website](https://directus.com)
 - [Directus GitHub Repository](https://github.com/directus/directus)