@directus/composables 10.0.7 → 10.1.0

package/dist/use-items.d.ts

@@ -18,11 +18,12 @@ export type UsableItems = {
 };
 export type ComputedQuery = {
     fields: Ref<Query['fields']> | ComputedRef<Query['fields']> | WritableComputedRef<Query['fields']>;
-    alias?: Ref<Query['alias']> | ComputedRef<Query['alias']> | WritableComputedRef<Query['alias']>;
     limit: Ref<Query['limit']> | ComputedRef<Query['limit']> | WritableComputedRef<Query['limit']>;
     sort: Ref<Query['sort']> | ComputedRef<Query['sort']> | WritableComputedRef<Query['sort']>;
     search: Ref<Query['search']> | ComputedRef<Query['search']> | WritableComputedRef<Query['search']>;
     filter: Ref<Query['filter']> | ComputedRef<Query['filter']> | WritableComputedRef<Query['filter']>;
     page: Ref<Query['page']> | WritableComputedRef<Query['page']>;
+    alias?: Ref<Query['alias']> | ComputedRef<Query['alias']> | WritableComputedRef<Query['alias']>;
+    deep?: Ref<Query['deep']> | ComputedRef<Query['deep']> | WritableComputedRef<Query['deep']>;
 };
 export declare function useItems(collection: Ref<string | null>, query: ComputedQuery): UsableItems;

package/dist/use-items.js

@@ -7,7 +7,9 @@ import { useApi } from './use-system.js';
 export function useItems(collection, query) {
     const api = useApi();
     const { primaryKeyField } = useCollection(collection);
-    const { fields, alias, limit, sort, search, filter, page } = query;
+    const { fields, limit, sort, search, filter, page, alias: queryAlias, deep: queryDeep } = query;
+    const alias = queryAlias ?? ref();
+    const deep = queryDeep ?? ref();
     const endpoint = computed(() => {
         if (!collection.value)
             return null;
@@ -32,11 +34,11 @@ export function useItems(collection, query) {
     };
     let loadingTimeout = null;
     const fetchItems = throttle(getItems, 500);
-    watch([collection, limit, sort, search, filter, fields, page], async (after, before) => {
+    watch([collection, limit, sort, search, filter, fields, page, alias, deep], async (after, before) => {
         if (isEqual(after, before))
             return;
-        const [newCollection, newLimit, newSort, newSearch, newFilter, _newFields, _newPage] = after;
-        const [oldCollection, oldLimit, oldSort, oldSearch, oldFilter, _oldFields, _oldPage] = before;
+        const [newCollection, newLimit, newSort, newSearch, newFilter] = after;
+        const [oldCollection, oldLimit, oldSort, oldSearch, oldFilter] = before;
         if (!newCollection || !query)
             return;
         if (newCollection !== oldCollection) {
@@ -104,6 +106,7 @@ export function useItems(collection, query) {
                     page: unref(page),
                     search: unref(search),
                     filter: unref(filter),
+                    deep: unref(deep),
                 },
                 signal: existingRequests.items.signal,
             });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@directus/composables",
-  "version": "10.0.7",
+  "version": "10.1.0",
   "description": "Shared Vue composables for Directus use",
   "homepage": "https://directus.io",
   "repository": {
@@ -26,8 +26,8 @@
     "lodash-es": "4.17.21",
     "nanoid": "4.0.2",
     "vue": "3.3.4",
-    "@directus/constants": "10.2.1",
-    "@directus/utils": "10.0.7"
+    "@directus/constants": "10.2.2",
+    "@directus/utils": "10.0.8"
   },
   "devDependencies": {
     "@types/lodash-es": "4.17.7",
@@ -35,8 +35,8 @@
     "@vue/test-utils": "2.3.2",
     "typescript": "5.0.4",
     "vitest": "0.31.1",
-    "@directus/tsconfig": "0.0.7",
-    "@directus/types": "10.1.2"
+    "@directus/tsconfig": "1.0.0",
+    "@directus/types": "10.1.3"
   },
   "scripts": {
     "build": "tsc --project tsconfig.prod.json",