Merge pull request vuejs#1 from boussadjra/feat/trans-config

Translate header and guide sidebar

Author: Abdelaziz18003

.vitepress/config.ts

@@ -255,6 +255,7 @@ html:not(.dark) .accent,
     font-size: 64px;
     letter-spacing: -0.5px;
   }
+
   .description {
     font-size: 18px;
     margin-bottom: 48px;
@@ -272,26 +273,33 @@ html:not(.dark) .accent,
   #hero {
     padding: 64px 32px;
   }
+
   .description {
     font-size: 16px;
     margin: 18px 0 30px;
   }
+
   #special-sponsor {
     flex-direction: column;
   }
+
   #special-sponsor img {
     height: 36px;
     margin: 8px 0;
   }
+
   #special-sponsor span {
     text-align: center !important;
   }
+
   #highlights h3 {
     margin-bottom: 0.6em;
   }
+
   #highlights .vt-box {
     padding: 20px 36px;
   }
+
   .actions a {
     margin: 0.5em 0;
   }

.vitepress/theme/components/Home.vue

@@ -32,7 +32,7 @@ import { VTLink } from '@vue/theme'
               id="member_submit"
               name="member[subscribe]"
               type="submit"
-              value="SUBSCRIBE"
+              value="سجّل"
             />
           </div>
         </form>
@@ -44,10 +44,10 @@ import { VTLink } from '@vue/theme'
           >news.vuejs.org</VTLink
         >. تستطيع متابعتنا على
         <VTLink class="link" href="https://twitter.com/vuejs" no-icon
-          >Twitter</VTLink
+          >تويتر</VTLink
         >, أو الانضمام إلينا على
         <VTLink class="link" href="https://chat.vuejs.org/" no-icon
-          >Discord</VTLink
+          >ديسكورد</VTLink
         >.
       </p>
     </div>

.vitepress/theme/components/NewsLetter.vue

@@ -6,7 +6,7 @@
       <div></div>
       <div></div>
     </div>
-    <div>Repl is loading...</div>
+    <div>Repl قيد التحميل</div>
   </div>
 </template>
 

.vitepress/theme/components/ReplLoading.vue

@@ -6,7 +6,7 @@ const { frontmatter } = useData()
 
 <template>
   <div v-if="frontmatter.sponsors !== false">
-    <a class="sponsors-aside-text" href="/sponsor/">Sponsors</a>
+    <a class="sponsors-aside-text" href="/sponsor/">الراعون</a>
     <SponsorsGroup tier="special" />
     <SponsorsGroup tier="platinum" />
   </div>

.vitepress/theme/components/SponsorsAside.vue

@@ -43,8 +43,8 @@ onMounted(async () => {
         target="_blank"
       >
         <div class="vj-company-logo">
-          <img 
-            :src="job.organization.avatar" 
+          <img
+            :src="job.organization.avatar"
             :alt="`Logo for ${job.organization.name}`" />
         </div>
         <div
@@ -63,7 +63,7 @@ onMounted(async () => {
       </a>
     </div>
     <div class="vj-link">
-      Jobs by
+      وظائف من طرف
       <a
         href="https://vuejobs.com/?utm_source=vuejs&utm_medium=referral&utm_campaign=jobs_widget&utm_content=bottom_link"
         target="_blank"

.vitepress/theme/components/VueJobs.vue

@@ -20,7 +20,6 @@ watch(
     class="why-vue"
     @click="showWhyVue = true"
     href="javascript:;"
-    dir="rtl"
   >
     <svg
       class="icon-play"
@@ -29,12 +28,12 @@ watch(
       viewBox="0 0 100 125"
       fill="#FFFFFF"
     >
-      <title id="simpleicons-play-icon" lang="en">Play icon</title>
+      <title id="simpleicons-play-icon" lang="en">أيقونة التشغيل</title>
       <path
         d="M50,3.8C24.5,3.8,3.8,24.5,3.8,50S24.5,96.2,50,96.2S96.2,75.5,96.2,50S75.5,3.8,50,3.8z M71.2,53.3l-30.8,18  c-0.6,0.4-1.3,0.5-1.9,0.5c-0.6,0-1.3-0.1-1.9-0.5c-1.2-0.6-1.9-1.9-1.9-3.3V32c0-1.4,0.8-2.7,1.9-3.3c1.2-0.6,2.7-0.6,3.8,0  l30.8,18c1.2,0.6,1.9,1.9,1.9,3.3S72.3,52.7,71.2,53.3z"
       ></path>
     </svg>
-    لماذا Vue
+    لماذا Vue؟
   </a>
   <Teleport v-if="showWhyVue" to="body">
     <div @click="showWhyVue = false" class="vuemastery-modal-mask">
@@ -61,9 +60,9 @@ watch(
             </div>
           </div>
 
-          <div class="vuemastery-modal-footer">
+          <div class="vuemastery-modal-footer" dir="rtl">
             <p class="vuemastery-modal-footer-text">
-              Video by
+              فيديو من طرف
               <a
                 href="https://www.vuemastery.com"
                 target="_blank"
@@ -72,14 +71,14 @@ watch(
               >
                 Vue Mastery.</a
               >
-              Watch Vue Mastery’s free
+              شاهد مجانا
               <a
                 href="https://www.vuemastery.com/courses/intro-to-vue-3/intro-to-vue3"
                 target="_blank"
                 rel="sponsored noopener"
-                title="Vue.js Courses on Vue Mastery"
+                title="دورات Vue.js على Vue Mastery"
               >
-                Intro to Vue course.</a
+                مقدمة عن دورة Vue</a
               >
             </p>
           </div>
@@ -99,7 +98,7 @@ watch(
   font-weight: 600;
   background-color: var(--vt-c-green);
   color: #fff;
-  margin-left: 18px;
+  margin-right: 18px;
   padding: 8px 1em 8px 3em;
 }
 

.vitepress/theme/components/VueMasteryModal.vue

@@ -6,7 +6,7 @@
       rel="sponsored noopener"
       :title="title"
     >
-      <slot>Watch a free video lesson on Vue School</slot>
+      <slot> شاهد فيديو تعليمي مجاني على VueSchool</slot>
     </a>
   </div>
 </template>

.vitepress/theme/components/VueSchoolLink.vue

@@ -1,6 +1,6 @@
-@import "./pages.css";
-@import "./badges.css";
-@import "./options-boxes.css";
-@import "./inline-demo.css";
-@import "./utilities.css";
-@import "./style-guide.css";
+@import './pages.css';
+@import './badges.css';
+@import './options-boxes.css';
+@import './inline-demo.css';
+@import './utilities.css';
+@import './style-guide.css';