chore: bump TS to 5.9 and typecheck docs

.vitepress/inlined-scripts/banner.d.ts

@@ -0,0 +1,3 @@
+interface Window {
+  __VITE_BANNER_ID__: string
+}

.vitepress/theme/components/SponsorBanner.vue

@@ -1,4 +1,4 @@
-<script setup>
+<script setup lang="ts">
 /**
  * 新しいバナーを追加する場合:
  * 1. ../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>
 

.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)
 

.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: {

.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: {

.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'

.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

.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({

.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.

.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'
 

.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[] = [
   {

.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'
 
 /**

_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),
       }))

package.json

@@ -2,6 +2,7 @@
   "private": true,
   "type": "module",
   "scripts": {
+    "typecheck": "vue-tsc",
     "docs": "vitepress dev",
     "build-docs": "vitepress build",
     "serve-docs": "vitepress serve",
@@ -20,11 +21,13 @@
     "textlint-filter-rule-allowlist": "^4.0.0",
     "textlint-filter-rule-comments": "^1.2.2",
     "textlint-rule-preset-vuejs-jp": "git+https://github.com/vuejs-jp/textlint-rule-preset-vuejs-jp.git",
+    "typescript": "~5.9.2",
     "vite": "7.0.6",
     "vitepress": "^2.0.0-alpha.9",
     "vitepress-plugin-group-icons": "^1.6.1",
     "vitepress-plugin-llms": "^1.7.2",
     "vue": "^3.5.18",
+    "vue-tsc": "^3.0.5",
     "yorkie": "^2.0.0"
   },
   "gitHooks": {