feat: translate home page

mostafa-nematpour · Nov 19, 2024 · 92da412 · 92da412
1 parent 09af205
commit 92da412
Show file tree

Hide file tree

Showing 23 changed files with 86 additions and 87 deletions.
diff --git a/.github/workflows/autosync.yml b/.github/workflows/autosync.yml
diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
@@ -70,6 +70,8 @@ const versionLinks = ((): DefaultTheme.NavItemWithLink[] => {
 export default defineConfig({
   title: `Vite${additionalTitle}`,
   description: 'Next Generation Frontend Tooling',
+  dir: 'rtl',
+  lang: 'fa',
 
   head: [
     ['link', { rel: 'icon', type: 'image/svg+xml', href: '/logo.svg' }],
@@ -163,16 +165,16 @@ export default defineConfig({
     },
 
     footer: {
-      message: `Released under the MIT License. (${commitRef})`,
-      copyright: 'Copyright © 2019-present VoidZero Inc. & Vite Contributors',
+      message: `تحت مجوز MIT منتشر شده. (${commitRef})`,
+      copyright: 'کپی‌رایت © ۲۰۱۹ تا کنون متعلق به VoidZero Inc و مشارکت‌کنندگان vite.',
     },
 
     nav: [
-      { text: 'Guide', link: '/guide/', activeMatch: '/guide/' },
-      { text: 'Config', link: '/config/', activeMatch: '/config/' },
-      { text: 'Plugins', link: '/plugins/', activeMatch: '/plugins/' },
+      { text: 'راهنما', link: '/guide/', activeMatch: '/guide/' },
+      { text: 'کانفیگ', link: '/config/', activeMatch: '/config/' },
+      { text: 'پلاگین‌ها', link: '/plugins/', activeMatch: '/plugins/' },
       {
-        text: 'Resources',
+        text: 'منابع',
         items: [
           { text: 'Team', link: '/team' },
           { text: 'Blog', link: '/blog' },
@@ -220,7 +222,7 @@ export default defineConfig({
         ],
       },
       {
-        text: 'Version',
+        text: 'نسخه',
         items: versionLinks,
       },
     ],

diff --git a/docs/.vitepress/theme/components/landing/1. hero-section/HeroDiagram.vue b/docs/.vitepress/theme/components/landing/1. hero-section/HeroDiagram.vue
@@ -440,7 +440,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <div class="hero__diagram" id="hero-diagram">
+  <div dir='ltr' class="hero__diagram" id="hero-diagram">
     <!-- Input Lines -->
     <SvgInputs :input-lines="inputLines" />
 
@@ -480,13 +480,13 @@ onMounted(() => {
   margin: -100px auto 0;
 
   @media (max-width: 1630px) {
-    left: 50%;
-    transform: translate3d(-50%, 0, 0);
+    right: 50%;
+    transform: translate3d(50%, 0, 0);
   }
 
   @media (max-width: 768px) {
-    left: 50%;
-    transform: translate3d(-50%, 0, 0) scale(0.9);
+    right: 50%;
+    transform: translate3d(50%, 0, 0) scale(0.9);
   }
 }
 

diff --git a/docs/.vitepress/theme/components/landing/1. hero-section/HeroSection.vue b/docs/.vitepress/theme/components/landing/1. hero-section/HeroSection.vue
@@ -16,23 +16,23 @@ import HeroDiagram from './HeroDiagram.vue'
       </a>
 
       <!-- Heading -->
-      <h1>The Build Tool<br />for the Web</h1>
+      <h1>ابزار ساخت<br />برای وب</h1>
       <!-- Tagline -->
       <h3>
-        Vite is a blazing fast frontend build tool powering the next generation
-        of web applications.
+        Vite ابزار ساخت برای frontend و فوق‌العاده سریع است
+        که نسل بعدی برنامه‌های وب را توانمند می‌سازد.
       </h3>
 
       <!-- CTA Buttons -->
       <div class="hero__actions">
-        <a href="/guide/" class="btn btn--primary">Get started</a>
+        <a href="/guide/" class="btn btn--primary">شروع کنید</a>
         <a
           href="https://github.com/vitejs/vite"
           target="_blank"
           class="btn btn--outline"
         >
           <img src="/github.svg" alt="GitHub logo" width="20" height="20" />
-          GitHub
+          گیت‌هاب
         </a>
       </div>
     </div>

diff --git a/docs/.vitepress/theme/components/landing/2. feature-section/FeatureCI.vue b/docs/.vitepress/theme/components/landing/2. feature-section/FeatureCI.vue
@@ -319,10 +319,10 @@ const { startAnimation, isCardActive } = useCardAnimation(
       </div>
     </div>
     <div class="feature__meta meta--center">
-      <div class="meta__title">Continuous ecosystem integration</div>
+      <div class="meta__title">یکپارچگی مداوم در اکوسیستم</div>
       <div class="meta__description">
-        Our CI continuously tests Vite changes against downstream projects,
-        allowing us to improve Vite with stability and confidence.
+        تیم ما به طور مداوم تغییرات Vite را در پروژه‌های بالادستی آزمایش می‌کند،
+        که به ما اجازه می‌دهد Vite را با ثبات و اعتماد به نفس بهبود بخشیم.
       </div>
     </div>
   </div>
@@ -360,10 +360,10 @@ const { startAnimation, isCardActive } = useCardAnimation(
 
   .camera-container {
     width: 720px;
-    left: 50%;
+    right: 50%;
     position: relative;
     transition: transform 3s ease;
-    transform: translate3d(-50%, 80px, 0) scale(1.05);
+    transform: translate3d(50%, 80px, 0) scale(1.05);
   }
 
   .grid {
@@ -496,7 +496,7 @@ const { startAnimation, isCardActive } = useCardAnimation(
 
     .camera-container {
       transition: transform 1.5s ease 1s;
-      transform: translate3d(-50%, -100px, 0) scale(1.05);
+      transform: translate3d(50%, -100px, 0) scale(1.05);
     }
   }
 }

diff --git a/docs/.vitepress/theme/components/landing/2. feature-section/FeatureFlexiblePlugins.vue b/docs/.vitepress/theme/components/landing/2. feature-section/FeatureFlexiblePlugins.vue
@@ -349,10 +349,10 @@ const { isCardActive, startAnimation } = useCardAnimation(
       </div>
     </div>
     <div class="feature__meta">
-      <div class="meta__title">Flexible plugin system</div>
+      <div class="meta__title">سیستم پلاگین انعطاف پذیر</div>
       <div class="meta__description">
-        Vite plugins extends Rollup's well-designed plugin interface with a few
-        extra Vite-specific options.
+        پلاگین‌های Vite رابط پلاگین Rollup را
+        با چند آپشن اضافی ویژه Vite گسترش می‌دهد.
       </div>
     </div>
   </div>

diff --git a/docs/.vitepress/theme/components/landing/2. feature-section/FeatureHMR.vue b/docs/.vitepress/theme/components/landing/2. feature-section/FeatureHMR.vue
@@ -247,9 +247,9 @@ const { startAnimation } = useCardAnimation(
       </div>
     </div>
     <div class="feature__meta meta--center">
-      <div class="meta__title">Lightning fast HMR</div>
+      <div class="meta__title">جایگزینی ماژول سریع (HMR)</div>
       <div class="meta__description">
-        Hot Module Replacement (HMR) that stays fast regardless of app size.
+        جایگزینی ماژول سریع (HMR) که بدون در نظر گرفتن اندازه برنامه سریع می‌ماند.
       </div>
     </div>
   </div>

diff --git a/docs/.vitepress/theme/components/landing/2. feature-section/FeatureInstantServerStart.vue b/docs/.vitepress/theme/components/landing/2. feature-section/FeatureInstantServerStart.vue
@@ -182,9 +182,9 @@ onUnmounted(() => {
       <div class="connection-line" :class="{ active: commandTriggered }" />
     </div>
     <div class="feature__meta">
-      <div class="meta__title">Instant server start</div>
+      <div class="meta__title">راه‌اندازی فوری سرور</div>
       <div class="meta__description">
-        On demand file serving over native ESM, no bundling required!
+        سرویس دهی فایل درخواستی از طریق ESM بومی، بدون نیاز به پردازش اضافی!
       </div>
     </div>
   </div>
@@ -376,7 +376,7 @@ onUnmounted(() => {
   .connection-line {
     position: absolute;
     top: 203px;
-    right: 40px;
+    left: 60px;
     width: 1px;
     height: calc(100% - 170px - 33px);
     background: url('/noise.png'), #13b351;

diff --git a/docs/.vitepress/theme/components/landing/2. feature-section/FeatureOptimizedBuild.vue b/docs/.vitepress/theme/components/landing/2. feature-section/FeatureOptimizedBuild.vue
@@ -436,9 +436,9 @@ const { startAnimation } = useCardAnimation(
       </svg>
     </div>
     <div class="feature__meta meta--center">
-      <div class="meta__title">Optimized build</div>
+      <div class="meta__title">بهینه‌سازی بیلد</div>
       <div class="meta__description">
-        Pre-configured Rollup build with multi-page and library mode support.
+        پیکربندی از پیش آماده Rollup با پشتیبانی از حالت چند صفحه و حالت کتابخانه‌ای.
       </div>
     </div>
   </div>

diff --git a/docs/.vitepress/theme/components/landing/2. feature-section/FeatureRichFeatures.vue b/docs/.vitepress/theme/components/landing/2. feature-section/FeatureRichFeatures.vue
@@ -126,9 +126,9 @@ const { isCardActive, startAnimation } = useCardAnimation(
       <div class="center-glow" />
     </div>
     <div class="feature__meta meta--center">
-      <div class="meta__title">Rich features</div>
+      <div class="meta__title">امکانات گسترده</div>
       <div class="meta__description">
-        Out-of-the-box support for TypeScript, JSX, CSS and more.
+        پشتیبانی آماده و بی‌درنگ از TypeScript ، JSX ، CSS و موارد دیگر.
       </div>
     </div>
   </div>

diff --git a/docs/.vitepress/theme/components/landing/2. feature-section/FeatureSSRSupport.vue b/docs/.vitepress/theme/components/landing/2. feature-section/FeatureSSRSupport.vue
@@ -25,7 +25,7 @@ const { isCardActive, startAnimation } = useCardAnimation(
     id="ssr-support"
     @mouseover.stop.prevent="startAnimation"
   >
-    <div class="feature__visualization" :class="{ active: isCardActive }">
+    <div dir="ltr" class="feature__visualization" :class="{ active: isCardActive }">
       <svg
         width="402"
         height="166"
@@ -417,10 +417,10 @@ const { isCardActive, startAnimation } = useCardAnimation(
       </svg>
     </div>
     <div class="feature__meta">
-      <div class="meta__title">First class SSR Support</div>
+      <div class="meta__title">پشتیبانی درجه یک از SSR</div>
       <div class="meta__description">
-        It's never been easier to setup custom SSR (Server-Side Rendering), or
-        build your own SSR framework.
+        هرگز راه‌اندازی SSR (رندرینگ سمت سرور) سفارشی
+        یا ساخت فریمورک SSR شخصی، این‌قدر آسان نبوده است.
       </div>
     </div>
   </div>

diff --git a/docs/.vitepress/theme/components/landing/2. feature-section/FeatureSection.vue b/docs/.vitepress/theme/components/landing/2. feature-section/FeatureSection.vue
@@ -156,6 +156,7 @@ const startAnimation = () => {
 
   h2 {
     --text-color: #404040;
+    line-height: 150%;
     background: radial-gradient(
       circle 300px at 30% -180%,
       var(--text-color) 0%,
@@ -220,7 +221,7 @@ const startAnimation = () => {
 
       .meta__title {
         color: #fff;
-        font-family: Manrope, sans-serif;
+        font-family: 'site-font', Manrope, sans-serif;
         font-size: 20px;
         font-style: normal;
         font-weight: 600;
@@ -232,7 +233,7 @@ const startAnimation = () => {
 
       .meta__description {
         color: #a3a3a3;
-        font-family: Inter, sans-serif;
+        font-family: 'site-font', Inter, sans-serif;
         font-size: 16px;
         font-style: normal;
         font-weight: 400;

diff --git a/docs/.vitepress/theme/components/landing/2. feature-section/FeatureTypedAPI.vue b/docs/.vitepress/theme/components/landing/2. feature-section/FeatureTypedAPI.vue
@@ -26,7 +26,7 @@ const { isCardActive, startAnimation } = useCardAnimation(
     @mouseover.stop.prevent="startAnimation"
   >
     <div class="feature__visualization" :class="{ active: isCardActive }">
-      <div class="ide">
+      <div dir="ltr" class="ide">
         <span class="code code__inactive">
           <span class="code--red">import</span> { createServer }
           <span class="code--red">from</span>
@@ -49,7 +49,7 @@ const { isCardActive, startAnimation } = useCardAnimation(
           >
         </span>
       </div>
-      <div class="tooltip">
+      <div dir="ltr" class="tooltip">
         <span class="code">
           (method) ViteDevServer.<span class="code--blue">listen</span
           >(port<span class="code--blue">?:</span> number
@@ -68,8 +68,8 @@ const { isCardActive, startAnimation } = useCardAnimation(
       </div>
     </div>
     <div class="feature__meta meta--center">
-      <div class="meta__title">Fully typed API</div>
-      <div class="meta__description">Designed to be built on top of.</div>
+      <div class="meta__title">API با پشتیبانی کامل از تایپ</div>
+      <div class="meta__description">طراحی شده برای ساخت بر روی آن.</div>
     </div>
   </div>
 </template>

diff --git a/docs/.vitepress/theme/components/landing/3. frameworks-section/FrameworksSection.vue b/docs/.vitepress/theme/components/landing/3. frameworks-section/FrameworksSection.vue
@@ -306,7 +306,7 @@ const rowStyle: ComputedRef<{ transform: string }> = computed(() => {
 
 <template>
   <section class="frameworks-section" id="frameworks-section">
-    <h2>Powering your favorite frameworks and tools</h2>
+    <h2>قدرت دهی به فریمورک‌ها و ابزارهای مورد علاقه شما</h2>
     <div class="frameworks-container">
       <!-- Top Row -->
       <div class="framework-row" :style="rowStyle">

diff --git a/docs/.vitepress/theme/components/landing/4. community-section/CommunitySection.vue b/docs/.vitepress/theme/components/landing/4. community-section/CommunitySection.vue
@@ -86,13 +86,13 @@ SolidJS in mind, they should scale from our simplest template to opinionated sta
 
 <template>
   <section class="community-section">
-    <h2>Loved by the community</h2>
+    <h2>محبوب در میان جامعه</h2>
     <h3>
-      Don't take our word for it - listen to what Vite community members have to
-      say.
+      حرف ما را قبول نکنید،
+      به آنچه اعضای انجمن Vite می‌گویند گوش دهید.
     </h3>
     <div class="community-grid-container">
-      <div class="community-grid">
+      <div dir="ltr" class="community-grid">
         <CommunityCard
           :testimonial="testimonial"
           v-for="testimonial in testimonials"

diff --git a/docs/.vitepress/theme/components/landing/5. sponsor-section/SponsorSection.vue b/docs/.vitepress/theme/components/landing/5. sponsor-section/SponsorSection.vue
@@ -46,13 +46,13 @@ const { data } = useSponsor()
       width="58"
       height="55"
     />
-    <h2>Free &amp; open source</h2>
+    <h2>رایگان و متن‌باز</h2>
     <h4>
-      Vite is MIT Licensed and will always be free and open source. This is made
-      possible by our contributors and these companies:
+      Vite دارای مجوز MIT است و همیشه رایگان و منبع باز خواهد بود.
+      این توسط مشارکت کنندگان ما و این شرکت‌ها ممکن شده است:
     </h4>
 
-    <h4>Brought to you by</h4>
+    <h4>ارائه شده توسط</h4>
     <div class="voidzero">
       <a href="https://voidzero.dev" target="_blank">
         <img src="./voidzero.svg" />
@@ -70,7 +70,7 @@ const { data } = useSponsor()
         href="https://github.com/sponsors/vitejs"
         target="_blank"
         class="btn btn--outline btn--rounded"
-        >Become a Sponsor</a
+        >حامی ما شوید</a
       >
     </div>
   </div>
@@ -127,7 +127,7 @@ const { data } = useSponsor()
   h4 {
     color: #a3a3a3;
     text-align: center;
-    font-family: Inter, sans-serif;
+    font-family: 'site-font', Inter, sans-serif;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;

diff --git a/docs/.vitepress/theme/components/landing/6. get-started-section/GetStartedSection.vue b/docs/.vitepress/theme/components/landing/6. get-started-section/GetStartedSection.vue
@@ -109,12 +109,12 @@
       </svg>
       <img src="/logo.svg" alt="Vite Logo" class="vite-chip__logo" />
     </div>
-    <h2>Start building with Vite</h2>
+    <h2>شروع به ساختن با vite کنید</h2>
     <h3>
-      Prepare for a development environment that can finally keep pace with the
-      speed of your mind.
+      برای محیط توسعه‌ای آماده شوید که بالاخره می‌تواند
+      با سرعت ذهن شما هماهنگ باشد.
     </h3>
-    <a href="/guide/" class="btn btn--primary">Get started</a>
+    <a href="/guide/" class="btn btn--primary">شروع کنید</a>
     <div class="glow glow--purple" />
     <div class="glow glow--blue" />
   </div>

diff --git a/docs/.vitepress/theme/fonts/Estedad[KSHD,wght].woff2 b/docs/.vitepress/theme/fonts/Estedad[KSHD,wght].woff2
diff --git a/docs/.vitepress/theme/index.ts b/docs/.vitepress/theme/index.ts
@@ -5,6 +5,7 @@ import TwoslashFloatingVue from '@shikijs/vitepress-twoslash/client'
 import '@shikijs/vitepress-twoslash/style.css'
 import './styles/vars.css'
 import './styles/landing.css'
+import './styles/overrides.css'
 import AsideSponsors from './components/AsideSponsors.vue'
 import SvgImage from './components/SvgImage.vue'
 import 'virtual:group-icons.css'