@batijs/cli 0.0.505 → 0.0.507

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-PSSZWHMN.js";
+} from "../../../../chunk-O6UZH2O7.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/index/+Page.vue

@@ -1,9 +1,6 @@
 <template>
-  <!-- BATI.has("tailwindcss") -->
-  <h1 class="font-bold text-3xl pb-4">My Vike app</h1>
-  <!-- !BATI.has("tailwindcss") -->
   <h1>My Vike app</h1>
-  This page is:
+  <p>This page is:</p>
   <ul>
     <li>Rendered to HTML.</li>
     <li>Interactive. <Counter /></li>

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()">
-        <input v-model="newTodo" type="text" :class="[inputClass]" />
-        <button type="submit" :class="[buttonClass]">Add to-do</button>
+        <!-- BATI.has("tailwindcss") -->
+        <input v-model="newTodo" type="text" class="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" />
+        <!-- !BATI.has("tailwindcss") -->
+        <input v-model="newTodo" type="text" />
+        <!-- BATI.has("tailwindcss") -->
+        <button type="submit" class="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">Add to-do</button>
+        <!-- !BATI.has("tailwindcss") -->
+        <button type="submit">Add to-do</button>
       </form>
     </li>
   </ul>
@@ -17,48 +23,32 @@ 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("");
 
 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>;

package/dist/boilerplates/@batijs/vue/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/vue/types/pages/star-wars/index/+data.d.ts

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

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

@@ -4,7 +4,7 @@ const require = createRequire_BATI_CLI(import.meta.url);
 
 import {
   WEs
-} from "../../../../chunk-PSSZWHMN.js";
+} from "../../../../chunk-O6UZH2O7.js";
 import "../../../../chunk-IAWYWZSL.js";
 import "../../../../chunk-DHZ7AZKP.js";
 

package/dist/{chunk-PSSZWHMN.js → chunk-O6UZH2O7.js}

@@ -210439,7 +210439,7 @@ async function ufs(t2, e, n2) {
   }
   return !e.BATI.has("eslint") && R$r.test(c) && (c = c.replace(R$r, ""), f = true), !e.BATI.has("biome") && j$r.test(c) && (c = c.replace(j$r, ""), f = true), { code: f ? await Pit(c, n2) : c, context: p2 };
 }
-var wxt = { name: "@batijs/core", version: "0.0.505", description: "", type: "module", types: "./dist/index.d.ts", scripts: { "check-types": "tsc --noEmit", vue: "tsx src/parse/linters/vue.ts", test: "vitest run", "test:ci": "vitest run", build: "tsup" }, keywords: [], author: "Jo\xEBl Charles <joel.charles91@gmail.com>", repository: "https://github.com/vikejs/bati", license: "MIT", devDependencies: { "@batijs/features": "workspace:*", "@types/eslint": "^9.6.1", "@types/estree": "^1.0.8", "@types/node": "^20.19.24", "@types/which": "^3.0.4", "@typescript-eslint/parser": "^8.46.4", "@typescript-eslint/utils": "^8.46.4", "attributes-parser": "^2.2.3", colorette: "^2.0.20", esbuild: "^0.27.0", eslint: "^9.39.1", "eslint-plugin-solid": "^0.14.5", "eslint-rule-composer": "^0.3.0", espree: "^10.4.0", magicast: "^0.5.1", "mdast-builder": "^1.1.1", "mdast-util-from-markdown": "^2.0.2", "mdast-util-to-markdown": "^2.1.2", "mdast-util-to-string": "^4.0.0", "mdast-util-toc": "^7.1.0", prettier: "^3.6.2", squirrelly: "^9.1.0", tsup: "^8.5.0", tsx: "^4.20.6", typescript: "^5.9.3", "unplugin-purge-polyfills": "^0.1.0", vitest: "^4.0.8", "vue-eslint-parser": "^10.2.0", which: "^6.0.0", yaml: "^2.8.1" }, exports: { ".": "./dist/index.js", "./types": { types: "./global.d.ts" } }, typesVersions: { "*": { types: ["./global.d.ts"] } }, files: ["dist/"] };
+var wxt = { name: "@batijs/core", version: "0.0.507", description: "", type: "module", types: "./dist/index.d.ts", scripts: { "check-types": "tsc --noEmit", vue: "tsx src/parse/linters/vue.ts", test: "vitest run", "test:ci": "vitest run", build: "tsup" }, keywords: [], author: "Jo\xEBl Charles <joel.charles91@gmail.com>", repository: "https://github.com/vikejs/bati", license: "MIT", devDependencies: { "@batijs/features": "workspace:*", "@types/eslint": "^9.6.1", "@types/estree": "^1.0.8", "@types/node": "^20.19.24", "@types/which": "^3.0.4", "@typescript-eslint/parser": "^8.46.4", "@typescript-eslint/utils": "^8.46.4", "attributes-parser": "^2.2.3", colorette: "^2.0.20", esbuild: "^0.27.0", eslint: "^9.39.1", "eslint-plugin-solid": "^0.14.5", "eslint-rule-composer": "^0.3.0", espree: "^10.4.0", magicast: "^0.5.1", "mdast-builder": "^1.1.1", "mdast-util-from-markdown": "^2.0.2", "mdast-util-to-markdown": "^2.1.2", "mdast-util-to-string": "^4.0.0", "mdast-util-toc": "^7.1.0", prettier: "^3.6.2", squirrelly: "^9.1.0", tsup: "^8.5.0", tsx: "^4.20.6", typescript: "^5.9.3", "unplugin-purge-polyfills": "^0.1.0", vitest: "^4.0.8", "vue-eslint-parser": "^10.2.0", which: "^6.0.0", yaml: "^2.8.1" }, exports: { ".": "./dist/index.js", "./types": { types: "./global.d.ts" } }, typesVersions: { "*": { types: ["./global.d.ts"] } }, files: ["dist/"] };
 function ffs() {
   if (process.env.npm_config_user_agent) return _fs(process.env.npm_config_user_agent);
 }

package/dist/index.js

@@ -10,7 +10,7 @@ import {
   ffs,
   gir,
   ufs
-} from "./chunk-PSSZWHMN.js";
+} from "./chunk-O6UZH2O7.js";
 import "./chunk-IAWYWZSL.js";
 import {
   __commonJS,
@@ -16932,7 +16932,7 @@ var createDefaultQueryTester = function(query, options) {
 // package.json
 var package_default = {
   name: "@batijs/cli",
-  version: "0.0.505",
+  version: "0.0.507",
   type: "module",
   scripts: {
     "check-types": "tsc --noEmit",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@batijs/cli",
-  "version": "0.0.505",
+  "version": "0.0.507",
   "type": "module",
   "keywords": [],
   "description": "Next-gen scaffolder. Get started with fully-functional apps, and choose any tool you want",
@@ -20,12 +20,12 @@
     "typescript": "^5.9.3",
     "unplugin-purge-polyfills": "^0.1.0",
     "vite": "^7.2.2",
-    "@batijs/build": "0.0.505",
-    "@batijs/compile": "0.0.505"
+    "@batijs/build": "0.0.507",
+    "@batijs/compile": "0.0.507"
   },
   "dependencies": {
-    "@batijs/features": "0.0.505",
-    "@batijs/core": "0.0.505"
+    "@batijs/core": "0.0.507",
+    "@batijs/features": "0.0.507"
   },
   "bin": "./cli.js",
   "exports": {

package/dist/boilerplates/@batijs/vue/files/vue-shim.d.ts

@@ -1,11 +0,0 @@
-// Without this file, `tsc` will fail with such errors:
-//     pages/+config.ts:2:20 - error TS2307: Cannot find module '../layouts/Layout.vue' or its corresponding type declarations.
-//       import Layout from "../layouts/Layout.vue";
-//                          ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-//
-// See https://stackoverflow.com/questions/71477277/typescript-cannot-find-module-in-vue-project
-
-declare module "*.vue" {
-  import Vue from "vue";
-  export default Vue;
-}