From 6128cf857c096cd92f349f06ffb85993b85fe36c Mon Sep 17 00:00:00 2001
From: Tobias Diez <code@tobiasdiez.de>
Date: Mon, 16 Oct 2023 00:54:25 +0800
Subject: [PATCH] chore: add type check during ci

---
 examples/vite/src/components/Button.vue                    | 2 +-
 examples/vite/src/components/Header.vue                    | 2 +-
 examples/vite/src/components/LoginForm.vue                 | 2 +-
 examples/vite/src/components/Page.vue                      | 2 +-
 .../writing-stories/5-using-the-play-function.stories.vue  | 2 +-
 package.json                                               | 3 ++-
 tsconfig.check-types.json                                  | 7 +++++++
 7 files changed, 14 insertions(+), 6 deletions(-)
 create mode 100644 tsconfig.check-types.json

diff --git a/examples/vite/src/components/Button.vue b/examples/vite/src/components/Button.vue
index 8cfce18b..98a3800b 100644
--- a/examples/vite/src/components/Button.vue
+++ b/examples/vite/src/components/Button.vue
@@ -9,7 +9,7 @@
   </button>
 </template>
 
-<script>
+<script lang="ts">
 import './button.css'
 import { reactive, computed } from 'vue'
 
diff --git a/examples/vite/src/components/Header.vue b/examples/vite/src/components/Header.vue
index 2a3fd619..059eb8ca 100644
--- a/examples/vite/src/components/Header.vue
+++ b/examples/vite/src/components/Header.vue
@@ -59,7 +59,7 @@
   </header>
 </template>
 
-<script>
+<script lang="ts">
 import './header.css'
 import MyButton from './Button.vue'
 
diff --git a/examples/vite/src/components/LoginForm.vue b/examples/vite/src/components/LoginForm.vue
index c89ca6ea..05e6e064 100644
--- a/examples/vite/src/components/LoginForm.vue
+++ b/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'
 
diff --git a/examples/vite/src/components/Page.vue b/examples/vite/src/components/Page.vue
index b27d22ae..6e3e3739 100644
--- a/examples/vite/src/components/Page.vue
+++ b/examples/vite/src/components/Page.vue
@@ -78,7 +78,7 @@
   </article>
 </template>
 
-<script>
+<script lang="ts">
 import './page.css'
 import MyHeader from './Header.vue'
 
diff --git a/examples/vite/src/writing-stories/5-using-the-play-function.stories.vue b/examples/vite/src/writing-stories/5-using-the-play-function.stories.vue
index f33abc9a..870cb5d5 100644
--- a/examples/vite/src/writing-stories/5-using-the-play-function.stories.vue
+++ b/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'
diff --git a/package.json b/package.json
index 87c874f4..75d8913e 100644
--- a/package.json
+++ b/package.json
@@ -79,8 +79,9 @@
     "build": "tsup",
     "dev": "tsup --watch src",
     "prepublishOnly": "pnpm test && pnpm build",
+    "lint": "pnpm lint:types && pnpm lint:eslint && pnpm lint:prettier",
     "build:fix": "esno scripts/postbuild.ts",
-    "lint": "pnpm lint:eslint && pnpm lint:prettier",
+    "lint:types": "vue-tsc --noEmit -p tsconfig.check-types.json",
     "lint:eslint": "eslint --ext .ts,.js,.vue --ignore-path .gitignore --report-unused-disable-directives .",
     "lint:prettier": "prettier --check --ignore-path .gitignore . \"!pnpm-lock.yaml\"",
     "play": "npm -C playground run dev",
diff --git a/tsconfig.check-types.json b/tsconfig.check-types.json
new file mode 100644
index 00000000..5a8c00c6
--- /dev/null
+++ b/tsconfig.check-types.json
@@ -0,0 +1,7 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "skipLibCheck": true
+  },
+  "exclude": ["dist"]
+}