@ykdz/template 0.0.16 → 0.0.17

package/node_modules/@ykdz/template-builtin-source/templates/vike-app/components/CounterButton.vue

@@ -16,6 +16,6 @@ onMounted(() => {
     :disabled="!mounted"
     @click="count += 1"
   >
-    Count {{ count }}
+    计数：{{ count }}
   </button>
 </template>

package/node_modules/@ykdz/template-builtin-source/templates/vike-app/components/PageShell.vue

@@ -7,7 +7,7 @@ import logoUrl from "#/assets/logo.svg";
     <header class="border-b border-slate-200 bg-white">
       <nav class="mx-auto flex max-w-4xl items-center gap-3 px-6 py-4">
         <img :src="logoUrl" alt="" class="size-8" />
-        <a href="/" class="font-semibold text-slate-950">Vike App</a>
+        <a href="/" class="font-semibold text-slate-950">Vike 应用</a>
       </nav>
     </header>
     <main class="mx-auto max-w-4xl px-6 py-10">

package/node_modules/@ykdz/template-builtin-source/templates/vike-app/pages/+config.ts

@@ -2,8 +2,8 @@ import vikeVue from "vike-vue/config";
 import type { Config } from "vike/types";
 
 const config: Config = {
-  title: "Vike App",
-  description: "Vike, Hono, Telefunc, Drizzle, and Vue.",
+  title: "Vike 应用",
+  description: "使用 Vike、Hono、Telefunc、Drizzle 和 Vue 的示例应用。",
   extends: [vikeVue],
 };
 

package/node_modules/@ykdz/template-builtin-source/templates/vike-app/pages/index/+Page.vue

@@ -18,8 +18,8 @@ async function refreshTodos() {
   } catch (unknownError) {
     error.value =
       unknownError instanceof Error
-        ? unknownError.message
-        : "Unable to load todos";
+        ? `待办加载失败：${unknownError.message}`
+        : "无法加载待办事项";
   }
 }
 
@@ -41,10 +41,10 @@ async function submitTodo() {
       <p class="text-sm font-semibold tracking-wide text-rose-600 uppercase">
         Vike + Hono
       </p>
-      <h1 class="text-4xl font-bold tracking-tight">Full-stack Vike app</h1>
+      <h1 class="text-4xl font-bold tracking-tight">全栈 Vike 应用</h1>
       <p class="max-w-2xl text-lg text-slate-700">
-        Server-rendered Vue with Hono routing, Telefunc actions, and Drizzle
-        database access.
+        使用 Hono 路由、Telefunc 动作和 Drizzle 数据访问构建服务端渲染 Vue
+        应用。
       </p>
       <CounterButton />
     </div>
@@ -54,10 +54,10 @@ async function submitTodo() {
         v-model="title"
         class="min-w-0 flex-1 rounded border border-slate-300 px-3 py-2"
         name="title"
-        placeholder="Add a database-backed todo"
+        placeholder="添加一条数据库待办"
       />
       <button class="rounded bg-slate-950 px-4 py-2 text-white" type="submit">
-        Add
+        添加
       </button>
     </form>
 
@@ -66,7 +66,7 @@ async function submitTodo() {
       type="button"
       @click="refreshTodos"
     >
-      Load todos
+      加载待办事项
     </button>
 
     <p

package/node_modules/@ykdz/template-builtin-source/templates/vike-app/playwright.config.ts

@@ -9,7 +9,8 @@ export default defineConfig({
     trace: "on-first-retry",
   },
   webServer: {
-    command: "PORT=4173 node dist/server/index.mjs",
+    command:
+      "DATABASE_FILE=./node_modules/.tmp/e2e.sqlite pnpm run db:push && DATABASE_FILE=./node_modules/.tmp/e2e.sqlite PORT=4173 node dist/server/index.mjs",
     reuseExistingServer: !process.env.CI,
     url: previewUrl,
   },

package/node_modules/@ykdz/template-builtin-source/templates/vike-app/test/e2e/app.spec.ts

@@ -1,10 +1,16 @@
 import { expect, test } from "@playwright/test";
 
 test("renders the Vike home page", async ({ page }) => {
+  const todoTitle = `编写生成项目端到端测试 ${Date.now()}`;
+
   await page.goto("/");
   await expect(
-    page.getByRole("heading", { name: "Full-stack Vike app" }),
+    page.getByRole("heading", { name: "全栈 Vike 应用" }),
   ).toBeVisible();
-  await page.getByRole("button", { name: "Count 0" }).click();
-  await expect(page.getByRole("button", { name: "Count 1" })).toBeVisible();
+  await page.getByRole("button", { name: "计数：0" }).click();
+  await expect(page.getByRole("button", { name: "计数：1" })).toBeVisible();
+
+  await page.getByPlaceholder("添加一条数据库待办").fill(todoTitle);
+  await page.getByRole("button", { name: "添加" }).click();
+  await expect(page.getByText(todoTitle)).toBeVisible();
 });

package/node_modules/@ykdz/template-builtin-source/templates/vike-app/test/todos.test.ts

@@ -5,16 +5,14 @@ import { createTodo, listTodos } from "#/database/queries/todos";
 
 describe("todo queries", () => {
   it("creates and lists todos through Drizzle SQLite", async () => {
-    const db = createDatabase(":memory:");
+    const db = createDatabase();
+    const title = `发布模板 ${Date.now()}`;
 
-    db.run(
-      "CREATE TABLE todos (id integer PRIMARY KEY AUTOINCREMENT NOT NULL, title text NOT NULL, completed integer DEFAULT false NOT NULL, created_at text DEFAULT (CURRENT_TIMESTAMP) NOT NULL)",
-    );
-
-    await expect(createTodo(db, { title: "Ship" })).resolves.toMatchObject({
-      id: 1,
-      title: "Ship",
+    await expect(createTodo(db, { title })).resolves.toMatchObject({
+      title,
     });
-    await expect(listTodos(db)).resolves.toMatchObject([{ title: "Ship" }]);
+    await expect(listTodos(db)).resolves.toEqual(
+      expect.arrayContaining([expect.objectContaining({ title })]),
+    );
   });
 });

package/node_modules/@ykdz/template-builtin-source/templates/vue-app/index.html

@@ -1,9 +1,9 @@
 <!doctype html>
-<html lang="en">
+<html lang="zh-CN">
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vue App</title>
+    <title>Vue 应用</title>
   </head>
   <body>
     <div id="app"></div>

package/node_modules/@ykdz/template-builtin-source/templates/vue-app/src/App.vue

@@ -6,12 +6,12 @@ import { useCounterStore } from "#/stores/counter";
 
 const counter = useCounterStore();
 const { count } = storeToRefs(counter);
-const themeLabel = ref<"dark" | "light">("light");
+const themeLabel = ref<"深色" | "浅色">("浅色");
 
 let preferredThemeQuery: MediaQueryList | undefined;
 
 function updateThemeLabel(event: MediaQueryList | MediaQueryListEvent): void {
-  themeLabel.value = event.matches ? "dark" : "light";
+  themeLabel.value = event.matches ? "深色" : "浅色";
 }
 
 onMounted(() => {
@@ -31,14 +31,12 @@ onUnmounted(() => {
       class="mx-auto flex min-h-screen max-w-3xl flex-col justify-center px-6 py-16"
     >
       <p class="text-sm font-medium tracking-wide text-cyan-300 uppercase">
-        Vue app preset
+        Vue 应用预设
       </p>
-      <h1 class="mt-4 text-4xl font-semibold">
-        Vue, Vite, Tailwind, and Pinia
-      </h1>
+      <h1 class="mt-4 text-4xl font-semibold">Vue、Vite、Tailwind 和 Pinia</h1>
       <p class="mt-4 text-lg text-slate-300">
-        This generated app is ready for strict TypeScript checks, unit tests,
-        and Playwright.
+        这个生成的应用已经接入严格 TypeScript 检查、单元测试和 Playwright
+        端到端测试。
       </p>
       <div class="mt-8 flex items-center gap-4">
         <button
@@ -46,11 +44,9 @@ onUnmounted(() => {
           type="button"
           @click="counter.increment()"
         >
-          Count is {{ count }}
+          计数：{{ count }}
         </button>
-        <span class="text-sm text-slate-400"
-          >Preferred theme: {{ themeLabel }}</span
-        >
+        <span class="text-sm text-slate-400">系统主题：{{ themeLabel }}</span>
       </div>
     </section>
   </main>

package/node_modules/@ykdz/template-builtin-source/templates/vue-app/test/e2e/app.spec.ts

@@ -4,11 +4,11 @@ test("renders and updates the counter", async ({ page }) => {
   await page.goto("/");
 
   await expect(
-    page.getByRole("heading", { name: "Vue, Vite, Tailwind, and Pinia" }),
+    page.getByRole("heading", { name: "Vue、Vite、Tailwind 和 Pinia" }),
   ).toBeVisible();
-  const counterButton = page.getByRole("button", { name: "Count is 0" });
+  const counterButton = page.getByRole("button", { name: "计数：0" });
 
   await expect(counterButton).toBeVisible();
   await counterButton.click({ force: true });
-  await expect(page.getByRole("button", { name: "Count is 1" })).toBeVisible();
+  await expect(page.getByRole("button", { name: "计数：1" })).toBeVisible();
 });

package/node_modules/@ykdz/template-builtin-source/templates/vue-hono-app/web/index.html

@@ -1,9 +1,9 @@
 <!doctype html>
-<html lang="en">
+<html lang="zh-CN">
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vue Hono app</title>
+    <title>Vue Hono 应用</title>
   </head>
   <body>
     <div id="app"></div>

package/node_modules/@ykdz/template-builtin-source/templates/vue-hono-app/web/src/App.vue

@@ -7,13 +7,13 @@ import { useCounterStore } from "#/stores/counter";
 
 const counter = useCounterStore();
 const { count } = storeToRefs(counter);
-const themeLabel = ref<"dark" | "light">("light");
-const apiStatus = ref("checking");
+const themeLabel = ref<"深色" | "浅色">("浅色");
+const apiStatus = ref("检查中");
 
 let preferredThemeQuery: MediaQueryList | undefined;
 
 function updateThemeLabel(event: MediaQueryList | MediaQueryListEvent): void {
-  themeLabel.value = event.matches ? "dark" : "light";
+  themeLabel.value = event.matches ? "深色" : "浅色";
 }
 
 onMounted(() => {
@@ -29,7 +29,7 @@ onUnmounted(() => {
 onMounted(async () => {
   const response = await api.api.health.$get();
   const body = await response.json();
-  apiStatus.value = body.status;
+  apiStatus.value = body.status === "ok" ? "正常" : body.status;
 });
 </script>
 
@@ -39,12 +39,11 @@ onMounted(async () => {
       class="mx-auto flex min-h-screen max-w-3xl flex-col justify-center px-6 py-16"
     >
       <p class="text-sm font-medium tracking-wide text-cyan-300 uppercase">
-        Vue Hono app preset
+        Vue + Hono 应用预设
       </p>
-      <h1 class="mt-4 text-4xl font-semibold">Vue, Hono, and typed RPC</h1>
+      <h1 class="mt-4 text-4xl font-semibold">Vue、Hono 和类型化 RPC</h1>
       <p class="mt-4 text-lg text-slate-300">
-        This generated workspace typechecks the web package against the API
-        contract.
+        这个生成的工作区会让 Web 包根据 API 契约进行类型检查。
       </p>
       <div class="mt-8 flex flex-wrap items-center gap-4">
         <button
@@ -52,12 +51,10 @@ onMounted(async () => {
           type="button"
           @click="counter.increment()"
         >
-          Count is {{ count }}
+          计数：{{ count }}
         </button>
-        <span class="text-sm text-slate-400"
-          >Preferred theme: {{ themeLabel }}</span
-        >
-        <span class="text-sm text-slate-400">API status: {{ apiStatus }}</span>
+        <span class="text-sm text-slate-400">系统主题：{{ themeLabel }}</span>
+        <span class="text-sm text-slate-400">API 状态：{{ apiStatus }}</span>
       </div>
     </section>
   </main>

package/node_modules/@ykdz/template-builtin-source/templates/vue-hono-app/web/test/e2e/app.spec.ts

@@ -4,12 +4,12 @@ test("renders the web app and calls the API", async ({ page }) => {
   await page.goto("/");
 
   await expect(
-    page.getByRole("heading", { name: "Vue, Hono, and typed RPC" }),
+    page.getByRole("heading", { name: "Vue、Hono 和类型化 RPC" }),
   ).toBeVisible();
-  await expect(page.getByText("API status: ok")).toBeVisible();
-  const counterButton = page.getByRole("button", { name: "Count is 0" });
+  await expect(page.getByText("API 状态：正常")).toBeVisible();
+  const counterButton = page.getByRole("button", { name: "计数：0" });
 
   await expect(counterButton).toBeVisible();
   await counterButton.click({ force: true });
-  await expect(page.getByRole("button", { name: "Count is 1" })).toBeVisible();
+  await expect(page.getByRole("button", { name: "计数：1" })).toBeVisible();
 });

package/node_modules/@ykdz/template-core/dist/projection-capabilities.js

@@ -1545,7 +1545,8 @@ function nodePackageScripts(nodePackage, workspace) {
     if (nodePackage.kind === "vike-app") {
         return {
             "build:run": "vike build",
-            dev: "vike dev",
+            dev: "pnpm run db:push && vike dev",
+            "db:push": "mkdir -p data node_modules/.tmp && drizzle-kit push",
             "drizzle:generate": "drizzle-kit generate",
             "drizzle:migrate": "drizzle-kit migrate",
             "drizzle:studio": "drizzle-kit studio",
@@ -1553,9 +1554,9 @@ function nodePackageScripts(nodePackage, workspace) {
             "format:write:run": "oxfmt --write --config ../../oxfmt.config.ts .",
             "lint:run": "oxlint --type-aware --config ../../oxlint.config.ts .",
             "lint:fix:run": "oxlint --type-aware --config ../../oxlint.config.ts . --fix",
-            preview: "vike preview",
+            preview: "pnpm run db:push && vike preview",
             start: "node ./dist/server/index.mjs",
-            "test:run": "vitest run",
+            "test:run": "DATABASE_FILE=./node_modules/.tmp/test.sqlite pnpm run db:push && DATABASE_FILE=./node_modules/.tmp/test.sqlite vitest run",
             "test:e2e:run": "playwright test --config playwright.config.ts",
             "typecheck:run": "vue-tsc --build --noEmit",
         };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ykdz/template",
-  "version": "0.0.16",
+  "version": "0.0.17",
   "private": false,
   "description": "Project template generator for YKDZ starter projects.",
   "keywords": [
@@ -35,8 +35,8 @@
     "typescript": "^6.0.3",
     "valibot": "^1.4.2",
     "@ykdz/template-builtin-source": "0.0.0",
-    "@ykdz/template-shared": "0.0.0",
-    "@ykdz/template-core": "0.0.0"
+    "@ykdz/template-core": "0.0.0",
+    "@ykdz/template-shared": "0.0.0"
   },
   "devDependencies": {
     "@types/node": "^24.0.0",