@vc-shell/create-vc-app 2.5.0-pr338.ea22f20 → 2.5.0-pr340.cb4c9dd

package/dist/index.js

@@ -8,7 +8,7 @@ import P from "prompts";
 import i from "node:fs";
 import R from "ejs";
 import _ from "prettier";
-const q = "2.5.0-pr338.ea22f20", W = {
+const q = "2.5.0-pr340.cb4c9dd", W = {
   version: q
 };
 function v(e) {

package/dist/templates/module/composables/useList.ts.ejs

@@ -1,5 +1,5 @@
 import { ref, type Ref } from "vue";
-import { useAsync, useLoading } from "@vc-shell/framework";
+import { useAsync, useLatestRequest, useLoading } from "@vc-shell/framework";
 
 export interface <%- ModuleNamePascalCase %>ListQuery {
   keyword?: string;
@@ -12,15 +12,24 @@ export default function use<%- ModuleNamePascalCase %>List() {
   const data: Ref<Record<string, any>[]> = ref([]);
   const totalCount = ref(0);
 
+  // The list page searches as you type. A slow answer to an earlier keyword can
+  // arrive after a newer one, so route the call through `search.latest`: it
+  // hands back `undefined` once a newer search has started.
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- used by the TODO API call below
+  const search = useLatestRequest();
+
   // eslint-disable-next-line @typescript-eslint/no-unused-vars -- used by the TODO API call below
   const { loading: itemsLoading, action: getItems } = useAsync<<%- ModuleNamePascalCase %>ListQuery>(async (query) => {
     // TODO: Replace with real API call
-    // const result = await apiClient.search({
-    //   keyword: query?.keyword,
-    //   sort: query?.sort,
-    //   skip: query?.skip ?? 0,
-    //   take: query?.take ?? 20,
-    // });
+    // const result = await search.latest(
+    //   apiClient.search({
+    //     keyword: query?.keyword,
+    //     sort: query?.sort,
+    //     skip: query?.skip ?? 0,
+    //     take: query?.take ?? 20,
+    //   }),
+    // );
+    // if (!result) return; // a newer search superseded this one
     // data.value = result.results ?? [];
     // totalCount.value = result.totalCount ?? 0;
   });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vc-shell/create-vc-app",
   "description": "Application scaffolding",
-  "version": "2.5.0-pr338.ea22f20",
+  "version": "2.5.0-pr340.cb4c9dd",
   "type": "module",
   "bin": "./dist/index.js",
   "files": [
@@ -16,7 +16,7 @@
   "devDependencies": {
     "@types/ejs": "^3.1.5",
     "@types/prompts": "^2.4.4",
-    "@vc-shell/ts-config": "2.5.0-pr338.ea22f20",
+    "@vc-shell/ts-config": "2.5.0-pr340.cb4c9dd",
     "copyfiles": "^2.4.1",
     "cross-env": "^7.0.3",
     "shx": "^0.3.4",