chore: add type check during ci

examples/vite/src/components/Button.vue

@@ -9,7 +9,7 @@
   </button>
 </template>
 
-<script>
+<script lang="ts">
 import './button.css'
 import { reactive, computed } from 'vue'
 
@@ -28,7 +28,7 @@
     size: {
       type: String,
       validator: function (value) {
         return ['small', 'medium', 'large'].includes(value)
       },
     },
     backgroundColor: {

examples/vite/src/components/Header.vue

@@ -59,7 +59,7 @@
   </header>
 </template>
 
-<script>
+<script lang="ts">
 import './header.css'
 import MyButton from './Button.vue'
 

examples/vite/src/components/LoginForm.vue

@@ -28,7 +28,7 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref } from 'vue'
 import Button from './Button.vue'
 

examples/vite/src/components/Page.vue

@@ -1,7 +1,7 @@
 <template>
   <article>
     <my-header
       :user="user"
       @login="onLogin"
       @logout="onLogout"
       @createAccount="onCreateAccount"
@@ -78,7 +78,7 @@
   </article>
 </template>
 
-<script>
+<script lang="ts">
 import './page.css'
 import MyHeader from './Header.vue'
 
@@ -95,13 +95,13 @@
 
   methods: {
     onLogin() {
       this.user = { name: 'Jane Doe' }
     },
     onLogout() {
       this.user = null
     },
     onCreateAccount() {
       this.user = { name: 'Jane Doe' }
     },
   },
 }

examples/vite/src/writing-stories/5-using-the-play-function.stories.vue

@@ -1,4 +1,4 @@
-<script setup>
+<script setup lang="ts">
 import { userEvent, within } from '@storybook/testing-library'
 import { expect } from '@storybook/jest'
 import LoginForm from '../components/LoginForm.vue'

package.json

@@ -91,7 +91,8 @@
     "dev": "tsup --watch src",
     "prepublishOnly": "pnpm test && pnpm build",
     "build:fix": "jiti scripts/postbuild.ts",
-    "lint": "pnpm lint:eslint && pnpm lint:prettier",
+    "lint": "pnpm lint:types && pnpm lint:eslint && pnpm lint:prettier",
+    "lint:types": "vue-tsc --noEmit -p tsconfig.check-types.json",
     "lint:eslint": "eslint --report-unused-disable-directives .",
     "lint:prettier": "prettier --check --ignore-path .gitignore . \"!pnpm-lock.yaml\"",
     "play": "npm -C playground run dev",

tsconfig.check-types.json

@@ -0,0 +1,7 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "skipLibCheck": true
+  },
+  "exclude": ["dist"]
+}