@batijs/cli 0.0.504 → 0.0.506

package/dist/boilerplates/@batijs/solid/files/pages/todo/TodoList.tsx

@@ -2,9 +2,12 @@ import { onNewTodo } from "@batijs/telefunc/pages/todo/TodoList.telefunc";
 import { trpc } from "@batijs/trpc/trpc/client";
 import { client } from "@batijs/ts-rest/ts-rest/client";
 import { createSignal, For, untrack } from "solid-js";
+import { useData } from "vike-solid/useData";
+import type { Data } from "@batijs/shared-todo/pages/todo/+data";
 
-export function TodoList(props: { initialTodoItems: { text: string }[] }) {
-  const [todoItems, setTodoItems] = createSignal(props.initialTodoItems);
+export function TodoList() {
+  const { todoItemsInitial } = useData<Data>();
+  const [todoItems, setTodoItems] = createSignal<{ text: string }[]>(todoItemsInitial);
   const [newTodo, setNewTodo] = createSignal("");
   return (
     <>
@@ -16,31 +19,24 @@ export function TodoList(props: { initialTodoItems: { text: string }[] }) {
           onSubmit={async (ev) => {
             ev.preventDefault();
 
-            // Optimistic UI update
             setTodoItems((prev) => [...prev, { text: untrack(newTodo) }]);
+            setNewTodo("");
             if (BATI.hasServer) {
-              try {
-                if (BATI.has("telefunc")) {
-                  await onNewTodo({ text: untrack(newTodo) });
-                } else if (BATI.has("trpc")) {
-                  await trpc.onNewTodo.mutate(untrack(newTodo));
-                } else if (BATI.has("ts-rest")) {
-                  await client.createTodo({ body: { text: untrack(newTodo) } });
-                } else {
-                  const response = await fetch("/api/todo/create", {
-                    method: "POST",
-                    body: JSON.stringify({ text: untrack(newTodo) }),
-                    headers: {
-                      "Content-Type": "application/json",
-                    },
-                  });
-                  await response.blob();
-                }
-                setNewTodo("");
-              } catch (e) {
-                console.error(e);
-                // rollback
-                setTodoItems((prev) => prev.slice(0, -1));
+              if (BATI.has("telefunc")) {
+                await onNewTodo({ text: untrack(newTodo) });
+              } else if (BATI.has("trpc")) {
+                await trpc.onNewTodo.mutate(untrack(newTodo));
+              } else if (BATI.has("ts-rest")) {
+                await client.createTodo({ body: { text: untrack(newTodo) } });
+              } else {
+                const response = await fetch("/api/todo/create", {
+                  method: "POST",
+                  body: JSON.stringify({ text: untrack(newTodo) }),
+                  headers: {
+                    "Content-Type": "application/json",
+                  },
+                });
+                await response.blob();
               }
             }
           }}

package/dist/boilerplates/@batijs/solid/types/pages/+onPageTransitionEnd.d.ts

@@ -1,2 +1 @@
-import type { PageContextClient } from "vike/types";
-export declare function onPageTransitionEnd(pageContext: PageContextClient): Promise<void>;
+export declare function onPageTransitionEnd(): Promise<void>;

package/dist/boilerplates/@batijs/solid/types/pages/star-wars/@id/+data.d.ts

@@ -1,4 +1,6 @@
 import type { PageContextServer } from "vike/types";
 import type { MovieDetails } from "../types.js";
 export type Data = Awaited<ReturnType<typeof data>>;
-export declare function data(pageContext: PageContextServer): Promise<MovieDetails>;
+export declare function data(pageContext: PageContextServer): Promise<{
+    movie: MovieDetails;
+}>;

package/dist/boilerplates/@batijs/solid/types/pages/star-wars/index/+data.d.ts

@@ -1,3 +1,5 @@
 import type { Movie } from "../types.js";
 export type Data = Awaited<ReturnType<typeof data>>;
-export declare function data(): Promise<Movie[]>;
+export declare function data(): Promise<{
+    movies: Movie[];
+}>;

package/dist/boilerplates/@batijs/solid/types/pages/todo/TodoList.d.ts

@@ -1,5 +1 @@
-export declare function TodoList(props: {
-    initialTodoItems: {
-        text: string;
-    }[];
-}): import("solid-js").JSX.Element;
+export declare function TodoList(): import("solid-js").JSX.Element;

package/dist/boilerplates/@batijs/solid-sentry/files/$package.json.js

@@ -4,7 +4,7 @@ const require = createRequire_BATI_CLI(import.meta.url);
 
 import {
   WEs
-} from "../../../../chunk-65FUIWXL.js";
+} from "../../../../chunk-2Q4FGVFI.js";
 import "../../../../chunk-IAWYWZSL.js";
 import "../../../../chunk-DHZ7AZKP.js";
 
@@ -51,8 +51,8 @@ var require_package = __commonJS({
       license: "MIT",
       devDependencies: {
         "@batijs/compile": "workspace:*",
-        "@sentry/solid": "^10.23.0",
-        "@types/node": "^20.19.21",
+        "@sentry/solid": "^10.25.0",
+        "@types/node": "^20.19.24",
         "solid-js": "^1.9.10",
         "vike-solid": "^0.7.13",
         vite: "^7.2.2"

package/dist/boilerplates/@batijs/sqlite/files/$.env.js

@@ -4,7 +4,7 @@ const require = createRequire_BATI_CLI(import.meta.url);
 
 import {
   CBs
-} from "../../../../chunk-65FUIWXL.js";
+} from "../../../../chunk-2Q4FGVFI.js";
 import "../../../../chunk-IAWYWZSL.js";
 import "../../../../chunk-DHZ7AZKP.js";
 

package/dist/boilerplates/@batijs/sqlite/files/$TODO.md.js

@@ -4,7 +4,7 @@ const require = createRequire_BATI_CLI(import.meta.url);
 
 import {
   zEs
-} from "../../../../chunk-65FUIWXL.js";
+} from "../../../../chunk-2Q4FGVFI.js";
 import "../../../../chunk-IAWYWZSL.js";
 import "../../../../chunk-DHZ7AZKP.js";
 

package/dist/boilerplates/@batijs/sqlite/files/$package.json.js

@@ -4,7 +4,7 @@ const require = createRequire_BATI_CLI(import.meta.url);
 
 import {
   WEs
-} from "../../../../chunk-65FUIWXL.js";
+} from "../../../../chunk-2Q4FGVFI.js";
 import "../../../../chunk-IAWYWZSL.js";
 import "../../../../chunk-DHZ7AZKP.js";
 
@@ -52,7 +52,7 @@ var require_package = __commonJS({
       devDependencies: {
         "@batijs/compile": "workspace:*",
         "@types/better-sqlite3": "^7.6.13",
-        "@types/node": "^20.19.21",
+        "@types/node": "^20.19.24",
         "better-sqlite3": "^12.4.1",
         dotenv: "^17.2.3",
         tsx: "^4.20.6"

package/dist/boilerplates/@batijs/tailwindcss/files/$package.json.js

@@ -4,7 +4,7 @@ const require = createRequire_BATI_CLI(import.meta.url);
 
 import {
   WEs
-} from "../../../../chunk-65FUIWXL.js";
+} from "../../../../chunk-2Q4FGVFI.js";
 import "../../../../chunk-IAWYWZSL.js";
 import "../../../../chunk-DHZ7AZKP.js";
 
@@ -52,11 +52,11 @@ var require_package = __commonJS({
       devDependencies: {
         "@batijs/compile": "workspace:*",
         "@tailwindcss/vite": "^4.1.17",
-        "@types/node": "^20.19.21",
-        autoprefixer: "^10.4.21",
-        daisyui: "^5.4.7",
+        "@types/node": "^20.19.24",
+        autoprefixer: "^10.4.22",
+        daisyui: "^5.5.0",
         tailwindcss: "^4.1.17",
-        vike: "^0.4.245",
+        vike: "^0.4.246",
         vite: "^7.2.2"
       },
       dependencies: {

package/dist/boilerplates/@batijs/tailwindcss/files/$vite.config.ts.js

@@ -5,7 +5,7 @@ const require = createRequire_BATI_CLI(import.meta.url);
 import {
   JEs,
   Zti
-} from "../../../../chunk-65FUIWXL.js";
+} from "../../../../chunk-2Q4FGVFI.js";
 import "../../../../chunk-IAWYWZSL.js";
 import "../../../../chunk-DHZ7AZKP.js";
 

package/dist/boilerplates/@batijs/telefunc/files/$package.json.js

@@ -4,7 +4,7 @@ const require = createRequire_BATI_CLI(import.meta.url);
 
 import {
   WEs
-} from "../../../../chunk-65FUIWXL.js";
+} from "../../../../chunk-2Q4FGVFI.js";
 import "../../../../chunk-IAWYWZSL.js";
 import "../../../../chunk-DHZ7AZKP.js";
 
@@ -51,11 +51,11 @@ var require_package = __commonJS({
       license: "MIT",
       devDependencies: {
         "@batijs/compile": "workspace:*",
-        "@cloudflare/workers-types": "^4.20251109.0",
-        "@types/node": "^20.19.21",
+        "@cloudflare/workers-types": "^4.20251111.0",
+        "@types/node": "^20.19.24",
         "@universal-middleware/core": "^0.4.13",
-        telefunc: "^0.2.15",
-        vike: "^0.4.245",
+        telefunc: "^0.2.16",
+        vike: "^0.4.246",
         vite: "^7.2.2"
       },
       dependencies: {

package/dist/boilerplates/@batijs/telefunc/files/$vite.config.ts.js

@@ -5,7 +5,7 @@ const require = createRequire_BATI_CLI(import.meta.url);
 import {
   JEs,
   Zti
-} from "../../../../chunk-65FUIWXL.js";
+} from "../../../../chunk-2Q4FGVFI.js";
 import "../../../../chunk-IAWYWZSL.js";
 import "../../../../chunk-DHZ7AZKP.js";
 

package/dist/boilerplates/@batijs/telefunc/files/pages/todo/TodoList.telefunc.ts

@@ -1,4 +1,4 @@
-// We use Telefunc (https://telefunc.com) for data mutations. Being able to use Telefunc for fetching initial data is work-in-progress (https://vike.dev/data-fetching#tools).
+// We use Telefunc (https://telefunc.com) for data mutations.
 
 import * as d1Queries from "@batijs/d1-sqlite/database/d1/queries/todos";
 import * as drizzleQueries from "@batijs/drizzle/database/drizzle/queries/todos";
@@ -16,8 +16,8 @@ export async function onNewTodo({ text }: { text: string }) {
     const context = getContext();
     await d1Queries.insertTodo(context.db, text);
   } else {
-    // NOTE: This to-do list isn't persisted, it's reset when the user navigates away.
-    // Go to https://vike.dev/new and select a Database tool for an example of how to persist the to-do list.
+    // NOTE: This telefunction is only for demonstration — it doesn't actually save changes to a database.
+    // Go to https://vike.dev/new and select a database to scaffold an app with a persisted to-do list.
     console.log(`Received ${text}`);
   }
 }

package/dist/boilerplates/@batijs/trpc/files/$package.json.js

@@ -4,7 +4,7 @@ const require = createRequire_BATI_CLI(import.meta.url);
 
 import {
   WEs
-} from "../../../../chunk-65FUIWXL.js";
+} from "../../../../chunk-2Q4FGVFI.js";
 import "../../../../chunk-IAWYWZSL.js";
 import "../../../../chunk-DHZ7AZKP.js";
 
@@ -51,10 +51,10 @@ var require_package = __commonJS({
       license: "MIT",
       devDependencies: {
         "@batijs/compile": "workspace:*",
-        "@cloudflare/workers-types": "^4.20251109.0",
+        "@cloudflare/workers-types": "^4.20251111.0",
         "@trpc/client": "^11.7.1",
         "@trpc/server": "^11.7.1",
-        "@types/node": "^20.19.21",
+        "@types/node": "^20.19.24",
         "@universal-middleware/core": "^0.4.13",
         vite: "^7.2.2"
       },

package/dist/boilerplates/@batijs/trpc/types/trpc/client.d.ts

@@ -1,10 +1,10 @@
 export declare const trpc: import("@trpc/client").TRPCClient<import("@trpc/server").TRPCBuiltRouter<{
     ctx: object & {
-        db: ReturnType<typeof import("@batijs/sqlite/database/sqlite/db").db>;
+        db: ReturnType<any>;
     } & {
-        db: ReturnType<typeof import("@batijs/drizzle/database/drizzle/db").dbSqlite>;
+        db: ReturnType<any>;
     } & {
-        db: ReturnType<typeof import("@batijs/drizzle/database/drizzle/db").dbD1>;
+        db: ReturnType<any>;
     } & {
         db: import("@cloudflare/workers-types").D1Database;
     };

package/dist/boilerplates/@batijs/ts-rest/files/$package.json.js

@@ -4,7 +4,7 @@ const require = createRequire_BATI_CLI(import.meta.url);
 
 import {
   WEs
-} from "../../../../chunk-65FUIWXL.js";
+} from "../../../../chunk-2Q4FGVFI.js";
 import "../../../../chunk-IAWYWZSL.js";
 import "../../../../chunk-DHZ7AZKP.js";
 
@@ -51,10 +51,10 @@ var require_package = __commonJS({
       license: "MIT",
       devDependencies: {
         "@batijs/compile": "workspace:*",
-        "@cloudflare/workers-types": "^4.20251109.0",
+        "@cloudflare/workers-types": "^4.20251111.0",
         "@ts-rest/core": "^3.52.1",
         "@ts-rest/serverless": "^3.52.1",
-        "@types/node": "^20.19.21",
+        "@types/node": "^20.19.24",
         "@universal-middleware/core": "^0.4.13",
         zod: "^3.25.76"
       },

package/dist/boilerplates/@batijs/vercel/files/$package.json.js

@@ -4,7 +4,7 @@ const require = createRequire_BATI_CLI(import.meta.url);
 
 import {
   WEs
-} from "../../../../chunk-65FUIWXL.js";
+} from "../../../../chunk-2Q4FGVFI.js";
 import "../../../../chunk-IAWYWZSL.js";
 import "../../../../chunk-DHZ7AZKP.js";
 
@@ -51,9 +51,9 @@ var require_package = __commonJS({
       license: "MIT",
       devDependencies: {
         "@batijs/compile": "workspace:*",
-        "@photonjs/vercel": "^0.1.5",
-        "@types/node": "^20.19.21",
-        vike: "^0.4.245",
+        "@photonjs/vercel": "^0.1.7",
+        "@types/node": "^20.19.24",
+        vike: "^0.4.246",
         vite: "^7.2.2"
       },
       dependencies: {

package/dist/boilerplates/@batijs/vercel/files/pages/$+config.ts.js

@@ -4,7 +4,7 @@ const require = createRequire_BATI_CLI(import.meta.url);
 
 import {
   JEs
-} from "../../../../../chunk-65FUIWXL.js";
+} from "../../../../../chunk-2Q4FGVFI.js";
 import "../../../../../chunk-IAWYWZSL.js";
 import "../../../../../chunk-DHZ7AZKP.js";
 

package/dist/boilerplates/@batijs/vue/files/$README.md.js

@@ -4,7 +4,7 @@ const require = createRequire_BATI_CLI(import.meta.url);
 
 import {
   zEs
-} from "../../../../chunk-65FUIWXL.js";
+} from "../../../../chunk-2Q4FGVFI.js";
 import "../../../../chunk-IAWYWZSL.js";
 import "../../../../chunk-DHZ7AZKP.js";
 

package/dist/boilerplates/@batijs/vue/files/$package.json.js

@@ -4,7 +4,7 @@ const require = createRequire_BATI_CLI(import.meta.url);
 
 import {
   WEs
-} from "../../../../chunk-65FUIWXL.js";
+} from "../../../../chunk-2Q4FGVFI.js";
 import "../../../../chunk-IAWYWZSL.js";
 import "../../../../chunk-DHZ7AZKP.js";
 
@@ -52,15 +52,12 @@ var require_package = __commonJS({
       devDependencies: {
         "@batijs/compile": "workspace:*",
         "@batijs/tailwindcss": "workspace:*",
-        "@types/node": "^20.19.21",
+        "@types/node": "^20.19.24",
         "@vitejs/plugin-vue": "^6.0.1",
-        "@vue/compiler-sfc": "^3.5.24",
-        "@vue/server-renderer": "^3.5.24",
         tailwindcss: "^4.1.17",
         typescript: "^5.9.3",
-        "unplugin-vue-markdown": "^29.2.0",
-        vike: "^0.4.245",
-        "vike-photon": "^0.1.14",
+        vike: "^0.4.246",
+        "vike-photon": "^0.1.16",
         "vike-vue": "^0.9.6",
         vite: "^7.2.2",
         vue: "^3.5.24",
@@ -130,15 +127,7 @@ var require_package = __commonJS({
 });
 async function getPackageJson(props) {
   const packageJson = await WEs(props, await Promise.resolve().then(() => __toESM(require_package(), 1)).then((x) => x.default));
-  return packageJson.addDevDependencies(["vite"]).addDependencies([
-    "@vitejs/plugin-vue",
-    "@vue/compiler-sfc",
-    "@vue/server-renderer",
-    "unplugin-vue-markdown",
-    "vike-vue",
-    "vike",
-    "vue"
-  ]).addDependencies(["vue-gtag"], props.meta.BATI.has("google-analytics"));
+  return packageJson.addDevDependencies(["vite", "@vitejs/plugin-vue"]).addDependencies(["vike-vue", "vike", "vue"]).addDependencies(["vue-gtag"], props.meta.BATI.has("google-analytics"));
 }
 export {
   getPackageJson as default

package/dist/boilerplates/@batijs/vue/files/$tsconfig.json.js

@@ -4,15 +4,13 @@ const require = createRequire_BATI_CLI(import.meta.url);
 
 import {
   YEs
-} from "../../../../chunk-65FUIWXL.js";
+} from "../../../../chunk-2Q4FGVFI.js";
 import "../../../../chunk-IAWYWZSL.js";
 import "../../../../chunk-DHZ7AZKP.js";
 
 // ../../boilerplates/vue/dist/files/$tsconfig.json.js
 async function getTsConfig(props) {
   const tsConfig = await YEs(props);
-  tsConfig.compilerOptions.jsx = "react-jsx";
-  tsConfig.compilerOptions.jsxImportSource = "vue";
   return tsConfig;
 }
 export {

package/dist/boilerplates/@batijs/vue/files/$vite.config.ts.js

@@ -5,7 +5,7 @@ const require = createRequire_BATI_CLI(import.meta.url);
 import {
   JEs,
   Zti
-} from "../../../../chunk-65FUIWXL.js";
+} from "../../../../chunk-2Q4FGVFI.js";
 import "../../../../chunk-IAWYWZSL.js";
 import "../../../../chunk-DHZ7AZKP.js";
 
@@ -14,15 +14,7 @@ async function getViteConfig(props) {
   const mod = await JEs(props);
   Zti(mod, {
     from: "@vitejs/plugin-vue",
-    constructor: "vue",
-    options: {
-      include: [/\.vue$/, /\.md$/]
-    }
-  });
-  Zti(mod, {
-    from: "unplugin-vue-markdown/vite",
-    constructor: "md",
-    options: {}
+    constructor: "vue"
   });
   return mod.generate().code;
 }

package/dist/boilerplates/@batijs/vue/files/pages/+onPageTransitionEnd.ts

@@ -1,7 +1,4 @@
-import type { PageContextClient } from "vike/types";
-
-export async function onPageTransitionEnd(pageContext: PageContextClient) {
+export async function onPageTransitionEnd() {
   console.log("Page transition end");
-  console.log("Is backwards navigation?", pageContext.isBackwardNavigation);
   document.body.classList.remove("page-transition");
 }

package/dist/boilerplates/@batijs/vue/files/pages/+onPageTransitionStart.ts

@@ -2,6 +2,6 @@ import type { PageContextClient } from "vike/types";
 
 export async function onPageTransitionStart(pageContext: Partial<PageContextClient>) {
   console.log("Page transition start");
-  console.log("Is backwards navigation?", pageContext.isBackwardNavigation);
+  console.log("pageContext.isBackwardNavigation", pageContext.isBackwardNavigation);
   document.body.classList.add("page-transition");
 }

package/dist/boilerplates/@batijs/vue/files/pages/_error/+Page.vue

@@ -6,8 +6,8 @@
 <script lang="ts" setup>
 import { usePageContext } from "vike-vue/usePageContext";
 
-const ctx = usePageContext();
-let { is404, abortReason } = ctx;
+const pageContext = usePageContext();
+let { is404, abortReason } = pageContext;
 if (!abortReason) {
   abortReason = is404 ? "This page could not be found." : "Something went wrong.";
 }

package/dist/boilerplates/@batijs/vue/files/pages/star-wars/@id/+Page.vue

@@ -11,5 +11,5 @@
 import { useData } from "vike-vue/useData";
 import type { Data } from "./+data.js";
 
-const movie = useData<Data>();
+const { movie } = useData<Data>();
 </script>

package/dist/boilerplates/@batijs/vue/files/pages/star-wars/@id/+data.ts

@@ -22,11 +22,10 @@ export async function data(pageContext: PageContextServer) {
   // the client; we should minimize what is sent over the network.
   movie = minimize(movie);
 
-  return movie;
+  return { movie };
 }
 
 function minimize(movie: MovieDetails): MovieDetails {
   const { id, title, release_date, director, producer } = movie;
-  const minimizedMovie = { id, title, release_date, director, producer };
-  return minimizedMovie;
+  return { id, title, release_date, director, producer };
 }

package/dist/boilerplates/@batijs/vue/files/pages/star-wars/index/+Page.vue

@@ -1,7 +1,7 @@
 <template>
   <h1>Star Wars Movies</h1>
   <ol>
-    <li v-for="item in movies.data" :key="item.id">
+    <li v-for="item in movies" :key="item.id">
       <a :href="'/star-wars/' + item.id">{{ item.title }}</a> ({{ item.release_date }})
     </li>
   </ol>
@@ -12,5 +12,5 @@
 import { useData } from "vike-vue/useData";
 import type { Data } from "./+data.js";
 
-const movies = useData<Data>();
+const { movies } = useData<Data>();
 </script>

package/dist/boilerplates/@batijs/vue/files/pages/star-wars/index/+data.ts

@@ -21,7 +21,7 @@ export async function data() {
   // minimize what is sent over the network.
   const movies = minimize(moviesData);
 
-  return { data: movies };
+  return { movies };
 }
 
 function minimize(movies: MovieDetails[]): Movie[] {

package/dist/boilerplates/@batijs/vue/files/pages/todo/+Page.vue

@@ -1,14 +1,10 @@
 <template>
   <div>
     <h1>To-do List</h1>
-    <TodoList :initial-todo-items="data.todo" />
+    <TodoList />
   </div>
 </template>
 
 <script lang="ts" setup>
-import type { Data } from "@batijs/shared-todo/pages/todo/+data";
-import { useData } from "vike-vue/useData";
 import TodoList from "./TodoList.vue";
-
-const data = useData<Data>();
 </script>

package/dist/boilerplates/@batijs/vue/files/pages/todo/TodoList.vue

@@ -5,8 +5,14 @@
     </li>
     <li>
       <form @submit.prevent="submitNewTodo()">
+        <!-- BATI.has("tailwindcss") -->
         <input v-model="newTodo" type="text" :class="[inputClass]" />
+        <!-- !BATI.has("tailwindcss") -->
+        <input v-model="newTodo" type="text" />
+        <!-- BATI.has("tailwindcss") -->
         <button type="submit" :class="[buttonClass]">Add to-do</button>
+        <!-- !BATI.has("tailwindcss") -->
+        <button type="submit">Add to-do</button>
       </form>
     </li>
   </ul>
@@ -17,48 +23,41 @@ import { onNewTodo } from "@batijs/telefunc/pages/todo/TodoList.telefunc";
 import { trpc } from "@batijs/trpc/trpc/client";
 import { client } from "@batijs/ts-rest/ts-rest/client";
 import { ref } from "vue";
+import { useData } from "vike-vue/useData";
+import type { Data } from "@batijs/shared-todo/pages/todo/+data";
 
-const inputClass = ref(
-  BATI.has("tailwindcss")
-    ? "bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 w-full sm:w-auto p-2 mr-1 mb-1"
-    : "",
-);
-const buttonClass = ref(
-  BATI.has("tailwindcss")
-    ? "text-white bg-blue-700 hover:bg-blue-800 focus:ring-2 focus:outline-hidden focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto p-2"
-    : "",
-);
-
-const props = defineProps<{ initialTodoItems: { text: string }[] }>();
-const todoItems = ref(props.initialTodoItems);
+const { todoItemsInitial } = useData<Data>();
+const todoItems = ref<{ text: string }[]>(todoItemsInitial);
 const newTodo = ref("");
 
+if (BATI.has("tailwindcss")) {
+  const inputClass = ref(
+    "bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 w-full sm:w-auto p-2 mr-1 mb-1",
+  );
+  const buttonClass = ref(
+    "text-white bg-blue-700 hover:bg-blue-800 focus:ring-2 focus:outline-hidden focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto p-2",
+  );
+}
+
 const submitNewTodo = async () => {
-  // Optimistic UI update
   todoItems.value.push({ text: newTodo.value });
+  newTodo.value = "";
   if (BATI.hasServer) {
-    try {
-      if (BATI.has("telefunc")) {
-        await onNewTodo({ text: newTodo.value });
-      } else if (BATI.has("trpc")) {
-        await trpc.onNewTodo.mutate(newTodo.value);
-      } else if (BATI.has("ts-rest")) {
-        await client.createTodo({ body: { text: newTodo.value } });
-      } else {
-        const response = await fetch("/api/todo/create", {
-          method: "POST",
-          body: JSON.stringify({ text: newTodo.value }),
-          headers: {
-            "Content-Type": "application/json",
-          },
-        });
-        await response.blob();
-      }
-      newTodo.value = "";
-    } catch (e) {
-      console.error(e);
-      // rollback
-      todoItems.value.slice(0, -1);
+    if (BATI.has("telefunc")) {
+      await onNewTodo({ text: newTodo.value });
+    } else if (BATI.has("trpc")) {
+      await trpc.onNewTodo.mutate(newTodo.value);
+    } else if (BATI.has("ts-rest")) {
+      await client.createTodo({ body: { text: newTodo.value } });
+    } else {
+      const response = await fetch("/api/todo/create", {
+        method: "POST",
+        body: JSON.stringify({ text: newTodo.value }),
+        headers: {
+          "Content-Type": "application/json",
+        },
+      });
+      await response.blob();
     }
   }
 };

package/dist/boilerplates/@batijs/vue/types/pages/+onPageTransitionEnd.d.ts

@@ -1,2 +1 @@
-import type { PageContextClient } from "vike/types";
-export declare function onPageTransitionEnd(pageContext: PageContextClient): Promise<void>;
+export declare function onPageTransitionEnd(): Promise<void>;