@ykdz/template 0.0.8 → 0.0.10

package/dist/cli.js

@@ -278,9 +278,9 @@ function printInitComplete(options, blueprint, generationContext) {
             dryRun: false,
             targetDir: options.dir,
             blueprint,
-            toolchain: generationContext
-                ? toolchainReport(generationContext.toolchain)
-                : undefined,
+            ...(generationContext
+                ? { toolchain: toolchainReport(generationContext.toolchain) }
+                : {}),
             nextSteps,
         });
         return;
@@ -301,7 +301,7 @@ function printInitComplete(options, blueprint, generationContext) {
     console.log(formatProjectionNextSteps(options.dir, projectionPlan));
 }
 function isInteractiveTerminal() {
-    return Boolean(process.stdin.isTTY && process.stdout.isTTY);
+    return process.stdin.isTTY && process.stdout.isTTY;
 }
 async function confirmInit(targetDir, blueprint) {
     console.log(formatBlueprintSummary(targetDir, blueprint));
@@ -474,9 +474,9 @@ async function main(args) {
                     dryRun: true,
                     targetDir: options.dir,
                     blueprint,
-                    toolchain: generationContext
-                        ? toolchainReport(generationContext.toolchain)
-                        : undefined,
+                    ...(generationContext
+                        ? { toolchain: toolchainReport(generationContext.toolchain) }
+                        : {}),
                     nextSteps,
                 });
                 return;

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

@@ -19,19 +19,23 @@ function readPathExists(filePath) {
         return true;
     }
     catch (error) {
-        if (error instanceof Error &&
-            "code" in error &&
-            error.code === "EISDIR") {
+        if (errorCode(error) === "EISDIR") {
             return true;
         }
-        if (error instanceof Error &&
-            "code" in error &&
-            error.code === "ENOENT") {
+        if (errorCode(error) === "ENOENT") {
             return false;
         }
         return false;
     }
 }
+function errorCode(error) {
+    if (error instanceof Error &&
+        "code" in error &&
+        typeof error.code === "string") {
+        return error.code;
+    }
+    return undefined;
+}
 export function builtInPresetProjectionSourceRoots() {
     return {
         preset(sourcePreset) {

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

@@ -77,8 +77,8 @@ export function projectHonoApiPackageScripts() {
         fix: renderFixCommand(planHonoApiPackageFixes()),
         "format:check": "oxfmt --check --config ../../oxfmt.config.ts .",
         "format:write": "oxfmt --write --config ../../oxfmt.config.ts .",
-        lint: "oxlint --config ../../oxlint.config.ts . --deny-warnings",
-        "lint:fix": "oxlint --config ../../oxlint.config.ts . --fix --deny-warnings",
+        lint: "oxlint --config ../../oxlint.config.ts .",
+        "lint:fix": "oxlint --config ../../oxlint.config.ts . --fix",
         start: "node dist/server.js",
         test: "vitest run",
         typecheck: "tsc -p tsconfig.json --noEmit",
@@ -118,6 +118,7 @@ function packageAdditionOperations(packagePath, packageNameValue, nodeVersion) {
                     "@types/node": "catalog:",
                     oxfmt: "catalog:",
                     oxlint: "catalog:",
+                    "oxlint-tsgolint": "catalog:",
                     "tsc-alias": "catalog:",
                     typescript: "catalog:",
                     vitest: "catalog:",
@@ -133,13 +134,22 @@ function packageAdditionOperations(packagePath, packageNameValue, nodeVersion) {
             value: {
                 compilerOptions: {
                     composite: true,
-                    module: "NodeNext",
-                    moduleResolution: "NodeNext",
+                    erasableSyntaxOnly: true,
+                    exactOptionalPropertyTypes: true,
+                    forceConsistentCasingInFileNames: true,
+                    isolatedModules: true,
+                    module: "nodenext",
+                    moduleResolution: "nodenext",
                     noEmitOnError: true,
+                    noFallthroughCasesInSwitch: true,
+                    noImplicitOverride: true,
+                    noImplicitReturns: true,
+                    noUncheckedIndexedAccess: true,
                     skipLibCheck: false,
                     strict: true,
-                    target: "ES2022",
+                    target: "es2023",
                     types: ["node", "vitest/globals"],
+                    verbatimModuleSyntax: true,
                 },
                 include: ["src/**/*.ts", "test/**/*.ts", "vitest.config.ts"],
             },

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

@@ -82,8 +82,8 @@ export function projectTsLibPackageScripts() {
         fix: renderFixCommand(fixPlan),
         "format:check": "oxfmt --check --config ../../oxfmt.config.ts .",
         "format:write": "oxfmt --write --config ../../oxfmt.config.ts .",
-        lint: "oxlint --config ../../oxlint.config.ts . --deny-warnings",
-        "lint:fix": "oxlint --config ../../oxlint.config.ts . --fix --deny-warnings",
+        lint: "oxlint --config ../../oxlint.config.ts .",
+        "lint:fix": "oxlint --config ../../oxlint.config.ts . --fix",
         typecheck: "tsc -p tsconfig.json --noEmit",
     };
 }
@@ -119,6 +119,7 @@ function packageAdditionOperations(packagePath, packageNameValue, nodeVersion) {
                     "@types/node": "catalog:",
                     oxfmt: "catalog:",
                     oxlint: "catalog:",
+                    "oxlint-tsgolint": "catalog:",
                     typescript: "catalog:",
                 },
                 engines: {
@@ -135,14 +136,23 @@ function packageAdditionOperations(packagePath, packageNameValue, nodeVersion) {
                     composite: true,
                     declaration: true,
                     declarationMap: true,
-                    module: "NodeNext",
-                    moduleResolution: "NodeNext",
+                    erasableSyntaxOnly: true,
+                    exactOptionalPropertyTypes: true,
+                    forceConsistentCasingInFileNames: true,
+                    isolatedModules: true,
+                    module: "nodenext",
+                    moduleResolution: "nodenext",
                     noEmitOnError: true,
+                    noFallthroughCasesInSwitch: true,
+                    noImplicitOverride: true,
+                    noImplicitReturns: true,
+                    noUncheckedIndexedAccess: true,
                     rootDir: "src",
                     skipLibCheck: false,
                     strict: true,
-                    target: "ES2022",
+                    target: "es2023",
                     types: ["node"],
+                    verbatimModuleSyntax: true,
                 },
                 include: ["src/**/*.ts"],
             },

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

@@ -79,11 +79,11 @@ export function projectVueAppPackageScripts() {
         fix: renderFixCommand(planVueAppPackageFixes()),
         "format:check": "oxfmt --check --config ../../oxfmt.config.ts .",
         "format:write": "oxfmt --write --config ../../oxfmt.config.ts .",
-        lint: "oxlint --config ../../oxlint.config.ts . --deny-warnings",
-        "lint:fix": "oxlint --config ../../oxlint.config.ts . --fix --deny-warnings",
+        lint: "oxlint --config ../../oxlint.config.ts .",
+        "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:",
                 },
@@ -178,6 +177,7 @@ function packageAdditionOperations(packagePath, packageNameValue, nodeVersion) {
                     "@vue/tsconfig": "catalog:",
                     oxfmt: "catalog:",
                     oxlint: "catalog:",
+                    "oxlint-tsgolint": "catalog:",
                     tailwindcss: "catalog:",
                     typescript: "catalog:",
                     vite: "catalog:",
@@ -208,14 +208,23 @@ function packageAdditionOperations(packagePath, packageNameValue, nodeVersion) {
                 extends: "@vue/tsconfig/tsconfig.dom.json",
                 compilerOptions: {
                     composite: true,
+                    erasableSyntaxOnly: true,
+                    exactOptionalPropertyTypes: true,
+                    forceConsistentCasingInFileNames: true,
+                    isolatedModules: true,
                     module: "ESNext",
                     moduleResolution: "Bundler",
                     noEmitOnError: true,
+                    noFallthroughCasesInSwitch: true,
+                    noImplicitOverride: true,
+                    noImplicitReturns: true,
+                    noUncheckedIndexedAccess: true,
                     skipLibCheck: false,
                     strict: true,
-                    target: "ES2022",
+                    target: "es2023",
                     tsBuildInfoFile: "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
                     types: ["web-bluetooth"],
+                    verbatimModuleSyntax: true,
                 },
                 include: ["env.d.ts", "src/**/*.ts", "src/**/*.vue"],
             },
@@ -236,20 +245,35 @@ function packageAdditionOperations(packagePath, packageNameValue, nodeVersion) {
         {
             kind: "writeJson",
             to: `${packagePath}/tsconfig.node.json`,
+            multilineArrays: ["include"],
             value: {
                 compilerOptions: {
                     composite: true,
+                    erasableSyntaxOnly: true,
+                    exactOptionalPropertyTypes: true,
+                    forceConsistentCasingInFileNames: true,
+                    isolatedModules: true,
                     module: "ESNext",
                     moduleResolution: "Bundler",
                     noEmitOnError: true,
                     lib: ["ESNext", "DOM", "DOM.Iterable"],
+                    noFallthroughCasesInSwitch: true,
+                    noImplicitOverride: true,
+                    noImplicitReturns: true,
+                    noUncheckedIndexedAccess: true,
                     skipLibCheck: false,
                     strict: true,
-                    target: "ES2022",
+                    target: "es2023",
                     tsBuildInfoFile: "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
                     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.js

@@ -77,7 +77,6 @@ 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: [
@@ -145,8 +144,8 @@ export function projectVueHonoRootPackageScripts() {
         fix: renderFixCommand(planVueHonoRootFixes()),
         "format:check": "oxfmt --check --config oxfmt.config.ts oxlint.config.ts oxfmt.config.ts",
         "format:write": "oxfmt --write --config oxfmt.config.ts oxlint.config.ts oxfmt.config.ts",
-        lint: "oxlint --config oxlint.config.ts oxlint.config.ts oxfmt.config.ts --deny-warnings",
-        "lint:fix": "oxlint --config oxlint.config.ts oxlint.config.ts oxfmt.config.ts --fix --deny-warnings",
+        lint: "oxlint --config oxlint.config.ts oxlint.config.ts oxfmt.config.ts",
+        "lint:fix": "oxlint --config oxlint.config.ts oxlint.config.ts oxfmt.config.ts --fix",
         typecheck: "tsc -p tsconfig.config.json --noEmit",
     };
 }
@@ -158,8 +157,8 @@ export function projectVueHonoApiPackageScripts() {
         fix: renderFixCommand(planVueHonoPackageFixes(apiPackageBoundary)),
         "format:check": "oxfmt --check --config ../../oxfmt.config.ts .",
         "format:write": "oxfmt --write --config ../../oxfmt.config.ts .",
-        lint: "oxlint --config ../../oxlint.config.ts . --deny-warnings",
-        "lint:fix": "oxlint --config ../../oxlint.config.ts . --fix --deny-warnings",
+        lint: "oxlint --config ../../oxlint.config.ts .",
+        "lint:fix": "oxlint --config ../../oxlint.config.ts . --fix",
         start: "node dist/server.js",
         test: "vitest run",
         typecheck: "tsc -p tsconfig.json --noEmit",
@@ -173,11 +172,11 @@ export function projectVueHonoWebPackageScripts() {
         fix: renderFixCommand(planVueHonoPackageFixes(webPackageBoundary)),
         "format:check": "oxfmt --check --config ../../oxfmt.config.ts .",
         "format:write": "oxfmt --write --config ../../oxfmt.config.ts .",
-        lint: "oxlint --config ../../oxlint.config.ts . --deny-warnings",
-        "lint:fix": "oxlint --config ../../oxlint.config.ts . --fix --deny-warnings",
+        lint: "oxlint --config ../../oxlint.config.ts .",
+        "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.8",
+  "version": "0.0.0",
   "private": true,
   "files": [
     "dist",
@@ -33,6 +33,16 @@
   },
   "scripts": {
     "build": "rm -rf dist && tsc -p tsconfig.build.json",
+    "check:templates": "pnpm run check:templates:shared-oxc && pnpm run check:templates:static-source",
+    "check:templates:shared-oxc": "pnpm run check:templates:shared-oxc:format && pnpm run check:templates:shared-oxc:lint && pnpm run check:templates:shared-oxc:typecheck",
+    "check:templates:shared-oxc:format": "oxfmt --check templates/shared/oxc",
+    "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 .",
+    "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": {
@@ -41,6 +51,9 @@
     "valibot": "catalog:"
   },
   "devDependencies": {
-    "@types/node": "catalog:"
+    "@types/node": "catalog:",
+    "oxfmt": "catalog:",
+    "oxlint": "catalog:",
+    "oxlint-tsgolint": "catalog:"
   }
 }

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

@@ -18,6 +18,10 @@
       "id": "shared-oxc-format",
       "path": "shared/oxc/oxfmt.config.ts"
     },
+    {
+      "id": "shared-oxc-root-tsconfig",
+      "path": "shared/oxc/tsconfig.config.json"
+    },
     {
       "id": "shared-oxc-vue",
       "path": "shared/oxc/vue"
@@ -145,6 +149,7 @@
         "@types/node",
         "oxfmt",
         "oxlint",
+        "oxlint-tsgolint",
         "turbo",
         "typescript",
         "valibot"
@@ -170,7 +175,8 @@
           "shared-devcontainer",
           "shared-editor-customization",
           "shared-oxc-node",
-          "shared-oxc-format"
+          "shared-oxc-format",
+          "shared-oxc-root-tsconfig"
         ]
       }
     },
@@ -198,6 +204,7 @@
         "hono",
         "oxfmt",
         "oxlint",
+        "oxlint-tsgolint",
         "tsc-alias",
         "turbo",
         "typescript",
@@ -234,7 +241,8 @@
           "shared-devcontainer",
           "shared-editor-customization",
           "shared-oxc-node",
-          "shared-oxc-format"
+          "shared-oxc-format",
+          "shared-oxc-root-tsconfig"
         ]
       }
     },
@@ -263,9 +271,9 @@
         "@types/web-bluetooth",
         "@vitejs/plugin-vue",
         "@vue/tsconfig",
-        "@vueuse/core",
         "oxfmt",
         "oxlint",
+        "oxlint-tsgolint",
         "pinia",
         "tailwindcss",
         "turbo",
@@ -288,6 +296,7 @@
                   "env.d.ts",
                   "index.html",
                   "playwright.config.ts",
+                  "scripts/run-playwright.ts",
                   "vite.config.ts",
                   "vitest.config.ts",
                   "src/App.vue",
@@ -313,6 +322,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"
         ],
@@ -320,6 +330,7 @@
           "shared-devcontainer",
           "shared-editor-customization",
           "shared-oxc-format",
+          "shared-oxc-root-tsconfig",
           "shared-oxc-vue"
         ]
       }
@@ -350,10 +361,10 @@
         "@types/web-bluetooth",
         "@vitejs/plugin-vue",
         "@vue/tsconfig",
-        "@vueuse/core",
         "hono",
         "oxfmt",
         "oxlint",
+        "oxlint-tsgolint",
         "pinia",
         "tailwindcss",
         "tsc-alias",
@@ -378,6 +389,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",
@@ -427,6 +439,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"
         ],
@@ -435,6 +448,7 @@
           "shared-editor-customization",
           "shared-oxc-node",
           "shared-oxc-format",
+          "shared-oxc-root-tsconfig",
           "shared-oxc-vue"
         ]
       }

package/node_modules/@ykdz/template-builtin-source/templates/shared/oxc/node/oxlint.config.ts

@@ -1,12 +1,34 @@
 import { defineConfig } from "oxlint";
 
 export default defineConfig({
+  options: {
+    typeAware: true,
+  },
   categories: {
     correctness: "error",
-    suspicious: "error",
+    suspicious: "warn",
   },
-  plugins: ["typescript", "oxc"],
+  plugins: [
+    "eslint",
+    "typescript",
+    "unicorn",
+    "oxc",
+    "node",
+    "import",
+    "vitest",
+    "promise",
+  ],
   rules: {
-    "no-unused-vars": "error",
+    "typescript/consistent-return": "off",
+    "typescript/no-misused-promises": "error",
+    "typescript/no-unsafe-argument": "warn",
+    "typescript/no-unsafe-assignment": "warn",
+    "typescript/no-unsafe-call": "warn",
+    "typescript/no-unsafe-member-access": "warn",
+    "typescript/no-unsafe-return": "warn",
+    "typescript/switch-exhaustiveness-check": "error",
+    "vitest/expect-expect": "off",
+    "vitest/no-conditional-expect": "off",
+    "vitest/require-to-throw-message": "off",
   },
 });

package/node_modules/@ykdz/template-builtin-source/templates/shared/oxc/tsconfig.config.json

@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "erasableSyntaxOnly": true,
+    "exactOptionalPropertyTypes": true,
+    "forceConsistentCasingInFileNames": true,
+    "isolatedModules": true,
+    "module": "nodenext",
+    "moduleResolution": "nodenext",
+    "noEmitOnError": true,
+    "noFallthroughCasesInSwitch": true,
+    "noImplicitOverride": true,
+    "noImplicitReturns": true,
+    "noUncheckedIndexedAccess": true,
+    "skipLibCheck": false,
+    "strict": true,
+    "target": "es2023",
+    "verbatimModuleSyntax": true
+  },
+  "include": ["oxlint.config.ts", "oxfmt.config.ts"]
+}

package/node_modules/@ykdz/template-builtin-source/templates/shared/oxc/vue/oxlint.config.ts

@@ -1,12 +1,36 @@
 import { defineConfig } from "oxlint";
 
 export default defineConfig({
+  options: {
+    typeAware: true,
+  },
   categories: {
     correctness: "error",
-    suspicious: "error",
+    suspicious: "warn",
   },
-  plugins: ["typescript", "oxc", "vue"],
+  plugins: [
+    "eslint",
+    "typescript",
+    "unicorn",
+    "oxc",
+    "node",
+    "import",
+    "vitest",
+    "promise",
+    "vue",
+  ],
   rules: {
-    "no-unused-vars": "error",
+    "typescript/consistent-return": "off",
+    "import/no-unassigned-import": ["warn", { allow: ["**/*.css"] }],
+    "typescript/no-misused-promises": "error",
+    "typescript/no-unsafe-argument": "warn",
+    "typescript/no-unsafe-assignment": "warn",
+    "typescript/no-unsafe-call": "warn",
+    "typescript/no-unsafe-member-access": "warn",
+    "typescript/no-unsafe-return": "warn",
+    "typescript/switch-exhaustiveness-check": "error",
+    "vitest/expect-expect": "off",
+    "vitest/no-conditional-expect": "off",
+    "vitest/require-to-throw-message": "off",
   },
 });

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

@@ -1 +1,8 @@
 /// <reference types="vite/client" />
+
+declare module "*.vue" {
+  import type { DefineComponent } from "vue";
+
+  const component: DefineComponent<object, object, unknown>;
+  export default component;
+}

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/env.d.ts

@@ -1,5 +1,12 @@
 /// <reference types="vite/client" />
 
+declare module "*.vue" {
+  import type { DefineComponent } from "vue";
+
+  const component: DefineComponent<object, object, unknown>;
+  export default component;
+}
+
 interface ImportMetaEnv {
   readonly VITE_API_BASE_URL?: string;
 }

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;
+});