TS configuration for playground package

Author: skirtles-code

src/index.ts

@@ -241,7 +241,7 @@ function copyFiles(templateFile: string, config: Config) {
     const content = ejs.render(template, { config })
 
     fs.writeFileSync(target, content)
-  } else if (['package.json', 'vite.config.mts', 'config.mts', 'index.md', 'introduction.md', 'App.vue'].includes(filename)) {
+  } else if (['package.json', 'vite.config.mts', 'config.mts', 'index.md', 'introduction.md', 'App.vue', 'tsconfig.app.json', 'env.d.ts'].includes(filename)) {
     const template = fs.readFileSync(templatePath, 'utf-8')
     const content = template
       .replace(/@projectName@/g, config.mainPackageDirName)

src/template/base/config/packages/@projectName@/global.d.ts renamed to src/template/base/config/packages/@projectName@/src/global.d.ts

@@ -1,6 +1,6 @@
 {
   "extends": "@vue/tsconfig/tsconfig.dom.json",
-  "include": ["*.d.ts", "src/**/*", "src/**/*.vue"],
+  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
   "exclude": ["src/**/__tests__/*"],
   "compilerOptions": {
     "tsBuildInfoFile": "../../node_modules/.tmp/tsconfig.app.tsbuildinfo",

src/template/base/config/packages/@projectName@/tsconfig.app.json

@@ -0,0 +1,2 @@
+/// <reference types="vite/client" />
+/// <reference path="../@projectName@/src/global.d.ts" />

src/template/playground/config/packages/playground/env.d.ts

@@ -2,17 +2,23 @@
   "private": true,
   "scripts": {
     "dev": "vite --port 5051",
-    "build": "vite build",
+    "type-check": "vue-tsc --noEmit -p tsconfig.app.json --composite false",
+    "build": "pnpm run type-check && vite build",
     "preview": "vite preview --port 4051",
     "clean": "rimraf dist"
   },
   "dependencies": {
     "vue": "^3.5.13"
   },
   "devDependencies": {
+    "@tsconfig/node22": "^22.0.0",
+    "@types/node": "^22.10.7",
     "@vitejs/plugin-vue": "^5.2.1",
+    "@vue/tsconfig": "^0.7.0",
     "rimraf": "^5.0.1",
+    "typescript": "~5.7.3",
     "vite": "^6.0.11",
-    "vite-plugin-vue-devtools": "^7.7.0"
+    "vite-plugin-vue-devtools": "^7.7.0",
+    "vue-tsc": "^2.2.0"
   }
 }

src/template/playground/config/packages/playground/package.json

@@ -0,0 +1,11 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.dom.json",
+  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
+  "compilerOptions": {
+    "tsBuildInfoFile": "../../node_modules/.tmp/tsconfig.playground.app.tsbuildinfo",
+    "paths": {
+      "@/*": ["./src/*"],
+      "@scopedPackageName@": ["../@projectName@/src/index.ts"]
+    }
+  }
+}

src/template/playground/config/packages/playground/tsconfig.app.json

@@ -0,0 +1,11 @@
+{
+  "files": [],
+  "references": [
+    {
+      "path": "./tsconfig.node.json"
+    },
+    {
+      "path": "./tsconfig.app.json"
+    }
+  ]
+}

src/template/playground/config/packages/playground/tsconfig.json

@@ -0,0 +1,18 @@
+{
+  "extends": "@tsconfig/node22/tsconfig.json",
+  "include": [
+    "vite.config.*",
+    "vitest.config.*",
+    "cypress.config.*",
+    "nightwatch.conf.*",
+    "playwright.config.*",
+    "eslint.config.*"
+  ],
+  "compilerOptions": {
+    "noEmit": true,
+    "tsBuildInfoFile": "../../node_modules/.tmp/tsconfig.playground.node.tsbuildinfo",
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "types": ["node"]
+  }
+}