chore: need to turn on checkJs to avoid false negatives

Author: haoqunjiang

README.md

@@ -77,7 +77,8 @@ export default [
       // [!DISCOURAGED]
       // Set to `true` to allow plain `<script>` or `<script setup>` blocks.
       // This might result-in false positive or negatives in some rules for `.vue` files.
-      // Note you also need to configure `allowJs: true` in corresponding `tsconfig.json` files.
+      // Note you also need to configure `allowJs: true` and `checkJs: true`
+      // in corresponding `tsconfig.json` files.
       js: false,
 
       // [!STRONGLY DISCOURAGED]

examples/allow-js/src/App.vue

@@ -1,6 +1,7 @@
 <script setup>
 import HelloWorld from './components/HelloWorld.vue'
 import TheWelcome from './components/TheWelcome.vue'
+
 </script>
 
 <template>

examples/allow-js/tsconfig.app.json

@@ -11,6 +11,7 @@
       "@/*": ["./src/*"]
     },
 
-    "allowJs": true
+    "allowJs": true,
+    "checkJs": true
   }
 }

examples/minimal/src/main.ts

@@ -4,7 +4,3 @@ import { createApp } from 'vue'
 import App from './App.vue'
 
 createApp(App).mount('#app')
-
-let a: number = 1
-a = 'a'
-console.log('a', a)

examples/with-jsx-in-vue/tsconfig.app.json

@@ -11,6 +11,7 @@
       "@/*": ["./src/*"]
     },
 
-    "allowJs": true
+    "allowJs": true,
+    "checkJs": true
   }
 }

examples/with-jsx/tsconfig.app.json

@@ -10,6 +10,7 @@
     "paths": {
       "@/*": ["./src/*"]
     },
-    "allowJs": true
+    "allowJs": true,
+    "checkJs": true
   }
 }

tsconfig.json

@@ -14,6 +14,7 @@
 
 		// Allow JS files to be imported from TS and vice versa
 		"allowJs": true,
+		"checkJs": true,
 
 		// Use correct ESM import behavior
 		"esModuleInterop": true,