@ykdz/template 0.0.9 → 0.0.11

package/dist/cli.js

@@ -3,14 +3,14 @@ import { readFile } from "node:fs/promises";
 import path from "node:path";
 import { createInterface } from "node:readline/promises";
 import { builtInPresetProjectionSourceRoots, builtInPresets, findBuiltInPresetSourceManifestPreset, loadBuiltInPresetSourceManifest, projectBuiltInPresetSourcePreset, } from "@ykdz/template-builtin-source";
-import { blueprintJsonSchema, presetFileJsonSchema, validatePresetFile, validateProjectBlueprint, } from "@ykdz/template-core/declarations";
 import { assembleGenerationContext, } from "@ykdz/template-core/generation-context";
 import { addPackage } from "@ykdz/template-core/package-addition";
 import { planNextStepInstructionsForProjection, } from "@ykdz/template-core/preset-projection";
-import { presetSourceManifestJsonSchema, validateBuiltInPresetSourceManifest, validatePresetSourceManifest, } from "@ykdz/template-core/preset-source";
+import { validateBuiltInPresetSourceManifest, validatePresetSourceManifest, } from "@ykdz/template-core/preset-source";
 import { blueprintForPresetSourcePreset } from "@ykdz/template-core/projection-capabilities";
 import { renderNewProject } from "@ykdz/template-core/renderer";
 import { resolveToolchainVersions, } from "@ykdz/template-core/toolchain-resolution";
+import { blueprintJsonSchema, presetSourceManifestJsonSchema, presetFileJsonSchema, validatePresetFile, validateProjectBlueprint, } from "@ykdz/template-shared";
 function usage() {
     return [
         "Project Kit template CLI",

package/node_modules/@ykdz/template-builtin-source/dist/src/index.d.ts

@@ -1,9 +1,9 @@
-import type { BuiltInPreset } from "@ykdz/template-core/declarations";
 import type { GenerationContext } from "@ykdz/template-core/generation-context";
 import type { PresetPackageAdditionOptions } from "@ykdz/template-core/preset-projection";
-import { type PresetSourceManifest, type PresetSourceManifestPreset } from "@ykdz/template-core/preset-source";
-import { type PresetProjectionSourceRoots, type PresetProjectionDeclaration } from "@ykdz/template-core/projection-capabilities";
-export { findPresetSourceManifestPreset, loadPresetSourceManifestFile, manifestReferencedSourceFiles, presetSourceManifestJsonSchema, validateBuiltInPresetSourceManifest, validatePresetSourceManifest, type PresetSourceManifest, type PresetSourceManifestPreset, } from "@ykdz/template-core/preset-source";
+import { type PresetProjectionSourceRoots } from "@ykdz/template-core/projection-capabilities";
+import { type BuiltInPreset, type PresetProjectionDeclaration, type PresetSourceManifest, type PresetSourceManifestPreset } from "@ykdz/template-shared";
+export { findPresetSourceManifestPreset, loadPresetSourceManifestFile, manifestReferencedSourceFiles, validateBuiltInPresetSourceManifest, validatePresetSourceManifest, } from "@ykdz/template-core/preset-source";
+export { presetSourceManifestJsonSchema, type PresetSourceManifest, type PresetSourceManifestPreset, } from "@ykdz/template-shared";
 export declare function builtInPresetSourceRoot(...segments: string[]): string;
 export declare function builtInPresetProjectionSourceRoots(): PresetProjectionSourceRoots;
 export declare function loadBuiltInPresetSourceManifest(): PresetSourceManifest;

package/node_modules/@ykdz/template-builtin-source/dist/src/index.js

@@ -2,8 +2,10 @@ import { readFileSync } from "node:fs";
 import path from "node:path";
 import { fileURLToPath } from "node:url";
 import { findPresetSourceManifestPreset, validateBuiltInPresetSourceManifest, } from "@ykdz/template-core/preset-source";
-import { defaultPackagePathForPresetSourcePackageAddition, planPresetSourcePackageAddition, projectPresetSourcePreset, validateProjectionCapabilities, } from "@ykdz/template-core/projection-capabilities";
-export { findPresetSourceManifestPreset, loadPresetSourceManifestFile, manifestReferencedSourceFiles, presetSourceManifestJsonSchema, validateBuiltInPresetSourceManifest, validatePresetSourceManifest, } from "@ykdz/template-core/preset-source";
+import { defaultPackagePathForPresetSourcePackageAddition, planPresetSourcePackageAddition, projectPresetSourcePreset, } from "@ykdz/template-core/projection-capabilities";
+import { validatePresetProjectionDeclaration, } from "@ykdz/template-shared";
+export { findPresetSourceManifestPreset, loadPresetSourceManifestFile, manifestReferencedSourceFiles, validateBuiltInPresetSourceManifest, validatePresetSourceManifest, } from "@ykdz/template-core/preset-source";
+export { presetSourceManifestJsonSchema, } from "@ykdz/template-shared";
 export function builtInPresetSourceRoot(...segments) {
     const moduleDir = path.dirname(fileURLToPath(import.meta.url));
     const candidates = [
@@ -37,6 +39,8 @@ function errorCode(error) {
     return undefined;
 }
 export function builtInPresetProjectionSourceRoots() {
+    const manifest = loadBuiltInPresetSourceManifest();
+    const sharedResources = new Map(manifest.sharedResources.map((resource) => [resource.id, resource.path]));
     return {
         preset(sourcePreset) {
             return builtInPresetSourceRoot(sourcePreset);
@@ -44,8 +48,11 @@ export function builtInPresetProjectionSourceRoots() {
         sharedOxc() {
             return builtInPresetSourceRoot("shared", "oxc");
         },
-        sharedDevcontainer() {
-            return builtInPresetSourceRoot("shared", "devcontainer");
+        sharedResource(resourceId) {
+            const resourcePath = sharedResources.get(resourceId);
+            return resourcePath === undefined
+                ? undefined
+                : builtInPresetSourceRoot(resourcePath);
         },
     };
 }
@@ -71,7 +78,7 @@ export function loadBuiltInPresetProjectionDeclaration(presetName) {
     if (!preset?.projection) {
         throw new Error(`Built-in Preset ${presetName} must declare a Projection Declaration`);
     }
-    const result = validateProjectionCapabilities(preset.projection);
+    const result = validatePresetProjectionDeclaration(preset.projection);
     if (!result.ok) {
         throw new Error(`Built-in Preset ${presetName} Projection Declaration is invalid:\n${result.issues
             .map((issue) => `  - ${issue.path}: ${issue.message}`)

package/node_modules/@ykdz/template-builtin-source/dist/templates/hono-api/projection.d.ts

@@ -1,5 +1,5 @@
-import type { BuiltInPreset, ProjectBlueprint } from "@ykdz/template-core/declarations";
 import type { PresetBlueprintOptions, PresetProjection } from "@ykdz/template-core/preset-projection";
+import { type BuiltInPreset, type ProjectBlueprint } from "@ykdz/template-shared";
 export declare const honoApiPresetMetadata: BuiltInPreset;
 export declare function honoApiBlueprint(options?: PresetBlueprintOptions): ProjectBlueprint;
 export declare function projectHonoApiPackageScripts(): Record<string, string>;

package/node_modules/@ykdz/template-builtin-source/dist/templates/hono-api/projection.js

@@ -3,10 +3,10 @@ import path from "node:path";
 import { fileURLToPath } from "node:url";
 import { builtInPresetProjectionSourceRoots, loadBuiltInPresetProjectionDeclaration, } from "@ykdz/template-builtin-source";
 import { renderFixCommand, renderRootCheckCommand, } from "@ykdz/template-core/module-graph";
-import { PackageAdditionSupport } from "@ykdz/template-core/package-addition-support";
 import { packageManifestExposureFields, planPackageLinks, } from "@ykdz/template-core/package-linking";
 import { interpretPresetProjectionDeclaration } from "@ykdz/template-core/projection-capabilities";
 import { renderNewProject, } from "@ykdz/template-core/renderer";
+import { PackageAdditionSupport, } from "@ykdz/template-shared";
 export const honoApiPresetMetadata = {
     name: "hono-api",
     title: "Hono API",

package/node_modules/@ykdz/template-builtin-source/dist/templates/projection-plans.js

@@ -1,3 +1,4 @@
+import { playwrightBrowserAssetsEnvironmentNeed } from "@ykdz/template-core/module-graph";
 const rootPackageBoundary = {
     kind: "package-boundary",
     path: ".",
@@ -65,20 +66,22 @@ export function selectNodeFixComponents(target) {
 function checkEnvironmentNeeds(target) {
     if (target === "vue-app") {
         return [
-            {
-                kind: "playwright-browser-assets",
+            playwrightBrowserAssetsEnvironmentNeed({
                 browser: "chromium",
                 owner: rootPackageBoundary,
-            },
+                id: "install-playwright-browsers",
+                label: "Install Playwright browser assets",
+            }),
         ];
     }
     if (target === "vue-hono-root" || target === "vue-hono-web") {
         return [
-            {
-                kind: "playwright-browser-assets",
+            playwrightBrowserAssetsEnvironmentNeed({
                 browser: "chromium",
                 owner: webPackageBoundary,
-            },
+                id: "install-web-playwright-browsers",
+                label: "Install Playwright browser assets for web workspace",
+            }),
         ];
     }
     return [];

package/node_modules/@ykdz/template-builtin-source/dist/templates/rust-bin/projection.d.ts

@@ -1,6 +1,6 @@
-import type { BuiltInPreset, ProjectBlueprint } from "@ykdz/template-core/declarations";
 import { type CheckPlan, type FixPlan } from "@ykdz/template-core/module-graph";
 import type { PresetBlueprintOptions, PresetProjection } from "@ykdz/template-core/preset-projection";
+import { type BuiltInPreset, type ProjectBlueprint } from "@ykdz/template-shared";
 export declare const rustBinPresetMetadata: BuiltInPreset;
 export declare function planRustBinChecks(): CheckPlan;
 export declare function planRustBinFixes(): FixPlan;

package/node_modules/@ykdz/template-builtin-source/dist/templates/rust-bin/projection.js

@@ -1,9 +1,9 @@
 import path from "node:path";
 import { builtInPresetProjectionSourceRoots, loadBuiltInPresetProjectionDeclaration, } from "@ykdz/template-builtin-source";
 import { renderFixCommand, renderRootCheckCommand, } from "@ykdz/template-core/module-graph";
-import { PackageAdditionSupport } from "@ykdz/template-core/package-addition-support";
 import { interpretPresetProjectionDeclaration } from "@ykdz/template-core/projection-capabilities";
 import { renderNewProject } from "@ykdz/template-core/renderer";
+import { PackageAdditionSupport, } from "@ykdz/template-shared";
 export const rustBinPresetMetadata = {
     name: "rust-bin",
     title: "Rust binary",

package/node_modules/@ykdz/template-builtin-source/dist/templates/ts-lib/projection.d.ts

@@ -1,5 +1,5 @@
-import type { BuiltInPreset, ProjectBlueprint } from "@ykdz/template-core/declarations";
 import type { PresetBlueprintOptions, PresetProjection } from "@ykdz/template-core/preset-projection";
+import { type BuiltInPreset, type ProjectBlueprint } from "@ykdz/template-shared";
 export declare const tsLibPresetMetadata: BuiltInPreset;
 export declare function tsLibBlueprint(options?: PresetBlueprintOptions): ProjectBlueprint;
 export declare function projectTsLibPackageScripts(): Record<string, string>;

package/node_modules/@ykdz/template-builtin-source/dist/templates/ts-lib/projection.js

@@ -3,10 +3,10 @@ import path from "node:path";
 import { fileURLToPath } from "node:url";
 import { builtInPresetProjectionSourceRoots, loadBuiltInPresetProjectionDeclaration, } from "@ykdz/template-builtin-source";
 import { renderFixCommand, renderRootCheckCommand, } from "@ykdz/template-core/module-graph";
-import { PackageAdditionSupport } from "@ykdz/template-core/package-addition-support";
 import { packageManifestExposureFields, planPackageLinks, } from "@ykdz/template-core/package-linking";
 import { interpretPresetProjectionDeclaration } from "@ykdz/template-core/projection-capabilities";
 import { renderNewProject, } from "@ykdz/template-core/renderer";
+import { PackageAdditionSupport, } from "@ykdz/template-shared";
 export const tsLibPresetMetadata = {
     name: "ts-lib",
     title: "TypeScript library",

package/node_modules/@ykdz/template-builtin-source/dist/templates/vue-app/projection.d.ts

@@ -1,5 +1,5 @@
-import type { BuiltInPreset, ProjectBlueprint } from "@ykdz/template-core/declarations";
 import type { PresetBlueprintOptions, PresetProjection } from "@ykdz/template-core/preset-projection";
+import { type BuiltInPreset, type ProjectBlueprint } from "@ykdz/template-shared";
 export declare const vueAppPresetMetadata: BuiltInPreset;
 export declare function vueAppBlueprint(options?: PresetBlueprintOptions): ProjectBlueprint;
 export declare function projectVueAppPackageScripts(): Record<string, string>;

package/node_modules/@ykdz/template-builtin-source/dist/templates/vue-app/projection.js

@@ -4,9 +4,9 @@ import path from "node:path";
 import { fileURLToPath } from "node:url";
 import { builtInPresetProjectionSourceRoots, loadBuiltInPresetProjectionDeclaration, } from "@ykdz/template-builtin-source";
 import { renderFixCommand, renderRootCheckCommand, } from "@ykdz/template-core/module-graph";
-import { PackageAdditionSupport } from "@ykdz/template-core/package-addition-support";
 import { interpretPresetProjectionDeclaration } from "@ykdz/template-core/projection-capabilities";
 import { renderNewProject, } from "@ykdz/template-core/renderer";
+import { PackageAdditionSupport, } from "@ykdz/template-shared";
 export const vueAppPresetMetadata = {
     name: "vue-app",
     title: "Vue app",
@@ -83,7 +83,7 @@ export function projectVueAppPackageScripts() {
         "lint:fix": "oxlint --config ../../oxlint.config.ts . --fix",
         preview: "vite preview",
         test: "vitest run",
-        "test:e2e": "pnpm run build && playwright test",
+        "test:e2e": "pnpm run build && node --experimental-strip-types scripts/run-playwright.ts",
         typecheck: "vue-tsc --build --noEmit",
     };
 }
@@ -165,7 +165,6 @@ function packageAdditionOperations(packagePath, packageNameValue, nodeVersion) {
                 },
                 scripts: projectVueAppPackageScripts(),
                 dependencies: {
-                    "@vueuse/core": "catalog:",
                     pinia: "catalog:",
                     vue: "catalog:",
                 },
@@ -246,6 +245,7 @@ function packageAdditionOperations(packagePath, packageNameValue, nodeVersion) {
         {
             kind: "writeJson",
             to: `${packagePath}/tsconfig.node.json`,
+            multilineArrays: ["include"],
             value: {
                 compilerOptions: {
                     composite: true,
@@ -268,7 +268,12 @@ function packageAdditionOperations(packagePath, packageNameValue, nodeVersion) {
                     types: ["node"],
                     verbatimModuleSyntax: true,
                 },
-                include: ["playwright.config.ts", "vite.config.ts", "vitest.config.ts"],
+                include: [
+                    "playwright.config.ts",
+                    "scripts/**/*.ts",
+                    "vite.config.ts",
+                    "vitest.config.ts",
+                ],
             },
         },
         { kind: "copyFile", from: "env.d.ts", to: `${packagePath}/env.d.ts` },

package/node_modules/@ykdz/template-builtin-source/dist/templates/vue-hono-app/projection.d.ts

@@ -1,5 +1,5 @@
-import type { BuiltInPreset, ProjectBlueprint } from "@ykdz/template-core/declarations";
 import type { PresetBlueprintOptions, PresetProjection } from "@ykdz/template-core/preset-projection";
+import { type BuiltInPreset, type ProjectBlueprint } from "@ykdz/template-shared";
 export declare const vueHonoAppPresetMetadata: BuiltInPreset;
 export declare function vueHonoAppBlueprint(options: PresetBlueprintOptions): ProjectBlueprint;
 export declare function projectVueHonoRootPackageScripts(): Record<string, string>;

package/node_modules/@ykdz/template-builtin-source/dist/templates/vue-hono-app/projection.js

@@ -1,9 +1,9 @@
 import path from "node:path";
 import { builtInPresetProjectionSourceRoots, loadBuiltInPresetProjectionDeclaration, } from "@ykdz/template-builtin-source";
-import { renderFixCommand, renderRootCheckCommand, } from "@ykdz/template-core/module-graph";
-import { PackageAdditionSupport } from "@ykdz/template-core/package-addition-support";
+import { playwrightBrowserAssetsEnvironmentNeed, renderFixCommand, renderRootCheckCommand, } from "@ykdz/template-core/module-graph";
 import { interpretPresetProjectionDeclaration } from "@ykdz/template-core/projection-capabilities";
 import { renderNewProject } from "@ykdz/template-core/renderer";
+import { PackageAdditionSupport, } from "@ykdz/template-shared";
 export const vueHonoAppPresetMetadata = {
     name: "vue-hono-app",
     title: "Vue Hono app",
@@ -77,15 +77,15 @@ function planVueHonoRootChecks() {
             { kind: "turbo-package-typecheck", owner: workspacePackageBoundary },
             { kind: "turbo-package-build", owner: workspacePackageBoundary },
             { kind: "turbo-package-test", owner: workspacePackageBoundary },
-            { kind: "turbo-package-e2e-test", owner: workspacePackageBoundary },
             { kind: "turbo-package-check", owner: workspacePackageBoundary },
         ],
         environmentNeeds: [
-            {
-                kind: "playwright-browser-assets",
+            playwrightBrowserAssetsEnvironmentNeed({
                 browser: "chromium",
                 owner: webWorkspaceBoundary,
-            },
+                id: "install-web-playwright-browsers",
+                label: "Install Playwright browser assets for web workspace",
+            }),
         ],
     };
 }
@@ -177,7 +177,7 @@ export function projectVueHonoWebPackageScripts() {
         "lint:fix": "oxlint --config ../../oxlint.config.ts . --fix",
         preview: "vite preview",
         test: "vitest run",
-        "test:e2e": "pnpm run build && playwright test",
+        "test:e2e": "pnpm run build && node --experimental-strip-types scripts/run-playwright.ts",
         typecheck: "vue-tsc --build",
     };
 }

package/node_modules/@ykdz/template-builtin-source/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ykdz/template-builtin-source",
-  "version": "0.0.9",
+  "version": "0.0.0",
   "private": true,
   "files": [
     "dist",
@@ -39,14 +39,15 @@
     "check:templates:shared-oxc:lint": "oxlint --config templates/shared/oxc/node/oxlint.config.ts templates/shared/oxc",
     "check:templates:shared-oxc:typecheck": "tsc -p templates/shared/oxc/tsconfig.json --noEmit",
     "check:templates:static-source": "rustup run stable rustfmt --check templates/rust-bin/src/main.rs",
-    "format:check": "oxfmt --check --config ../../oxfmt.config.ts --ignore-path ../../.oxfmtignore .",
-    "format:write": "oxfmt --write --config ../../oxfmt.config.ts --ignore-path ../../.oxfmtignore .",
+    "format:check": "oxfmt --check --config ../../oxfmt.config.ts .",
+    "format:write": "oxfmt --write --config ../../oxfmt.config.ts .",
     "lint": "oxlint --config ../../oxlint.config.ts src templates/projection-plans.ts templates/registry.ts templates/*/projection.ts",
     "lint:fix": "oxlint --config ../../oxlint.config.ts src templates/projection-plans.ts templates/registry.ts templates/*/projection.ts --fix",
     "typecheck": "tsc -p tsconfig.json --noEmit"
   },
   "dependencies": {
     "@ykdz/template-core": "workspace:*",
+    "@ykdz/template-shared": "workspace:*",
     "typescript": "catalog:",
     "valibot": "catalog:"
   },

package/node_modules/@ykdz/template-builtin-source/templates/preset-source.json

@@ -164,8 +164,14 @@
             "sourceFiles": ["src/index.ts", "src/name-schema.ts"]
           },
           { "kind": "strict-typescript-root" },
-          { "kind": "oxc-format-lint" },
-          { "kind": "node-pnpm-devcontainer" },
+          {
+            "kind": "oxc-format-lint",
+            "editorCustomizationResourceId": "shared-editor-customization"
+          },
+          {
+            "kind": "node-pnpm-devcontainer",
+            "devcontainerResourceId": "shared-devcontainer"
+          },
           { "kind": "github-maintenance" }
         ]
       },
@@ -229,8 +235,14 @@
             ]
           },
           { "kind": "strict-typescript-root" },
-          { "kind": "oxc-format-lint" },
-          { "kind": "node-pnpm-devcontainer" },
+          {
+            "kind": "oxc-format-lint",
+            "editorCustomizationResourceId": "shared-editor-customization"
+          },
+          {
+            "kind": "node-pnpm-devcontainer",
+            "devcontainerResourceId": "shared-devcontainer"
+          },
           { "kind": "github-maintenance" }
         ]
       },
@@ -271,7 +283,6 @@
         "@types/web-bluetooth",
         "@vitejs/plugin-vue",
         "@vue/tsconfig",
-        "@vueuse/core",
         "oxfmt",
         "oxlint",
         "oxlint-tsgolint",
@@ -297,6 +308,7 @@
                   "env.d.ts",
                   "index.html",
                   "playwright.config.ts",
+                  "scripts/run-playwright.ts",
                   "vite.config.ts",
                   "vitest.config.ts",
                   "src/App.vue",
@@ -310,8 +322,14 @@
             ]
           },
           { "kind": "strict-typescript-root" },
-          { "kind": "oxc-format-lint" },
-          { "kind": "node-pnpm-devcontainer" },
+          {
+            "kind": "oxc-format-lint",
+            "editorCustomizationResourceId": "shared-editor-customization"
+          },
+          {
+            "kind": "node-pnpm-devcontainer",
+            "devcontainerResourceId": "shared-devcontainer"
+          },
           { "kind": "github-maintenance" }
         ]
       },
@@ -322,6 +340,7 @@
           "vue-app/index.html",
           "vue-app/playwright.package-addition.config.ts",
           "vue-app/playwright.config.ts",
+          "vue-app/scripts/run-playwright.ts",
           "vue-app/vite.config.ts",
           "vue-app/vitest.config.ts"
         ],
@@ -360,7 +379,6 @@
         "@types/web-bluetooth",
         "@vitejs/plugin-vue",
         "@vue/tsconfig",
-        "@vueuse/core",
         "hono",
         "oxfmt",
         "oxlint",
@@ -389,6 +407,7 @@
                   "web/env.d.ts",
                   "web/index.html",
                   "web/playwright.config.ts",
+                  "web/scripts/run-playwright.ts",
                   "web/vite.config.ts",
                   "web/vitest.config.ts",
                   "web/src/api.ts",
@@ -420,8 +439,14 @@
             ]
           },
           { "kind": "strict-typescript-root" },
-          { "kind": "oxc-format-lint" },
-          { "kind": "node-pnpm-devcontainer" },
+          {
+            "kind": "oxc-format-lint",
+            "editorCustomizationResourceId": "shared-editor-customization"
+          },
+          {
+            "kind": "node-pnpm-devcontainer",
+            "devcontainerResourceId": "shared-devcontainer"
+          },
           { "kind": "github-maintenance" }
         ]
       },
@@ -438,6 +463,7 @@
           "vue-hono-app/web/env.d.ts",
           "vue-hono-app/web/index.html",
           "vue-hono-app/web/playwright.config.ts",
+          "vue-hono-app/web/scripts/run-playwright.ts",
           "vue-hono-app/web/vite.config.ts",
           "vue-hono-app/web/vitest.config.ts"
         ],
@@ -474,7 +500,9 @@
           {
             "kind": "rust-binary-workspace",
             "workspacePackageGlob": "packages/*",
-            "sourceFiles": ["src/main.rs"]
+            "sourceFiles": ["src/main.rs"],
+            "devcontainerResourceId": "shared-devcontainer",
+            "editorCustomizationResourceId": "shared-editor-customization"
           }
         ]
       },

package/node_modules/@ykdz/template-builtin-source/templates/vue-app/scripts/run-playwright.ts

@@ -0,0 +1,25 @@
+import { spawn } from "node:child_process";
+
+const env: NodeJS.ProcessEnv = { ...process.env };
+delete env.NO_COLOR;
+
+const command = process.platform === "win32" ? "playwright.cmd" : "playwright";
+const child = spawn(command, ["test", ...process.argv.slice(2)], {
+  env,
+  stdio: "inherit",
+});
+
+child.once("error", (error: Error) => {
+  console.error(error);
+  process.exitCode = 1;
+});
+
+child.once("exit", (code: number | null, signal: NodeJS.Signals | null) => {
+  if (signal) {
+    console.error(`Playwright exited with signal ${signal}`);
+    process.exitCode = 1;
+    return;
+  }
+
+  process.exitCode = code ?? 1;
+});

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

@@ -1,14 +1,28 @@
 <script setup lang="ts">
-import { usePreferredDark } from "@vueuse/core";
 import { storeToRefs } from "pinia";
-import { computed } from "vue";
+import { onMounted, onUnmounted, ref } from "vue";
 
 import { useCounterStore } from "#/stores/counter";
 
 const counter = useCounterStore();
 const { count } = storeToRefs(counter);
-const prefersDark = usePreferredDark();
-const themeLabel = computed(() => (prefersDark.value ? "dark" : "light"));
+const themeLabel = ref<"dark" | "light">("light");
+
+let preferredThemeQuery: MediaQueryList | undefined;
+
+function updateThemeLabel(event: MediaQueryList | MediaQueryListEvent): void {
+  themeLabel.value = event.matches ? "dark" : "light";
+}
+
+onMounted(() => {
+  preferredThemeQuery = window.matchMedia("(prefers-color-scheme: dark)");
+  updateThemeLabel(preferredThemeQuery);
+  preferredThemeQuery.addEventListener("change", updateThemeLabel);
+});
+
+onUnmounted(() => {
+  preferredThemeQuery?.removeEventListener("change", updateThemeLabel);
+});
 </script>
 
 <template>

package/node_modules/@ykdz/template-builtin-source/templates/vue-hono-app/web/scripts/run-playwright.ts

@@ -0,0 +1,25 @@
+import { spawn } from "node:child_process";
+
+const env: NodeJS.ProcessEnv = { ...process.env };
+delete env.NO_COLOR;
+
+const command = process.platform === "win32" ? "playwright.cmd" : "playwright";
+const child = spawn(command, ["test", ...process.argv.slice(2)], {
+  env,
+  stdio: "inherit",
+});
+
+child.once("error", (error: Error) => {
+  console.error(error);
+  process.exitCode = 1;
+});
+
+child.once("exit", (code: number | null, signal: NodeJS.Signals | null) => {
+  if (signal) {
+    console.error(`Playwright exited with signal ${signal}`);
+    process.exitCode = 1;
+    return;
+  }
+
+  process.exitCode = code ?? 1;
+});

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

@@ -1,17 +1,31 @@
 <script setup lang="ts">
-import { usePreferredDark } from "@vueuse/core";
 import { storeToRefs } from "pinia";
-import { computed, onMounted, ref } from "vue";
+import { onMounted, onUnmounted, ref } from "vue";
 
 import { api } from "#/api";
 import { useCounterStore } from "#/stores/counter";
 
 const counter = useCounterStore();
 const { count } = storeToRefs(counter);
-const prefersDark = usePreferredDark();
-const themeLabel = computed(() => (prefersDark.value ? "dark" : "light"));
+const themeLabel = ref<"dark" | "light">("light");
 const apiStatus = ref("checking");
 
+let preferredThemeQuery: MediaQueryList | undefined;
+
+function updateThemeLabel(event: MediaQueryList | MediaQueryListEvent): void {
+  themeLabel.value = event.matches ? "dark" : "light";
+}
+
+onMounted(() => {
+  preferredThemeQuery = window.matchMedia("(prefers-color-scheme: dark)");
+  updateThemeLabel(preferredThemeQuery);
+  preferredThemeQuery.addEventListener("change", updateThemeLabel);
+});
+
+onUnmounted(() => {
+  preferredThemeQuery?.removeEventListener("change", updateThemeLabel);
+});
+
 onMounted(async () => {
   const response = await api.api.health.$get();
   const body = await response.json();