❄️ Translation Batch - 2025-08-09

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

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

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"]
+}