fix formatting issues

Author: boussadjra

.vitepress/config.ts

@@ -80,7 +80,10 @@ const nav: ThemeConfig['nav'] = [
             text: 'GitHub نقاشات',
             link: 'https://github.com/vuejs/core/discussions'
           },
-          { text: 'DEV Community على منصة vue وسم ', link: 'https://dev.to/t/vue' }
+          {
+            text: 'DEV Community على منصة vue وسم ',
+            link: 'https://dev.to/t/vue'
+          }
         ]
       },
       {
@@ -174,7 +177,10 @@ export const sidebar: ThemeConfig['sidebar'] = {
           link: '/guide/essentials/lifecycle'
         },
         { text: 'الخصائص المراقبة', link: '/guide/essentials/watchers' },
-        { text: 'Refs مراجع القالب', link: '/guide/essentials/template-refs' },
+        {
+          text: 'Refs مراجع القالب',
+          link: '/guide/essentials/template-refs'
+        },
         {
           text: 'أساسيات المكونات',
           link: '/guide/essentials/component-basics'
@@ -235,7 +241,10 @@ export const sidebar: ThemeConfig['sidebar'] = {
     {
       text: 'الإرتقاء و التدرج',
       items: [
-        { text: '(SFC) المكونات أحادية المستند', link: '/guide/scaling-up/sfc' },
+        {
+          text: '(SFC) المكونات أحادية المستند',
+          link: '/guide/scaling-up/sfc'
+        },
         { text: 'الأدوات', link: '/guide/scaling-up/tooling' },
         { text: 'التوجيه', link: '/guide/scaling-up/routing' },
         {
@@ -629,7 +638,7 @@ export default defineConfigWithTheme<ThemeConfig>({
         link: '/translations/',
         text: 'ساعدنا في الترجمة',
         isTranslationsDesc: true
-      },
+      }
     ],
 
     algolia: {

.vitepress/theme/components/Home.vue

@@ -1,4 +1,4 @@
-<script setup lang="ts">
+<script lang="ts">
 import { onMounted } from 'vue'
 import NewsLetter from './NewsLetter.vue'
 import { load, data, base } from './sponsors'
@@ -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/NewsLetter.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { VTLink } from "@vue/theme";
+import { VTLink } from '@vue/theme'
 </script>
 
 <template>
@@ -40,11 +40,15 @@ import { VTLink } from "@vue/theme";
 
       <p class="help">
         يمكنك قراءة الأعداد السابقة والإستماع إلى البودكاست من
-        <VTLink class="link" href="https://news.vuejs.org/" no-icon>news.vuejs.org</VTLink
+        <VTLink class="link" href="https://news.vuejs.org/" no-icon
+          >news.vuejs.org</VTLink
         >. تستطيع متابعتنا على
-        <VTLink class="link" href="https://twitter.com/vuejs" no-icon>تويتر</VTLink>, أو
-        الانضمام إلينا على
-        <VTLink class="link" href="https://chat.vuejs.org/" no-icon>ديسكورد</VTLink>.
+        <VTLink class="link" href="https://twitter.com/vuejs" no-icon
+          >تويتر</VTLink
+        >, أو الانضمام إلينا على
+        <VTLink class="link" href="https://chat.vuejs.org/" no-icon
+          >ديسكورد</VTLink
+        >.
       </p>
     </div>
   </section>

.vitepress/theme/components/ReplLoading.vue

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

.vitepress/theme/components/SponsorsAside.vue

@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import SponsorsGroup from './SponsorsGroup.vue'
-import { useData } from 'vitepress'
-const { frontmatter } = useData()
+import SponsorsGroup from "./SponsorsGroup.vue";
+import { useData } from "vitepress";
+const { frontmatter } = useData();
 </script>
 
 <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/VueJobs.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/VueMasteryModal.vue

@@ -1,17 +1,17 @@
 <script setup lang="ts">
-import { watch } from "vue";
+import { watch } from 'vue'
 
-const VIDEO_SOURCE = "https://player.vimeo.com/video/647441538?autoplay=1";
-let showWhyVue: boolean = $ref(false);
+const VIDEO_SOURCE = 'https://player.vimeo.com/video/647441538?autoplay=1'
+let showWhyVue: boolean = $ref(false)
 
 watch(
   () => showWhyVue,
   (value) => {
     value
-      ? (document.documentElement.style.overflow = "hidden")
-      : (document.documentElement.style.overflow = "auto");
+      ? (document.documentElement.style.overflow = 'hidden')
+      : (document.documentElement.style.overflow = 'auto')
   }
-);
+)
 </script>
 
 <template>

.vitepress/theme/components/VueSchoolLink.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/styles/index.css

@@ -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';