chore(dev): check component types in playground.vue (#16843)

Co-authored-by: Kael <kaelwd@gmail.com>
vuetifyjs · Mar 21, 2023 · 9ceaf65 · 9ceaf65
1 parent 9034340
commit 9ceaf65
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 4 deletions.
diff --git a/packages/vuetify/.eslintignore b/packages/vuetify/.eslintignore
@@ -1,8 +1,11 @@
 /build/
 
+# playground components type definitions generated by unplugin-vue-components
+/dev/components.d.ts
+
 # Built files
 /es5/
 /lib/
 /lib-temp/
 /dist/
-/cypress/
+/cypress/
diff --git a/packages/vuetify/.gitignore b/packages/vuetify/.gitignore
@@ -1,4 +1,5 @@
 /dev/Playground.vue
+/dev/components.d.ts
 /cypress/screenshots
 
 # Built files

diff --git a/packages/vuetify/package.json b/packages/vuetify/package.json
@@ -100,6 +100,7 @@
     "dev": "cross-env NODE_ENV=development vite",
     "dev:ssr": "cross-env NODE_ENV=development VITE_SSR=true vite-ssr",
     "dev:prod": "concurrently \"cross-env NODE_ENV=production vite build -w\" \"vite preview\"",
+    "dev:typecheck": "vue-tsc --noEmit --skipLibCheck --project ./tsconfig.dev.json",
     "build": "rimraf lib dist && concurrently \"yarn build:dist\" \"yarn build:lib\" -n \"dist,lib\" --kill-others-on-fail -r && yarn build:types",
     "build:dist": "rollup --config build/rollup.config.js",
     "build:lib": "cross-env NODE_ENV=lib babel src --out-dir lib --source-maps --extensions \".ts\",\".tsx\",\".snap\" --copy-files --no-copy-ignored --out-file-extension .mjs",

diff --git a/packages/vuetify/tsconfig.dev.json b/packages/vuetify/tsconfig.dev.json
@@ -4,5 +4,11 @@
     "src",
     "dev",
     "cypress"
-  ]
+  ],
+  "compilerOptions": {
+    "allowJs": true
+  },
+  "vueCompilerOptions": {
+    "strictTemplates": true
+  }
 }
diff --git a/packages/vuetify/vite.config.mjs b/packages/vuetify/vite.config.mjs
@@ -20,7 +20,7 @@ const components = files.filter(file => file.startsWith('src/labs') || !block.so
 const map = new Map(components.flatMap(file => {
   const src = readFileSync(file, { encoding: 'utf8' })
   const matches = src.matchAll(/export const (V\w+)|export { (V\w+) }/gm)
-  return Array.from(matches, m => [m[1] || m[2], file.replace('src/', '@/')])
+  return Array.from(matches, m => [m[1] || m[2], file.replace('src/', '@/').replace('.ts', '')])
 }))
 
 export default defineConfig(({ mode }) => {
@@ -45,7 +45,7 @@ export default defineConfig(({ mode }) => {
       vueJsx({ optimize: false, enableObjectSlots: true }),
       viteSSR(),
       Components({
-        dts: false,
+        dts: true,
         resolvers: [
           name => {
             if (map.has(name)) {