chore: bump TS to 5.9 and typecheck docs (vitejs#20582)

ArnaudBarre · web-flow · commit 24c94051826d · 2025-08-11T12:05:08.000+09:00
diff --git a/docs/.vitepress/inlined-scripts/banner.d.ts b/docs/.vitepress/inlined-scripts/banner.d.ts
@@ -0,0 +1,3 @@
+interface Window {
+  __VITE_BANNER_ID__: string
+}
diff --git a/docs/.vitepress/theme/components/SponsorBanner.vue b/docs/.vitepress/theme/components/SponsorBanner.vue
@@ -1,4 +1,4 @@
-<script setup>
+<script setup lang="ts">
 /**
  * Adding a new banner:
  * 1. uncomment the banner slot in ../index.ts
@@ -15,7 +15,7 @@ const open = ref(true)
 function dismiss() {
   open.value = false
   document.documentElement.classList.add('banner-dismissed')
-  localStorage.setItem(`vite-docs-banner-${__VITE_BANNER_ID__}`, 'true')
+  localStorage.setItem(`vite-docs-banner-${window.__VITE_BANNER_ID__}`, 'true')
 }
 </script>
 
diff --git a/docs/.vitepress/theme/components/landing/1. hero-section/HeroDiagram.vue b/docs/.vitepress/theme/components/landing/1. hero-section/HeroDiagram.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import { gsap } from 'gsap'
 import { MotionPathPlugin } from 'gsap/dist/MotionPathPlugin'
-import { onMounted, onUnmounted, Ref, ref } from 'vue'
+import { onMounted, onUnmounted, type Ref, ref } from 'vue'
 import SvgInputs from './svg-elements/SvgInputs.vue'
 import SvgOutputs from './svg-elements/SvgOutputs.vue'
 import SvgBlueIndicator from './svg-elements/SvgBlueIndicator.vue'
 import SvgPinkIndicator from './svg-elements/SvgPinkIndicator.vue'
 import { ScrollTrigger } from 'gsap/dist/ScrollTrigger'
-import { SvgNodeProps } from '../common/SvgNode.vue'
+import type { SvgNodeProps } from '../common/SvgNode.vue'
 
 gsap.registerPlugin(MotionPathPlugin)
 
diff --git a/docs/.vitepress/theme/components/landing/1. hero-section/svg-elements/SvgInputs.vue b/docs/.vitepress/theme/components/landing/1. hero-section/svg-elements/SvgInputs.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import SvgNode, { SvgNodeProps } from '../../common/SvgNode.vue'
-import { Ref } from 'vue'
+import SvgNode, { type SvgNodeProps } from '../../common/SvgNode.vue'
+import type { Ref } from 'vue'
 
 defineProps({
   inputLines: {
diff --git a/docs/.vitepress/theme/components/landing/1. hero-section/svg-elements/SvgOutputs.vue b/docs/.vitepress/theme/components/landing/1. hero-section/svg-elements/SvgOutputs.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import SvgNode, { SvgNodeProps } from '../../common/SvgNode.vue'
-import { Ref } from 'vue'
+import SvgNode, { type SvgNodeProps } from '../../common/SvgNode.vue'
+import type { Ref } from 'vue'
 
 defineProps({
   outputLines: {
diff --git a/docs/.vitepress/theme/components/landing/2. feature-section/FeatureCI.vue b/docs/.vitepress/theme/components/landing/2. feature-section/FeatureCI.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Ref, ref } from 'vue'
+import { type Ref, ref } from 'vue'
 import SvgNode from '../common/SvgNode.vue'
 import { gsap } from 'gsap'
 import { useSlideIn } from '../../../composables/useSlideIn'
diff --git a/docs/.vitepress/theme/components/landing/2. feature-section/FeatureOptimizedBuild.vue b/docs/.vitepress/theme/components/landing/2. feature-section/FeatureOptimizedBuild.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import SvgNode from '../common/SvgNode.vue'
-import { ref, Ref } from 'vue'
+import { ref, type Ref } from 'vue'
 import { gsap } from 'gsap'
 import { useSlideIn } from '../../../composables/useSlideIn'
 import { useCardAnimation } from '../../../composables/useCardAnimation'
@@ -29,7 +29,7 @@ const { startAnimation } = useCardAnimation(
     const timeline = gsap.timeline()
 
     // Animate in each node
-    nodes.forEach((node, i) => {
+    nodes.forEach((node) => {
       let subTimeline = gsap.timeline()
       subTimeline.call(() => {
         node.visible.value = true
diff --git a/docs/.vitepress/theme/components/landing/2. feature-section/FeatureSection.vue b/docs/.vitepress/theme/components/landing/2. feature-section/FeatureSection.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import SvgNode from '../common/SvgNode.vue'
-import { onMounted, onUnmounted, Ref, ref } from 'vue'
+import { onMounted, onUnmounted, type Ref, ref } from 'vue'
 import { gsap } from 'gsap'
 
 const props = defineProps({
diff --git a/docs/.vitepress/theme/components/landing/3. frameworks-section/FrameworkCard.vue b/docs/.vitepress/theme/components/landing/3. frameworks-section/FrameworkCard.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Ref, ref } from 'vue'
+import { type Ref, ref } from 'vue'
 
 /**
  * A single framework or tool to display in the frameworks section.
diff --git a/docs/.vitepress/theme/components/landing/3. frameworks-section/FrameworksSection.vue b/docs/.vitepress/theme/components/landing/3. frameworks-section/FrameworksSection.vue
@@ -1,6 +1,13 @@
 <script setup lang="ts">
-import { computed, ComputedRef, onMounted, onUnmounted, Ref, ref } from 'vue'
-import FrameworkCard, { Framework } from './FrameworkCard.vue'
+import {
+  computed,
+  type ComputedRef,
+  onMounted,
+  onUnmounted,
+  type Ref,
+  ref,
+} from 'vue'
+import FrameworkCard, { type Framework } from './FrameworkCard.vue'
 import { gsap } from 'gsap'
 import { ScrollTrigger } from 'gsap/dist/ScrollTrigger'
 
diff --git a/docs/.vitepress/theme/components/landing/4. community-section/CommunitySection.vue b/docs/.vitepress/theme/components/landing/4. community-section/CommunitySection.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import CommunityCard, { Testimonial } from './CommunityCard.vue'
+import CommunityCard, { type Testimonial } from './CommunityCard.vue'
 
 const testimonials: Testimonial[] = [
   {
diff --git a/docs/.vitepress/theme/components/landing/common/SvgNode.vue b/docs/.vitepress/theme/components/landing/common/SvgNode.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, Ref, ref, watch, ComputedRef } from 'vue'
+import { computed, type Ref, ref, watch, type ComputedRef } from 'vue'
 import { gsap } from 'gsap'
 
 /**
diff --git a/docs/.vitepress/tsconfig.json b/docs/.vitepress/tsconfig.json
diff --git a/docs/.vitepress/vite-env.d.ts b/docs/.vitepress/vite-env.d.ts
diff --git a/docs/_data/blog.data.ts b/docs/_data/blog.data.ts
@@ -17,8 +17,9 @@ export default createContentLoader('blog/*.md', {
   transform(raw): Post[] {
     return raw
       .map(({ url, frontmatter }) => ({
-        title: frontmatter.head.find((e) => e[1].property === 'og:title')[1]
-          .content,
+        title: frontmatter.head.find(
+          (e: any) => e[1].property === 'og:title',
+        )[1].content,
         url,
         date: formatDate(frontmatter.date),
       }))
diff --git a/docs/package.json b/docs/package.json
@@ -3,6 +3,7 @@
   "private": true,
   "type": "module",
   "scripts": {
+    "typecheck": "vue-tsc",
     "docs": "vitepress dev",
     "docs-build": "vitepress build",
     "docs-serve": "vitepress serve"
@@ -16,6 +17,7 @@
     "vitepress": "^2.0.0-alpha.9",
     "vitepress-plugin-group-icons": "^1.6.1",
     "vitepress-plugin-llms": "^1.7.2",
-    "vue": "^3.5.18"
+    "vue": "^3.5.18",
+    "vue-tsc": "^3.0.5"
   }
 }
diff --git a/docs/tsconfig.json b/docs/tsconfig.json
@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "target": "ES2023",
+    "lib": ["ES2023", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    "types": ["vite/client"],
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["**/*.ts", ".vitepress/**/*.ts", ".vitepress/**/*.vue"]
+}
diff --git a/package.json b/package.json
@@ -68,7 +68,7 @@
     "rollup": "^4.43.0",
     "simple-git-hooks": "^2.13.1",
     "tsx": "^4.20.3",
-    "typescript": "~5.7.2",
+    "typescript": "~5.9.2",
     "typescript-eslint": "^8.39.0",
     "vite": "workspace:*",
     "vitest": "^3.2.4"
diff --git a/playground/tsconfig.json b/playground/tsconfig.json
@@ -10,6 +10,7 @@
     "esModuleInterop": true,
     "resolveJsonModule": true,
     "moduleResolution": "bundler",
+    "erasableSyntaxOnly": true,
     "skipLibCheck": true,
     "noUnusedLocals": true,
     "jsx": "preserve",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/scripts/tsconfig.json b/scripts/tsconfig.json

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+interface Window {`
	`2`	`+ __VITE_BANNER_ID__: string`
	`3`	`+}`