chore: cleanup deps and vite.config.ts ts issues

Author: ascott18

docs/package.json

@@ -19,7 +19,7 @@
     "gray-matter": "^4.0.3",
     "linkcheck-bin": "3.0.0-2",
     "serve-handler": "^6.1.6",
-    "vitepress": "2.0.0-alpha.5",
+    "vitepress": "2.0.0-alpha.12",
     "wait-on": "^8.0.4"
   }
 }

package-lock.json

@@ -26,7 +26,7 @@
     "vue": "^3.5.4"
   },
   "devDependencies": {
-    "vite-plugin-inspect": "^0.8.1",
+    "vite-plugin-inspect": "^11.3.3",
     "vite-plugin-vuetify": "^2.1.2"
   }
 }

playground/Coalesce.Web.Vue3/package.json

@@ -16,6 +16,10 @@
       "types": "./dist/index.d.ts",
       "default": "./dist/coalesce-vue-vuetify3.js"
     },
+    "./build": {
+      "types": "./dist/build.d.ts",
+      "default": "./dist/build.js"
+    },
     "./*": "./dist/*",
     "./styles": "./dist/coalesce-vue-vuetify.css",
     "./styles.css": "./dist/coalesce-vue-vuetify.css"
@@ -54,7 +58,7 @@
   },
   "devDependencies": {
     "@types/node": "^20.14.11",
-    "@vitejs/plugin-vue-jsx": "^4.1.1",
+    "@vitejs/plugin-vue-jsx": "^5.1.1",
     "coalesce-vue": "../coalesce-vue",
     "sass": "^1.69.7",
     "vue-router": "^4.4.1",

src/coalesce-vue-vuetify3/package.json

@@ -1,16 +1,16 @@
 {
   "compilerOptions": {
-    "target": "ES2021",
+    "target": "es2023",
     "module": "esnext",
     "strict": true,
     "jsx": "preserve",
-    "jsxImportSource": "vue",
-    "importHelpers": true,
-    "moduleResolution": "node",
-    "sourceMap": true,
+    "moduleResolution": "bundler",
+    "incremental": true,
+    "tsBuildInfoFile": "./node_modules/.tsbuildinfo",
     "skipLibCheck": true,
-    "resolveJsonModule": true,
+    "forceConsistentCasingInFileNames": true,
     "allowSyntheticDefaultImports": true,
+    "noEmit": true,
     "baseUrl": ".",
     "paths": {
       "@test/*": ["test/*"],
@@ -23,16 +23,20 @@
       "vue-router": ["node_modules/vue-router"],
       "@vue/reactivity": ["node_modules/@vue/reactivity/dist/reactivity"]
     },
+    "jsxImportSource": "vue",
+    "importHelpers": true,
+    "sourceMap": true,
+    "resolveJsonModule": true,
     "lib": ["esnext", "dom", "dom.iterable", "scripthost"],
-    "types": ["node", "vue-router", "vuetify", "vitest/globals"]
+    "types": ["vue-router", "vuetify", "vitest/globals"]
   },
   "include": [
-    "vite.config.ts",
     "src/**/*.ts",
     "src/**/*.tsx",
     "src/**/*.vue",
     "test/**/*.ts",
     "test/**/*.tsx"
   ],
-  "exclude": ["node_modules"]
+  "exclude": ["node_modules"],
+  "references": [{ "path": "./tsconfig.node.json" }]
 }

src/coalesce-vue-vuetify3/tsconfig.json

@@ -0,0 +1,12 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "allowSyntheticDefaultImports": true,
+    "module": "nodenext",
+    "resolveJsonModule": true,
+    "moduleResolution": "nodenext",
+    "types": ["node", "vitest", "vitest/config", "../../node_modules/vitest"]
+  },
+  "include": ["vite.config.ts"],
+  "exclude": ["node_modules"]
+}

src/coalesce-vue-vuetify3/tsconfig.node.json

@@ -1,12 +1,13 @@
 import path from "path";
 import { defineConfig } from "vite";
+
 import vue from "@vitejs/plugin-vue";
 import vueJsx from "@vitejs/plugin-vue-jsx";
 
 import Components from "unplugin-vue-components/vite";
 import { Vuetify3Resolver } from "unplugin-vue-components/resolvers";
 
-import pkg from "./package.json";
+import pkg from "./package.json" with { type: "json" };
 
 export default defineConfig({
   build: {

src/coalesce-vue-vuetify3/vite.config.ts

@@ -42,6 +42,7 @@ foreach ($testCase in $testCases) {
         dotnet restore
         dotnet coalesce
         npm i
+        npx tsc -p ./tsconfig.node.json
         npm run build
         npm run lint:fix # ensure all lint issues are auto-fixable
         # CS9113: Parameter '<param>' is unread. (too annoying to fix this for every possible combination of template params)

templates/Coalesce.Vue.Template/TestLocal.ps1

@@ -2,8 +2,9 @@
   "compilerOptions": {
     "composite": true,
     "allowSyntheticDefaultImports": true,
-    "module": "esnext",
-    "moduleResolution": "node",
+    "skipLibCheck": true,
+    "module": "nodenext",
+    "moduleResolution": "nodenext",
     "types": ["node", "vitest"]
   },
   "include": ["vite.config.ts"],

templates/Coalesce.Vue.Template/content/Coalesce.Starter.Vue.Web/tsconfig.node.json

@@ -91,17 +91,6 @@ export default defineConfig({
     },
   },
 
-  css: {
-    preprocessorOptions: {
-      scss: {
-        api: "modern",
-      },
-      sass: {
-        api: "modern",
-      },
-    },
-  },
-
   test: {
     globals: true,
     environment: "jsdom",